@import url('../persian-font.css');

@media screen and (min-width: 1px) and (max-width: 470px){
    .managerMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }
    .inputButtonMobile{
        display :none;
    }

    #SearchMenu i{
        position :relative ;
        top:0px;
       
    }

    #Login_Button a{
        background :none;
        border-radius:5px;
        margin-bottom :15px;
        margin-top :-15px;
        z-index :1000000000;
        margin :0;
    }

    #Login_Button a i{
        position :relative ;
        margin-top :-10px;
        top:0px;
    }

    .managerContainer {
        position: relative;
        top: 0px;
        width: 60%;
        min-height: 800px;
        display: inline-block;
        direction: rtl;
    }

        .managerContainer .boxManagerModirAmel {
            position: relative;
            top: 0px;
            float: none;
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            min-height: 325px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            background-image: url("https://3.bp.blogspot.com/-piZWCW2uUbg/W2fPXxkWZgI/AAAAAAAAOu0/eydmMjTIqcwLMHEEr2H7imqoRTxMw4o9QCLcBGAs/s1600/among_trees_night_dribbble.png");
            border-radius: 4px;
            padding: 10px;
            direction: rtl;
        }

            .managerContainer .boxManagerModirAmel .innertoBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #2FBEF2;
                width: 60%;
                background-repeat: no-repeat;
                background-position: center center;

            }

            .managerContainer .boxManagerModirAmel .middleBox {
                position: absolute;
                bottom: 0px;
                margin-bottom: 0px;
                min-height: 65px;
                background: #2FBEF2;
                width: 100%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #fff;
                line-height: 65px;
                text-align: center;
            }


            .managerContainer .boxManagerModirAmel .bottomBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #fff;
                width: 40%;
                display: inline-block;
            }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer {
                    position: relative;
                    top: 10px;
                    right: 0px;
                    float: right;
                    min-height: 300px;
                    text-align: center;
                    width: 30px;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox {
                        position: relative;
                        float: right;
                        width: 55px;
                        height: 55px;
                        border-radius: 180px;
                        text-align: center;
                        margin-right: -20px;
                        background: #cc0000;
                        cursor: pointer;
                        margin-bottom: 5px;
                    }

                        .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox:hover {
                            background: #2FBEF2;
                        }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBox i {
                    color: #fff;
                    margin-top: 15px;
                    font-size: 25px;
                }

                .managerContainer .boxManagerModirAmel .bottomBox p {
                    float: right;
                    top: 0px;
                    width: 60%;
                    min-height: 30px;
                    line-height: 30px;
                    padding-right: 10%;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #333;
                    text-align: right;
                    direction: rtl;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox p i {
                        color: #2FBEF2;
                        font-size: 10pt;
                        margin-left: 10px;
                        margin-top: 5px;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.user {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.phone {
                        font-family: byekan;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.email {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.fax {
                        font-family: byekan;
                    }




        .managerContainer .boxManager {
            position: relative;
            top: 0px;
            float: none;
            width: 35%;
            margin-left: auto;
            margin-right: auto;
            display: inline-block;
            min-height: 400px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            border-radius: 4px;
            padding: 10px;
            margin: 1%;
            margin-top: 2.5%;
            margin-bottom: 2.5%;
        }

        .managerContainer .fourBox {
            width: 22%;
        }

        .managerContainer .boxManager .innertoBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 200px;
            width: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100px;
        }

        .managerContainer .boxManager .middleBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 55px;
            background: #2FBEF2;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            text-align: center;
        }


        .managerContainer .boxManager .bottomBox {
            position: relative;
            top: 0px;
            float: left;
            min-height: 145px;
            background: #fff;
            width: 100%;
            display: inline-block;
            direction: rtl;
        }

            .managerContainer .boxManager .bottomBox .circleBoxContainer {
                position: relative;
                top: 0px;
                left: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                min-height: 35px;
                display: inline-block;
                text-align: center;
            }

                .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox {
                    position: relative;
                    float: right;
                    margin-left: 5px;
                    width: 40px;
                    height: 40px;
                    border-radius: 180px;
                    text-align: center;
                    margin-top: -20px;
                    background: #00AEEF;
                    cursor: pointer;
                }

                    .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox:hover {
                        background: #cc0000;
                    }

            .managerContainer .boxManager .bottomBox .circleBox i {
                color: #fff;
                margin-top: 10px;
                font-size: 20px;
            }

            .managerContainer .boxManager .bottomBox p {
                position: relative;
                float: left;
                top: 0px;
                width: 90%;
                min-height: 20px;
                line-height: 20px;
                padding-right: 10%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #333;
                text-align: right;
                direction: rtl;
                margin: 0.5px;
            }

                .managerContainer .boxManager .bottomBox p i {
                    color: #2FBEF2;
                    font-size: 10pt;
                    margin-left: 10px;
                    margin-top: 5px;
                }

                .managerContainer .boxManager .bottomBox p.user {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.phone {
                    font-family: byekan;
                }

                .managerContainer .boxManager .bottomBox p.email {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.fax {
                    font-family: byekan;
                }


    .titleBox_Inf {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 130px;
        line-height: 130px;
        font-size: 14pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        text-align: center;
        direction: rtl;
    }


    .NewsFori {
        position: fixed;
        bottom: 0px;
        width: 20%;
        max-width: 300px;
        height: 180px;
        background: rgb(4,49,0);
        background: rgba(4,49,182,0.9);
        padding: 10px 20px 10px 10px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        z-index: 1000000000000;
        box-shadow: 1px 1px 1px gray;
        min-width: 300px;
        font-weight: 300;
    }




    .marqueeBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        height: 40px;
        z-index: 10000000000;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 11pt;
        color: #333;
        padding-top: 5px;
        direction: rtl;
    }



    .socialBox {
        position: fixed;
        float: left;
        top: 25%;
        min-width: 40px;
        background: rgb(191,189,192);
        background: rgba(191,189,192,0.5);
    }

        .socialBox ul {
            left: 0px;
            float: left;
            padding: 0;
            margin: 0;
            display: block;
        }

            .socialBox ul li {
                margin: 0;
                padding: 0;
                width: 40px;
                height: 40px;
                display: block;
            }

                .socialBox ul li a {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    text-decoration: none;
                    display: block;
                }

    html, body {
        padding: 0;
        margin: 0;
        background: #06121E;
    }

    .mainPageScreen {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
        background: #06121E;
        margin-bottom :50px;

        
    }

      .mainPageScreen .mainPageScreen_child {
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        min-height :350px;
        display :block ;
        
    }

    .topWhiteBar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        min-height: 50px;
        display: inline-block;
        z-index: 100000;
      
    }

    .topWhiteBar_Container {
        position: relative;
        top: 70px;
        width: 100%;
        min-height: 55px;
        display: inline-block;
    }

    .topWhiteBar .main_ul {
        float: left;
        left: 0px;
        min-height: 55px;
        margin :0;
        padding :0;
    }

    .topWhiteBar .main_li {
        position :relative  ;
        left:10px;
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
        width :30px;
        
    }

    .topWhiteBar iframe {
        position: relative;
        float: left;
        left: 0px;
        top: 0px;
        width: 40px;
        height: 35px;
        display: inline-block;
    }

    .topWhiteBar a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        min-height: 35px;
        line-height: 35px;
        -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: color 0.5s;
      
    }
    #searchText{
        display :none;
    }

        .topWhiteBar a i {
            font-size: 16pt;
            color: #fff;
            margin-right: 5px;
            -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
            transition: color 0.5s;
        }

        .topWhiteBar a:hover i {
            color: #00AEEF;
        }

        .topWhiteBar a:hover {
            color: #00AEEF;
        }

    .topWhiteBar i:hover {
        color: #00AEEF;
    }

    .main_li .topWhiteBar_DropDown {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 15px 15px 15px;
        background: #00AEEF;
        color: #fff;
    }

    .main_li .topWhiteBar_DropDown_Search {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 5px 15px 5px;
        background: #00AEEF;
        color: #fff;
        width: 215px;
    }

    /*.main_li:hover .topWhiteBar_DropDown
	{
		display:block ;
	}*/

    .topWhiteBar_DropDown li {
        display: block;
        margin: 0;
    }



    #btnLogin {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnLogin:hover {
            background: #fff;
            color: #00AEEF;
        }

    #btnSearch {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnSearch:hover {
            background: #fff;
            color: #00AEEF;
        }

    .topBar {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        background: none;
        display: inline-block;
        text-align: center;
        z-index: 11111111111111111111111111111111111111111111111111111111;
        height :140px;
        background :#0F2133;
    }

    .topBar_Container {
        position: relative;
        top: 0px;
        width: 98%;
        display: inline-block;
    }

        .topBar_Container .logoBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            cursor: pointer;
            width: 270px;
        }

    .logoBox img {
        position: relative;
        float: right;
        top: 0px;
        right: 0px;
    }

    .topBar_Container .menuPhoneBox {
        position: absolute ;
        top: 60px;
        right:0px;
        float: right;
        right: 0%;
        background: none;
    }

    .menuPhoneBox .phoneBox {
        position: relative;
        top: 0px;
        float: left;
        left: 20px;
        width: 100%;
        min-height: 50px;
        background: none;
    }

    .phoneBox a {
        position: absolute;
        float: left;
        left: 0px;
        bottom: 10px;
        padding: 10px 0px 10px 0px;
        font-family: byekan,arial;
        font-size: 16pt;
        color: #000;
        text-align: left;
        display: inline-block;
        width: 100%;
        height: 30px;
    }

    .phoneBox i {
        font-size: 20pt;
        color: #2FBEF2;
        margin-right: 10px;
    }

    .menuBox {
        position: relative;
        top: 0px;
        float: left;
        right: 0px;
        width: 100%;
        min-height: 60px;
        margin-bottom :50px;
    }

    .overSlide {
      
    }



    .name_TopBanner {
        position: absolute;
        top: 0;
        margin-top: 50px;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        width: 98%;
        min-height: 100px;
        font-family: iranyekanwebmediumfanum;
        font-size: 24pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: center ;
        background-clip: text;
        background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
        color: var(--color-background);
        font-size: var(24pt);
        font-weight: var(--font-weight);
        letter-spacing: var(--letter-spacing);
        padding: calc(--stroke-width / 2);
        -webkit-text-stroke-color: transparent;
        -webkit-text-stroke-width: var(--stroke-width);
    }

    @use postcss-preset-env {
        stage: 0;
    }

    :root {
        --color-background: #000119;
        --stroke-width: calc(1em / 16);
        --font-size: 30vmin;
        --font-weight: 700;
        --letter-spacing: calc(1em / 8);
    }

    * {
        box-sizing: border-box;
    }

    .length_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 120px;
        float: right;
        right: 45%;
        width: 80%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        color: #fff;
        display :none;
    }

    .summery_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 160px;
        margin-left :20%; 
        margin-right :20%;
        width: 60%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        font-weight: 500;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: justify;
        color: #fff;
        display :none;
        
    }

     .Link_TopBannerContainer {
        position: absolute;
        top: 0px;
        margin-top: 170px;
        float: right;
        right: 35%;
        width: 80%;
        min-height: 60px;
        line-height: 60px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        
    }

    .Link_TopBanner {
        position: absolute;
        float: right;
        width: 150px;
        height: 45px;
        line-height: 45px;
        border-radius: 30px;
        
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        color: #fff;
        cursor: pointer;
        margin-top: 0px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
    }





        .Link_TopBanner:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }



    .video_Mainbox_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 350px;
        display: inline-block;
        text-align: center;
        margin-bottom :5px;
        
        
    }

        .video_Mainbox_MainPage .video_ContainerTitle_MainPage {
            position: relative;
            top: 50px;
            text-align: center;
            width: 90%;
            min-height: 350px;
            display: inline-block;
            margin-bottom: 5px;
        }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .boxTitleVideoPage {
                position: relative;
                top: 0px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 30px;
                line-height: 30px;
                
            }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage {
                position: relative;
                top: 0px;
                width: 100%;
                height: 280px;
                display: inline-block;
                text-align: center;
                overflow :hidden ;
                
            }

                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 40%;
                    min-width :280px;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                  

                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 95%;
                            height: 95%;
                            margin-top: 1%;
                            margin-bottom: 1%;
                        }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 90%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 11pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                
                            }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 125px;
                                    height: 40px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 40px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 14pt;
                                        margin-top: 8px;
                                        margin-bottom: 8px;
                                    }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }

    .video_Mainbox_MainPage_other {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 350px;
        display: inline-block;
        text-align: center;
    }

        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other {
            position: relative;
            top: 50px;
            text-align: center;
            width: 95%;
            min-height: 350px;
            display: inline-block;
            margin-bottom: 50px;
        }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .boxTitleVideoPage {
                position: relative;
                top: 50px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 50px;
                line-height: 50px;
            }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage {
                position: relative;
                top: 50px;
                width: 100%;
                height: 280px;
                display: inline-block;
                text-align: center;
                overflow :hidden ;
            }

                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 45%;
                    min-width :250px;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                  

                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 95%;
                            height: 95%;
                            margin-top: 2%;
                            margin-bottom: 2%;
                        }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 75%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 115px;
                                    height: 30px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 30px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 35px;
                                    height: 35px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 12pt;
                                        margin-top: 8px;
                                        margin-bottom: 8px;
                                    }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }


#features{
    position :relative ;
    top:0px;
    left:0px;
    width :100%;
    min-height :550px;
    display :inline-block ;
    text-align :center ;
    margin-bottom :30px;
   
}

#features .containerBox{
    position :relative ;
    width :90%;
    height :550px;
    display :inline-block;
  
    
}

    #features .containerBox .slideBoxNav {
        position :relative  ;
        top:0px;
        left:0px;
        width:100%;
        display :block;
        left:0px;
        height :200px;
        overflow :hidden ;
    }

    .boxBoard {
        position: relative;
        top: 0px;
        width: 100%;
        border: 0;
        min-height: 500px;
        border-radius: 30px;
        margin-bottom: 150px;
      
    }

        .boxBoard h3 {
            margin: 0;
            padding: 0;
        }

    .boxBoard_masked {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 100000000000000000000000000000000;
        background: #0a0909;
        background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
    }

        .boxBoard_masked .mainBoradNewVideo {
            position: relative;
            top: 10px;
            bottom: 50px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 95%;
            display: inline-block;
            text-align: right;
        }

            .boxBoard_masked .mainBoradNewVideo .titleBoradNewVideo {
                position: relative;
                float: right;
                width: 100%;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                min-height: 30px;
                line-height: 30px;
                margin-top :10px;
                margin :0;
            }

    .contaiber_StaticBanner{
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        min-height :200px;
        display :block ;
        margin-bottom :10px;
        padding-bottom :10px;
    }

    .staticBananer_OtherPages {
        position: absolute;
        top: 140px;
        left: 0px;
        width: 100%;
        display: inline-block;
        min-height: 185px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .staticBananer_OtherPages .maskedstaticBananer_OtherPages {
            position: absolute;
            top: 0px;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #0a0909;
            background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
        }

        .staticBananer_OtherPages .pathBox_OtherPage {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            width: 95%;
            min-height: 140px;
            margin-top: 2%;
        }

            .staticBananer_OtherPages .pathBox_OtherPage .titlePath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 40px;
                line-height: 30px;
                font-weight: 500;
                margin: 0;
            }

            .staticBananer_OtherPages .pathBox_OtherPage .textPath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 12pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 30px;
                line-height: 30px;
                font-weight: 600;
            }

                .staticBananer_OtherPages .pathBox_OtherPage .textPath span {
                    padding-left: 10px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 12pt;
                    color: #fff;
                    direction: rtl;
                    min-height: 30px;
                    line-height: 30px;
                }

    .VideoList_MainPage {
        position: relative;
        top: 150px;
        right: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
        margin-bottom :200px;
    }

        .VideoList_MainPage .VideoList_Container {
            position: relative;
            top: 0px;
            width: 98%;
            min-height: 400px;
            display: inline-block;
            margin-top: 20px;
        }

            .VideoList_MainPage .VideoList_Container .box {
                position: relative;
                top: 0px;
                
                padding: 0;
                margin: 0;
                float: none;
                margin-left :auto ;
                margin-right :auto ;
                width: 90%;
                min-height: 300px;
                margin-right: 8px;
                margin-left: 8px;
                background: #0B1A2A;
                border-radius: 15px;
                padding-bottom: 0px;
                margin-bottom: 20px;
                padding-bottom :20px;
                
            }

                .VideoList_MainPage .VideoList_Container .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    width: 90%;
                    top: 25px;
                    bottom: 25px;
                    min-height: 480px;
                }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 100%;
                        height: 200px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        border-radius: 15px;
                        display: block;
                        overflow: hidden;
                    }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        height: 80px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 11pt;
                        font-weight: 700;
                        color: #00AEEF;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        padding-top: 20px;
                        padding-bottom: 10px;
                        cursor: pointer;
                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews:hover {
                            color: #cc0000;
                        }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .DateBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 30px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 10pt;
                        font-weight: 500;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                    }


                    .VideoList_MainPage .VideoList_Container .box .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left :auto ;
                        margin-right :auto ;
                        width: 100%;
                        height: 50px;
                        direction: rtl;
                        line-height: 25px;
                        font-size: 10pt;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        overflow: hidden;
                        padding-bottom :50px;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: left;

                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore {
                            position: relative;
                            float: right;
                            width: 150px;
                            height: 45px;
                            line-height: 45px;
                            border-radius: 30px;
                            
                            text-align: center;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 11pt;
                            color: #fff;
                            cursor: pointer;
                            margin-top: 20px;
                            display: block;
                            background-size: 200% auto;
                            background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                            margin-bottom: 20px;
                            direction: rtl;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore:hover {
                                background-position: right center;
                                color: #fff;
                                text-decoration: none;
                            }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox {
                        display: block;
                    }


                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 90%;
                            height: 90%;
                            margin-top: 1%;
                            margin-bottom: 1%;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 90%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 12pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 125px;
                                    height: 40px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 11pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 40px;
                                    margin-top: 2px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 40px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 30px;
                                margin-top: 30px;
                                margin-bottom: 10px;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 35px;
                                    height: 35px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                    cursor: pointer;
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 12pt;
                                        margin-top: 8px;
                                        margin-bottom: 12px;
                                    }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }




    .comment_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        text-align: center;
    }

        .comment_Mainpage .comment_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 300px;
            display: inline-block;
        }

            .comment_Mainpage .comment_Container .title_Comment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-size: 16pt;
                font-weight: 900;
                font-family: iranyekanwebmediumfanum;
                direction: rtl;
                text-align: right;
            }

            .comment_Mainpage .comment_Container .comment_SmallBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 90%;
                min-height: 130px;
                text-align: right;
            }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_SmallBoxTitle {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 40px;
                    line-height: 40px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_textarea {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 165px;
                    line-height: 20px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #888;
                    direction: rtl;
                    padding: 10px;
                    border: 1px solid #fff;
                    border-radius: 10px;
                    resize: none;
                    display: block;
                    background: none;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    text-align: right;
                    margin-top: 20px;
                }

                    .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 160px;
                        height: 40px;
                        border-radius: 30px;
                        background: #cc0000;
                        color: #fff;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 11pt;
                        border: 0;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }



    .MainPage_Register {
        position: relative;
        top: 100px;
        left: 0px;
        float: right;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        margin-bottom :150px;
    }

        .MainPage_Register .container_Register {
            position: relative;
            top: 100px;
            width: 90%;
            min-height: 400px;
            display: inline-block;
            background: #0B1A2A;
            border-radius: 15px;
            padding: 20px;
        }

            .MainPage_Register .container_Register .title_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: center;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-weight: 900;
                direction: rtl;
                font-size: 16pt;
                font-family: iranyekanwebmediumfanum;
            }

            .MainPage_Register .container_Register .caption_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                margin-top: 20px;
            }

            .MainPage_Register .container_Register .acceptLaw {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 20px;
                height: 20px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                margin: 0;
                margin-top: 20px;
            }

                .MainPage_Register .container_Register .acceptLaw span {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: center;
                }

                .MainPage_Register .container_Register .acceptLaw a {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #cc0000;
                    direction: rtl;
                    text-align: center;
                    text-decoration: none;
                    margin-right: 5px;
                }


            .MainPage_Register .container_Register .Input_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                border: 1px solid #fff;
                border-radius: 30px;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .checkBox_Register {
                position: relative;
                top: 0px;
                float: right;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .lawLink_Register {
                position: relative;
                top: 0px;
                float: right;
                margin-right: 5px;
                line-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
                text-decoration: none;
            }

            .MainPage_Register .container_Register .save_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 150px;
                height: 40px;
                line-height: 40px;
                background-size: 200% auto;
                background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                cursor: pointer;
                color: #fff;
                border-radius: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                border: 0;
            }

                .MainPage_Register .container_Register .save_Register:hover {
                    background-position: right center;
                    color: #fff;
                    text-decoration: none;
                }

    .mainpage_LawRegister {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

    .textLogin {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #fff;
        width: 100%;
        text-align: right;
        direction: rtl;
        margin-top: 40px;
    }

    .LinkRegister {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #cc0000;
        text-align: right;
        direction: rtl;
        text-decoration: none;
    }

    .linkForgetPassword {
        position: relative;
        top: 0px;
        float: right;
        min-height: 40px;
        line-height: 40px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        color: #fff;
        direction: rtl;
        width: 100%;
        text-align: right;
        text-decoration: none;
    }

        .linkForgetPassword a {
            top: 0px;
            min-height: 40px;
            line-height: 40px;
            font-family: iranyekanwebmediumfanum;
            font-size: 10pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            text-decoration: none;
        }

            .linkForgetPassword a:hover {
                color: #cc0000;
            }

    .okButtonAlert {
        position: relative;
        float: none;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #2FBEF2;
        color: #fff;
        cursor: pointer;
        border: 0;
        border-radius: 10px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        display: inline-block;
    }

        .okButtonAlert:hover {
            background: #2FBEF2;
        }

    .mainpage_LawRegister .child {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #0B1A2A;
        width: 90%;
        height: 300px;
        border-radius: 15px;
        overflow: auto;
        padding: 20px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        line-height: 40px;
        text-align: justify;
        direction: rtl;
        color: #fff;
    }

        .mainpage_LawRegister .child a {
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            height: 40px;
            width: 40px;
            text-align: center;
        }

            .mainpage_LawRegister .child a i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 18pt;
            }

    /**/
    .mainpage_saveAlert {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

        .mainpage_saveAlert .child {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #cc0000;
            width: 90%;
            max-width: 300px;
            height: 250px;
            border-radius: 15px;
            overflow: auto;
            padding: 30px;
            font-family: iranyekanwebmediumfanum;
            font-size: 11pt;
            line-height: 35px;
            text-align: center;
            direction: rtl;
            color: #fff;
            overflow: hidden;
        }

            .mainpage_saveAlert .child a {
                position: absolute;
                top: 0px;
                left: 0px;
                display: block;
                height: 40px;
                width: 40px;
                text-align: center;
            }

                .mainpage_saveAlert .child a i {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    color: #fff;
                    font-size: 18pt;
                }

    #UserPanel {
        cursor: pointer;
        width: 80px;
        direction: rtl;
    }

    .iconPanelUser {
        display: block;
        border-radius: 180px;
        text-decoration: none;
        background: none;
        text-align: center;
    }

        .iconPanelUser i {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            font-size: 16pt;
            color: #fff;
            margin-top: 5px;
        }

    .userPanelBox {
        padding: 0;
        z-index: 0;
        margin-top: -1px;
        display: none;
        float: left;
        position: relative;
        right: -999em;
        width: 150px;
        height: 0;
        -webkit-transition: height 0.5s,top 0.7s,visibility 5s;
        transition: height 0.5s,top 0.7s,visibility 5s;
        padding: 0 0 0 0;
        padding-bottom: 30px;
        border: 0px solid #D8B442;
        border-radius: 0px;
        -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
        -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
        -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
        -o-transition: top 0.2s ease, opacity 0.2s ease-in;
        transition: top 0.2s ease, opacity 0.2s ease-in;
        background: #0B1A2A;
        box-shadow: 1px 10px 10px #000;
    }

    #UserPanel:hover .userPanelBox {
        display: block;
        right: 0;
        height: auto;
        z-index: 10000;
    }

    .userPanelBox ul {
        display: block;
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .userPanelBox li {
        padding: 0;
        margin: 0;
        width: 100%;
        padding-right: 10px;
        height: 30px;
        line-height: 30px;
        text-align: right;
        top: 0px;
        list-style: none;
    }

    .userPanelBox ul li a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #fff;
    }

    userPanelBox ul li:hover a {
        color: #D8B442;
    }

    .video_MainPage_showComment {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 500px;
        display: inline-block;
        text-align: center;
    }

        .video_MainPage_showComment .video_Container_showComment {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 90%;
            min-height: 500px;
        }

            .video_MainPage_showComment .video_Container_showComment .video_title_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                text-align: right;
                font-weight: 900;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
            }

                .video_MainPage_showComment .video_Container_showComment .video_title_showComment a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 40px;
                    height: 40px;
                    display: inline-block;
                    text-align: center;
                    background: none;
                    border: 2px solid #fff;
                    border-radius: 180px;
                    margin-top: 5px;
                    margin-left: 10px;
                }

                    .video_MainPage_showComment .video_Container_showComment .video_title_showComment a i {
                        margin-top: 10px;
                        font-size: 14pt;
                        color: #fff;
                    }

            .video_MainPage_showComment .video_Container_showComment .video_text_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 90%;
                min-height: 80px;
                line-height: 30px;
                text-align: right;
                font-weight: 500;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 12pt;
                border-bottom: 1px solid #999;
            }


    .paging_ListProduct_Container {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        direction: rtl;
        line-height: 40px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .moshahde-kalahaie-bishtar {
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum;
        color: rgb(153,153,153);
        border: 0px solid gray;
        padding: 10px;
        background: #0B1A2A;
        border-radius: 5px;
        text-decoration: none;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
    }

        .moshahde-kalahaie-bishtar:hover {
            border: 0;
            background: #cc0000;
            color: #fff;
        }

    .pagingNumberBox {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #0B1A2A;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

        .pagingNumberBox:hover {
            background: #cc0000;
        }

    .pagingNumberBox_select {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #cc0000;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

    .video_Details_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 745px;
        display: inline-block;
        text-align: center;
    }

        .video_Details_Mainpage .frameVideoDetails {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 745px;
            display: inline-block;
        }

        .video_Details_Mainpage .video_Details_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 500px;
            width: 100%;
            margin-top: 50px;
        }

            .video_Details_Mainpage .video_Details_Container .titleVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: right;
                font-size: 20pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 100px;
                min-height: 100px;
                font-weight: 900;
            }

            .video_Details_Mainpage .video_Details_Container .summeryVideoDetails {
                position: relative;
                top: 0px;
                margin-left :auto ;
                margin-right :auto ;
                float: none;
                width :95%;
                display :inline-block ;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 30px;
                min-height: 80px;
                font-weight: 500;
                margin-bottom: 50px;
            }

            .video_Details_Mainpage .video_Details_Container .ItemVideoDetails {
                position: relative;
                top: 0px;
                float: none;
                margin-right :auto ;
                margin-left :auto ;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 40px;
                min-height: 40px;
                font-weight: 500;
                width: 95%;
            }

            .video_Details_Mainpage .video_Details_Container .ItemVideoDetailsMobile {
                position: relative;
                top: 0px;
                float: none;
                margin-right :auto ;
                margin-left :auto ;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 40px;
                min-height: 140px;
                font-weight: 500;
                width: 95%;
            }

            .video_Details_Mainpage .video_Details_Container .shareContainer {
                position: relative;
                top: 0px;
                float: none;
                margin-left :auto ;
                margin-right :auto ;
                width: 95%;
                display:inline-block ; 
                min-height: 80px;
                line-height: 80px;
                display: inline-block;
                margin-top: 50px;
            }

                .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle {
                    position: relative;
                    float: right;
                    margin-left: 5px;
                    width: 40px;
                    height: 40px;
                    border-radius: 360px;
                    background: #fff;
                    display: inline-block;
                    border: 4px solid gray;
                    cursor: pointer;
                    -webkit-transition: background 1s ease;
                    -moz-transition: background 1s ease;
                    text-decoration: none;
                }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover {
                        background: #cc0000;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle i {
                        color: #cc0000;
                        margin-top: 6px;
                        font-size: 16pt;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover i {
                        color: #fff;
                    }

    .shimmer-demo {
        padding: 0px;
        display: flex;
        justify-content: inherit;
        background: none;
        border-radius: 12px;
        text-align: right;
        height :60px;
        margin :0;
    }

    .shimmer-text {
        position: relative;
        font-size: 16px;
        font-weight: 800;
        color: #fff;
        overflow: hidden;
        height :60px;
        margin :0;
        line-height :60px;
    }

        .shimmer-text::before {
            content: "";
            position: absolute;
            top: 0;
            left: -120%;
            width: 60%;
            height: 100%;
            background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.9), transparent );
            filter: blur(6px);
            animation: shimmerMove 3s infinite;
        }

    @keyframes shimmerMove {
        0% {
            left: -120%;
        }

        100% {
            left: 120%;
        }
    }


    .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo {
        position: relative;
        float: right;
        width: 100%;
        direction: rtl;
        min-height: 30px;
        line-height: 30px;
        margin: 0;
    }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .viewBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            background: rgb(102,102,102);
            background: rgba(102,102,102,0.6);
            text-align: center;
            color: #fff;
            border-radius: 5px;
            width: 90px;
            margin-left: 10px;
            height: 40px;
            line-height: 40px;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .lengthBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .DateBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
            
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .summeryBoxNewVideo {
            position: relative;
            float: right;
            font-size: 11pt;
            font-family: iranyekanwebmediumfanum;
            text-align: justify;
            color: #fff;
            line-height: 30px;
            direction: rtl;
            width: 90%;
            font-weight: 500;
            height :95px;
            overflow :hidden ;
            display :none;
            
        }

        .ViewBoradNewVideo_Mobile{
            display :none;
        }

    .Link_newVideo {
        position: relative;
        float: right;
        width: 130px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        color: #fff;
        cursor: pointer;
        margin-top: 20px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
        direction: rtl;
        margin :0;
    }





        .Link_newVideo:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    .video_box_Board {
        float :none;
        margin-left :auto ;
        margin-right :auto ;
        top: 0px;
        border-radius: 10px;
        border: 4px solid #fff;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        display :inline-block ;
        margin-left :10px;
            margin-right :0px;
        height :240px;
        width :300px;
        margin-bottom :50px;
        cursor: pointer;
        -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
        -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
    }

        .video_box_Board h3 {
            position :relative ;
            top:0px;
            float :none;
            margin-left :auto ;
            margin-right :auto ;
            width :300px;
            height :150px;
             margin-left :50px;
            margin-right :50px;
        }

        .video_box_Board img {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 20px;
            border: 0;
        }

        .video_box_Board .maskVideoBox {
            position: absolute;
            top: 0px;
            left: 0px;
            padding: 0;
            margin: 0;
            display: none;
            width: 100%;
            height: 100%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.8);
            text-align: center;
        }

        .video_box_Board:hover .maskVideoBox {
            display: block;
        }



            .video_box_Board:hover .maskVideoBox .boxContent {
                position: relative;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                height: 90%;
                margin-top: 2%;
                margin-bottom: 2%;
            }

                .video_box_Board:hover .maskVideoBox .boxContent .titleContentMask {
                    position: relative;
                    float: right;
                    width: 80%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 10pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                    font-weight :500;
                }

                .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask {
                    position: relative;
                    float: right;
                    width: 60%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 10pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                    margin: 0;
                   
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-left: 5px;
                        background: rgb(153,153,153);
                        background: rgba(153,153,153,0.5);
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-right: 10px;
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 120px;
                        height: 30px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 9pt;
                        direction: rtl;
                        background: #CC0000;
                        color: #fff;
                        border-radius: 30px;
                        cursor: pointer;
                        text-align: center;
                        line-height: 30px;
                        margin-top: 5px;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }

                .video_box_Board:hover .maskVideoBox .boxContent .boxShare {
                    position: absolute;
                    float: left;
                    width: 40px;
                    height: 100%;
                    min-height: 250px;
                    padding: 0;
                    margin: 0;
                    top: 0px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 40px;
                        height: 40px;
                        border-radius: 360px;
                        border: 4px solid #999999;
                        background: #fff;
                        text-align: center;
                        color: #cc0000;
                        display: block;
                        margin-top: 4px;
                        -webkit-transition: background-color 0.5s ease;
                        -moz-transition: background-color 0.5s ease;
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                            color: #cc0000;
                            font-size: 12pt;
                            margin-top: 8px;
                            margin-bottom: 8px;
                        }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                            background: #cc0000;
                        }

                            .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                color: #fff;
                            }



    /*menu Section*/
    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #menu-button {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1000;
    }

        #cssmenu:after,
        #cssmenu > ul:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

        #cssmenu #menu-button {
            display: none;
        }

    #cssmenu {
        width: auto;
        font-family: iranyekanwebmediumfanum,arial;
        background: none;
    }

        #cssmenu > ul {
        }

        #cssmenu.align-right > ul > li {
            float: right;
        }

        #cssmenu > ul > li {
            float: right;
            display: inline-block;
        }

        #cssmenu.align-center > ul {
            float: none;
            text-align: center;
        }

            #cssmenu.align-center > ul > li {
                float: none;
            }

        #cssmenu.align-center ul ul {
            text-align: center;
        }

        #cssmenu > ul > li > a {
            padding-left: 12px;
            padding-right: 12px;
            padding-top: 25px;
            padding-bottom: 25px;
            border-right: 0px solid #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            text-align: center;
        }

            #cssmenu > ul > li:hover > a,
            #cssmenu > ul > li > a:hover,
            #cssmenu > ul > li.active > a {
                border-bottom: 4px solid #2FBEF2;
                color: #2FBEF2;
            }

        #cssmenu > ul > li.has-sub > a {
        }

            #cssmenu > ul > li.has-sub > a::after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                right: 0px;
                top: 22px;
            }

        #cssmenu > ul > li.has-sub.active > a::after,
        #cssmenu > ul > li.has-sub:hover > a {
        }

        #cssmenu ul ul {
            position: absolute;
            left: -9999px;
            top: 60px;
            padding-top: 6px;
            font-size: 12px;
            opacity: 0;
            -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
            -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
            -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
            -o-transition: top 0.2s ease, opacity 0.2s ease-in;
            transition: top 0.2s ease, opacity 0.2s ease-in;
        }

        #cssmenu.align-right ul ul {
            text-align: right;
        }

        #cssmenu > ul > li > ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-bottom-color: #2FBEF2;
            top: -4px;
            left: 40px;
        }

        #cssmenu.align-right > ul > li > ul::after {
            left: auto;
            right: 20px;
        }

        #cssmenu ul ul ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-right-color: #2FBEF2;
            top: 11px;
            right: -14px;
        }

        #cssmenu.align-right ul ul ul::after {
            border-right-color: transparent;
            border-left-color: #ffffff;
            left: auto;
            right: -1px;
        }

        #cssmenu > ul > li > ul {
            top: 120px;
        }

        #cssmenu > ul > li:hover > ul {
            top: 68px;
            left: 0;
            opacity: 1;
        }

        #cssmenu.align-right > ul > li:hover > ul {
            left: auto;
            right: 0;
        }

        #cssmenu ul ul ul {
            padding-top: 0;
            padding-left: 6px;
        }

        #cssmenu.align-right ul ul ul {
            padding-right: 6px;
        }

        #cssmenu ul ul > li:hover > ul {
            left: -208px;
            top: 0;
            opacity: 1;
        }

        #cssmenu.align-right ul ul > li:hover > ul {
            left: auto;
            right: 100%;
            opacity: 1;
        }

        #cssmenu ul ul li a {
            text-decoration: none;
            font-weight: 400;
            font-size: 10pt;
            padding-top: 12px;
            padding-bottom: 12px;
            width: 200px;
            color: #fff;
            text-align: right;
            background: #0B1A2A;
            direction: rtl;
            box-shadow: 1px 10px 10px #000;
            padding-right: 20px;
            -webkit-transition: color 0.8s;
            transition: color 0.8s;
        }

        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.active > a {
            color: #2FBEF2;
        }

        #cssmenu ul ul li:first-child > a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        #cssmenu ul ul li:last-child > a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        #cssmenu > ul > li > ul::after {
            position: absolute;
            display: block;
        }

        #cssmenu ul ul li.has-sub > a::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-left-color: #2FBEF2;
            right: 17px;
            top: 14px;
        }

        #cssmenu.align-right ul ul li.has-sub > a::after {
            border-left-color: transparent;
            border-right-color: #2FBEF2;
            right: auto;
            left: 17px;
        }

        #cssmenu ul ul li.has-sub.active > a::after,
        #cssmenu ul ul li.has-sub:hover > a::after {
            border-left-color: #2FBEF2;
        }

        #cssmenu.align-right ul ul li.has-sub.active > a::after,
        #cssmenu.align-right ul ul li.has-sub:hover > a::after {
            border-right-color: #2FBEF2;
            border-left-color: transparent;
        }

    .bannerContainer {
        position: absolute;
        top: 140px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        background: none;
        display: inline-block;
    }

    .Elamie_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: #F8FAFC;
        min-height: 554px;
        border-top: 4px solid #fff;
        display: inline-block;
        text-align: center;
    }

        .Elamie_MainPage .Elamie_Container {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            min-height: 554px;
        }

            .Elamie_MainPage .Elamie_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
            }

                .Elamie_MainPage .Elamie_Container .rightBox .sectionPart {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    min-height: 554px;
                }


                .Elamie_MainPage .Elamie_Container .rightBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 115px;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    min-height: 60px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    direction: rtl;
                    text-align: right;
                    border-bottom: 1px solid #D6D6D6;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .ContentBox {
                    position: relative;
                    top: 10px;
                    float: right;
                    width: 90%;
                    min-height: 160px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #000;
                    direction: rtl;
                    text-align: justify;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: right;
                    width: 90%;
                    min-height: 110px;
                    line-height: 110px;
                }

                    .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton {
                        position: relative;
                        float: left;
                        width: 30%;
                        max-width: 200px;
                        min-height: 65px;
                        text-align: center;
                        color: #fff;
                        font-size: 10pt;
                        color: #fff;
                        border-style: solid;
                        border-width: 0px;
                        background: #2FBEF2;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum,arial;
                    }

                        .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton:hover {
                            background: #cc0000;
                        }

            .Elamie_MainPage .Elamie_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
              
            }

                .Elamie_MainPage .Elamie_Container .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 0px;
                    display :none;
                }

                .Elamie_MainPage .Elamie_Container .leftBox .ImagePic {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: left;
                    width: 430px;
                    min-height: 340px;
                    background-image: url(../images/bg-pic.jpg);
                    background-repeat: no-repeat;
                    background-position: center center;
                    margin-left: 10px;
                }

                    .Elamie_MainPage .Elamie_Container .leftBox .ImagePic img {
                        position: absolute;
                        top: 40px;
                        left: 40px;
                        width: 430px;
                        min-height: 340px;
                    }

    .news_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        height: 600px;
        display: inline-block;
        text-align: center;
        margin-top: 0px;
        overflow :hidden ;
    }

        .news_MainPage .news_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 600px;
            display: inline-block;
           
        }

    .News_Container .CommentBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 30px;
    }

        .News_Container .CommentBox p {
            margin: 0;
            padding: 0;
        }

    #btn_SendComment {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        border-width: 0;
        background: #888;
        color: #fff;
        cursor: pointer;
        padding: 5px 20px 5px 20px;
    }

        #btn_SendComment:hover {
            background: #2FBEF2;
        }

    .news_MainPage .news_Container .titleBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 30px;
        line-height: 30px;
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        text-align: right;
        direction: rtl;
    }

    .news_MainPage .news_Container .box {
        position: relative;
        top: 0px;
        float: right;
        padding: 0;
        margin: 0;
        width: 40%;
        min-width :280px;
        min-height: 500px;
        margin-right: 5px;
        margin-left: 5px;
        background: #0B1A2A;
        border-radius: 15px;
        padding-bottom: 50px;
    }

        .news_MainPage .news_Container .box .innerBox {
            position: relative;
            top: 0px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            top: 25px;
            bottom: 25px;
            min-height: 480px;
        }



            .news_MainPage .news_Container .box .innerBox .picBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
                min-height: 200px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                border-radius: 15px;
            }



            .news_MainPage .news_Container .box .innerBox .titleBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 70px;
                direction: rtl;
                line-height: 30px;
                font-size: 11pt;
                font-weight: 700;
                color: #00AEEF;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                padding-top: 10px;
                padding-bottom: 10px;
                cursor: pointer;
            }

                .news_MainPage .news_Container .box .innerBox .titleBoxnews:hover {
                    color: #cc0000;
                }

            .news_MainPage .news_Container .box .innerBox .DateBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                direction: rtl;
                line-height: 30px;
                font-size: 11pt;
                font-weight: 500;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
            }


            .news_MainPage .news_Container .box .innerBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 80px;
                direction: rtl;
                line-height: 25px;
                font-size: 10pt;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: justify;
            }

            .news_MainPage .news_Container .box .innerBox .ButtonBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                text-align: left;
            }

                .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore {
                    position: relative;
                    float: right;
                    width: 150px;
                    height: 45px;
                    line-height: 45px;
                    border-radius: 30px;
                    
                    text-align: center;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 12pt;
                    color: #fff;
                    cursor: pointer;
                    margin-top: 20px;
                    display: block;
                    background-size: 200% auto;
                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    margin-bottom: 20px;
                }

                    .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore:hover {
                        background-position: right center;
                        color: #fff;
                        text-decoration: none;
                    }

    .History_Box {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 175px;
        display: inline-block;
        text-align: center;
        margin-top: 20px;
    }

        .History_Box .History_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 175px;
            display: inline-block;
        }

            .History_Box .History_Container .right_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 20%;
                min-height: 175px;
                padding: 0;
                margin: 0;
            }

                .History_Box .History_Container .right_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    min-height: 175px;
                    background: #F8FAFC;
                    background-image: url(../images/LogoHistory.png);
                    background-repeat: no-repeat;
                    background-position: center center;
                }

            .History_Box .History_Container .left_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 175px;
                padding: 0;
                margin: 0;
                background: #F8FAFC;
                display: inline-block;
                text-align: center;
            }

                .History_Box .History_Container .left_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    margin-top: 20px;
                    width: 80%;
                    min-height: 125px;
                    display: inline-block;
                }

                    .History_Box .History_Container .left_LogoBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 55px;
                        line-height: 55px;
                        text-align: right;
                        color: #2FBEF2;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 14pt;
                        direction: rtl;
                    }


                    .History_Box .History_Container .left_LogoBox .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 75px;
                        line-height: 30px;
                        text-align: right;
                        color: #000;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 11pt;
                        direction: rtl;
                    }

    .abountBox_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 230px;
        display: inline-block;
        text-align: center;
        margin-bottom: 40px;
    }

        .abountBox_Mainpage .abountBox_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 230px;
            display: inline-block;
        }

            .abountBox_Mainpage .abountBox_Container .box {
                position: relative;
                top: 0px;
                padding: 0px;
                margin: 0px;
                float: right;
                width: 50%;
                min-height: 230px;
            }

                .abountBox_Mainpage .abountBox_Container .box .rightBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: right;
                    right: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: right 0.5s;
                    transition: right 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view1 {
                    right: 0px;
                }

                .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 85%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 15%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                .abountBox_Mainpage .abountBox_Container .box .leftBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: left;
                    left: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: left 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: left 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view2 {
                    left: 0px;
                }


                .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 80%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-image: url(../images/CheshmAndazIcon.png);
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

    .Login_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 520px;
        display: inline-block;
        background: #A8BFC5;
        text-align: center;
        background-image: url(../images/back_mainPage_LoginPersonel.jpg);
        background-repeat: repeat-y;
    }

        .Login_MainPage .Login_Container {
            position: relative;
            top: 0px;
            width: 75%;
            min-height: 520px;
            display: inline-block;
        }

            .Login_MainPage .Login_Container .Login_Header {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 18pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                margin-top: 30px;
                color: #fff;
            }

            .Login_MainPage .Login_Container .RightBox {
                position: relative;
                top: -100px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
                -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                transition: top 1s;
            }

            .Login_MainPage .Login_Container .view3 {
                top: 0px;
            }

            .Login_MainPage .Login_Container .RightBox .innerBox {
                position: relative;
                top: 0px;
                margin-top: 100px;
                min-height: 280px;
                float: right;
                width: 100%;
            }

                .Login_MainPage .Login_Container .RightBox .innerBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    font-size: 14px;
                    font-family: iranyekanwebmediumfanum,arial;
                    text-align: right;
                    direction: rtl;
                    color: #fff;
                }

                .Login_MainPage .Login_Container .RightBox .innerBox iframe {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 200px;
                    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: top 0.5s;
                }




            .Login_MainPage .Login_Container .LeftBox {
                position: relative;
                top: 0px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
            }

                .Login_MainPage .Login_Container .LeftBox .picBox {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    top: 0px;
                    -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                    transition: top 1s;
                }

                .Login_MainPage .Login_Container .LeftBox .view4 {
                    top: 100px;
                }

    .Gallery_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 660px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
    }



        .Gallery_MainPage .topBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }

        .Gallery_MainPage .view5 {
            top: 0px;
        }

        .Gallery_MainPage .topBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .topBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBoxTitle {
                    position: absolute;
                    left: 0px;
                    width: 100%;
                    height: 15%;
                    display: none;
                    text-align: center;
                    background: #2FBEF2;
                    background: rgb(1,165,115);
                    background: rgb(1,165,115,0.8);
                    color: #fff;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    bottom: -100px;
                    -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: bottom 0.5s;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBoxTitle {
                    bottom: 0px;
                    display: inline-block;
                }


                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                    font-size: 20pt;
                    font-family: iranyekanwebmediumfanum,arial;
                }

                    .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

        .Gallery_MainPage .bottomBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }



        .Gallery_MainPage .view6 {
            top: 0px;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBoxTitle {
            position: absolute;
            left: 0px;
            width: 100%;
            height: 15%;
            display: none;
            text-align: center;
            background: #2FBEF2;
            background: rgb(1,165,115);
            background: rgb(1,165,115,0.8);
            color: #fff;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            bottom: -100px;
            -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
            transition: bottom 0.5s;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBoxTitle {
            bottom: 0px;
            display: inline-block;
        }


        .Gallery_MainPage .bottomBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .bottomBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                }

                    .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

    .Law_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 480px;
        background: #414550;
        display: inline-block;
        text-align: center;
    }

        .Law_MainPage .Law_Continer {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 80%;
            min-height: 480px;
        }

            .Law_MainPage .Law_Continer .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 190px;
                line-height: 190px;
                text-align: center;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 16pt;
                color: #fff;
            }

            .Law_MainPage .Law_Continer .box {
                position: relative;
                float: right;
                top: 0px;
                width: 48%;
                min-height: 130px;
                padding: 0;
                margin: 0;
                margin-left: 1%;
            }

                .Law_MainPage .Law_Continer .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 80px;
                    line-height: 80px;
                    width: 100%;
                    border-bottom: 2px solid #5F636C;
                }

                    .Law_MainPage .Law_Continer .box .innerBox .ArrowBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 10%;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox i {
                            position: relative;
                            top: 10px;
                            font-size: 45px;
                            color: #2FBEF2;
                        }


                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus {
                            position: relative;
                            top: 30px;
                            font-size: 25px;
                            color: #FFF;
                            cursor: pointer;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus:hover {
                                color: #FD5400;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .detBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: justify;
                        line-height: 25px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        display: block;
                        direction: rtl;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .detBox a {
                            text-align: justify;
                            line-height: 25px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #fff;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .detBox a:hover {
                                color: #D7D7D7;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .ContentTextBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 80%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 12pt;
                        color: #fff;
                        text-align: right;
                        direction: rtl;
                    }

    .certificates_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 1100px;
        display: inline-block;
        text-align: center;
        background: #fff;
        -webkit-background-size:100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100%  100%;
        margin-bottom :100px;
       
    }

        .certificates_MainPage .certificates_Container {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 1100px;
            display: inline-block;
        }

            .certificates_MainPage .certificates_Container .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 200px;
                line-height: 200px;
                font-size: 16pt;
                color: #fff;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
            }

            .certificates_MainPage .certificates_Container .MainBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                min-height: 600px;
            }

    .maskedLiveBox {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.8);
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_right {
        position: relative;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        top: 0px;
        width: 100%;
        padding: 0;
        margin: 0;
        min-height: 450px;
        padding-bottom :50px;
    }


        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .titleLive {
            position: relative;
            float: right;
            width: 90%;
            font-size: 18pt;
            font-family: iranyekanwebmediumfanum;
            font-weight: 900;
            direction: rtl;
            text-align: right;
            min-height: 90px;
            line-height: 90px;
            color: #fff;
        }



        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox {
            position: relative;
            float: right;
            width: 280px;
            direction: rtl;
            text-align: right;
            min-height: 70px;
            line-height: 70px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox iframe {
                position: relative;
                top: 0px;
                left: 0px;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 70px;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox {
            position: relative;
            float: right;
            width: 80%;
            direction: rtl;
            text-align: right;
            min-height: 30px;
            line-height: 30px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .dateLive {
                position: relative;
                top: 0px;
                float: right;
                background: rgb(102,102,102);
                background: rgba(102,102,102,0.5);
                color: #fff;
                font-size: 12pt;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                padding-left: 8px;
                padding-right: 8px;
                margin-left: 10px;
                direction: rtl;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .summeryLive {
            position: relative;
            float: right;
            width: 90%;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            line-height: 25px;
            color: #fff;
            margin: 0;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            margin-top: 15px;
            padding-bottom :50px;
          
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .timeLive {
            position: relative;
            top: 0px;
            float: right;
            color: #fff;
            font-size: 12pt;
            direction: ltr;
            font-family: iranyekanwebmediumfanum;
            padding-left: 8px;
            padding-right: 8px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left {
        position: relative;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        top: 0px;
        width: 100%;
        padding: 0;
        margin: 0;
        min-height: 600px;
        margin-bottom:180px;
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left .posterBox {
            position: relative;
            float: none;
            margin-left: auto;
            margin-right: auto;
            border-radius: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: block;
            min-height: 400px;
            margin-top: 100px;
            margin-bottom: 100px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox {
        position: relative;
        top: 0px;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        width: 100%;
        min-height: 320px;
        border: 18px solid #D7D7D7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 0%;
            height: 0%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.5);
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            cursor: pointer;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox:after {
                content: "\f00e";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                /*--adjust as necessary--*/
                color: #fff;
                font-size: 35px;
                position: absolute;
                float: none;
                margin-left: auto;
                margin-right: auto;
                top: -45%;
                display: none;
                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: margin-top 1.5s;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox:after {
            display: inline-block;
            top: 45%;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox {
            width: 100%;
            height: 100%;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .titleBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 65px;
        line-height: 65px;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        background-image: url(../images/line_certificates.png);
        background-repeat: no-repeat;
        background-position: center right;
        text-align: center;
        width: 100%;
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .ContentBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 100px;
        line-height: 25px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        text-align: justify;
        width: 100%;
        right: 20px;
    }

    .Marakez_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 530px;
        display: inline-block;
        background-image: url(../images/back_Marakez.png);
        background-repeat: repeat;
        text-align: center;
    }

        .Marakez_MainPage .Marakez_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 530px;
            width: 80%;
        }

            .Marakez_MainPage .Marakez_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 55px;
            }

            .Marakez_MainPage .Marakez_Container .MainBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 485px;
                display: inline-block;
                margin-top: 50px;
            }

                .Marakez_MainPage .Marakez_Container .MainBox .rightBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 60px;
                        line-height: 60px;
                        font-size: 11pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                        font-weight: 700;
                    }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 110px;
                        line-height: 35px;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        direction: rtl;
                    }


                .Marakez_MainPage .Marakez_Container .MainBox .leftBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 96%;
                        min-height: 400px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        cursor: pointer;
                    }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            width: 0%;
                            height: 0%;
                            background: rgb(0,0,0);
                            background: rgba(0,0,0,0.5);
                            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                            transition: height 0.5s;
                        }

                            .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox:after {
                                content: "\f00e";
                                font-family: FontAwesome;
                                font-style: normal;
                                font-weight: normal;
                                text-decoration: inherit;
                                /*--adjust as necessary--*/
                                color: #fff;
                                font-size: 35px;
                                position: absolute;
                                float: none;
                                margin-left: auto;
                                margin-right: auto;
                                top: -45%;
                                display: none;
                                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                                transition: margin-top 1.5s;
                            }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox:after {
                            display: inline-block;
                            top: 45%;
                        }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox {
                            width: 100%;
                            height: 100%;
                        }

    .Contact_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }

        .Contact_MainPage .Contact_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 700px;
            display: inline-block;
        }

            .Contact_MainPage .Contact_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 120px;
            }

            .Contact_MainPage .Contact_Container .rightBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view7 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox1 {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                margin-top: 50px;
            }

            .Contact_MainPage .Contact_Container .rightBox .FrameBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 250px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                top: 50px;
                overflow: hidden;
            }

                .Contact_MainPage .Contact_Container .rightBox .FrameBox iframe {
                    position: absolute;
                    margin-top: -60px;
                    float: right;
                    width: 100%;
                    height: 100%;
                    display: block;
                    min-height: 250px;
                }

            .Contact_MainPage .Contact_Container .leftBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view9 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .leftBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 500px;
                border-right: 1px solid #F8FAFC;
                padding: 10px 10px 10px 10px;
            }

    .footer_mainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 260px;
        display: inline-block;
        text-align: center;
        background: #0B1A2A;

       
    }

        .footer_mainPage .footer_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 95%;
            border-bottom: 0px solid #62676D;
            min-height: 220px;
             margin-bottom :10px;
        }

            .footer_mainPage .footer_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 60px;
                width: 100%;
                display :none;
            }

            .footer_mainPage .footer_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 100%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                background-repeat: no-repeat;
                background-position: top right;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;
                
            }

            .footer_mainPage .footer_Container .view10 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 100%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;
               

            }

            .SocialNetworksContainer{
                position :relative ;
                top:50px;
                margin-top :50px;
                min-height :60px;
                line-height:60px;
                margin-bottom :50px;
            }

            .footer_mainPage .footer_Container .view11 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox .menuBox {
                position: relative;
                top: 0px;
                margin :0;
                padding :0;
                float: none;
                margin-left :auto ;
                margin-right :auto ;
                border-right: 0px solid #fff;
                min-height: 100px;
                width: 90%;
                
            }

                .footer_mainPage .footer_Container .leftBox .menuBox ul {
                    position: relative;
                    margin :0;
                    padding :0;
                    float: right;
                    width: 100%;
                    min-height: 70px;
                    padding: 0;
                    margin: 0;
                    list-style: none;
                    direction: rtl;
                    margin-right: 20px;
                  
                }

                .addressBoxFooter {
                    height :135px;
                }

                .footer_mainPage .footer_Container .leftBox .menuBox li {
                    padding: 0;
                    margin: 0;
                    width: 100%;
                    text-align: right;
                    padding: 5px 10px 5px 30px;
 
                }

                    .footer_mainPage .footer_Container .leftBox .menuBox li a {
                        width: 100%;
                        text-decoration: none;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                    }

                        .footer_mainPage .footer_Container .leftBox .menuBox li a:hover {
                            color: #2FBEF2;
                        }

        .footer_mainPage .footer_Container_Copy {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            text-align: center;
            min-height: 30px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 9pt;
            color: #C0C4C5;
            direction: rtl;
        }

    .InnerPage_TitlePage_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
    }

        .InnerPage_TitlePage_MainPage .barBox {
            position: relative;
            float: right;
            width: 300px;
            top: 25px;
            background-image: linear-gradient(to right, rgba(255,84,2,0), rgba(255,182,119,1));
            padding-right: 10%;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
        }

        .InnerPage_TitlePage_MainPage .IconBox {
            position: relative;
            float: right;
            top: 18px;
            left: 150px;
            width: 110px;
            height: 42px;
            border: 1px solid #13A899;
            background: #2A448F;
        }



    .Content_MainBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

    .Content_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 800px;
        padding-top: 50px;
        padding-bottom: 50px;
        display: inline-block;
    }


        .Content_Container .contentBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            margin: 0;
            padding: 0;
            min-height: 800px;
        }


            .Content_Container .contentBox .box {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 50%;
                min-height: 420px;
                padding: 0;
                margin: 0;
            }

                .Content_Container .contentBox .box .loginBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    border: 1px solid #CCCCCC;
                    padding: 40px 40px 40px 40px;
                    background: #ECEDF1;
                    width: 80%;
                }

                    .Content_Container .contentBox .box .loginBox .headerBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 66px;
                        line-height: 66px;
                        width: 100%;
                        direction: rtl;
                    }

                        .Content_Container .contentBox .box .loginBox .headerBox a {
                            position: relative;
                            right: 0px;
                            float: right;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #000;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Content_Container .contentBox .box .loginBox .headerBox a.link {
                                position: relative;
                                right: 0px;
                                float: right;
                                font-family: iranyekanwebmediumfanum,arial;
                                font-size: 9pt;
                                color: #000;
                                direction: rtl;
                                text-decoration: none;
                            }

                                .Content_Container .contentBox .box .loginBox .headerBox a.link:hover {
                                    color: #888888;
                                }

                            .Content_Container .contentBox .box .loginBox .headerBox a i {
                                font-size: 20pt;
                                color: #A7B8BF;
                                margin-left: 10px;
                            }

                    .Content_Container .contentBox .box .loginBox .titleBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 58px;
                        line-height: 30px;
                        width: 100%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                        text-align: right;
                        direction: rtl;
                    }


    .ContainerTextBoxObject {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 70px;
        width: 300px;
        padding: 5px 0px 5px 25px;
        display: inline-block;
        direction: rtl;
    }


    .ContainerTextBoxObject1 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 300px;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxObject2 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 90%;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .SaveBox input {
        padding: 5pcx 20px 5px 20px;
        border-style: solid;
        border-width: 0px;
        cursor: pointer;
        background: #5C5C5C;
        color: #fff;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        position: relative;
        float: left;
        left: 0px;
        width: 100px;
    }

        .SaveBox input:hover {
            background: #888888;
        }

    .SaveBox p {
        width: 100%;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 12pt;
        color: #1c1c1c;
        margin-top: 10%;
        direction: rtl;
    }

    .SaveBox i {
        font-size: 20pt;
    }

    .SaveBoxContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: none;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,.8);
        text-align: center;
        z-index: 1000000000;
        overflow: hidden;
    }

    .SaveBox .headerBox {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 14pt;
    }

    .SaveBox {
        position: relative;
        width: 25%;
        min-height: 300px;
        display: inline-block;
        background: #fff;
        float: left;
        top: 25%;
        left: -1000px;
        -webkit-transition: left 1.5s; /* For Safari 3.1 to 6.0 */
        transition: left 1.5s;
        padding: 10px 10% 10px 10%;
    }

    .effectContainerDiv {
        position: absolute;
        top: 0px;
        float: right;
        right: 0px;
        width: 0%;
        height: 100%;
        display: block;
        background: #cc0000;
        -webkit-transition: width 1.5s; /* For Safari 3.1 to 6.0 */
        transition: width 1.5s;
        border-radius: 5px;
        text-decoration: none;
    }

    .effectContainerDiv_active {
        width: 100%;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

        .ContainerQuotation a:hover .talkbubble {
            display: block;
        }

    .quotation {
        background: none;
        padding: 0;
        margin: 0;
        list-style: none;
        display: block;
        list-style-type: none;
        text-decoration: none;
    }

    .talkbubble {
        width: 200px;
        min-height: 50px;
        background: #2FBEF2;
        background: rgb(1,165,115);
        background: rgba(1,165,115,0.9);
        position: relative;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        z-index: 10;
        top: 20px;
        display: none;
        font-size: 9pt;
        color: #fff;
        text-align: right;
        font-family: iranyekanwebmediumfanum,arial;
        text-decoration: none;
        line-height: 20px;
        padding: 5px 10px 5px 10px;
    }

        .talkbubble:before {
            content: "";
            position: absolute;
            top: -10px;
            right: 100%;
            right: 5%;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 10px solid #2FBEF2;
            z-index: 100;
        }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .ContainerTextBoxStyle input {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .ContainerTextBoxStyle select {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 260px;
        height: 36px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
    }

    .ContainerTextBoxStyle textarea {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

    #btnSaveForm {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
    }

        #btnSaveForm:hover {
            background: #00AEEF;
            color: #fff;
        }

    #btnAddMember {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
        border-right: 4px solid #A7B8BF;
    }

        #btnAddMember:hover {
            background: #00AEEF;
            color: #fff;
        }

    .MainPage_History {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
        margin-top :100px;
    }

    .Container_History {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        text-align: right;
       
    }


    .MainPage_AboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .Container_AboutUs {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }


    .contentHistory{
        
        width:800px;
        color:#fff;
       
    }

    .topBannerBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 160px;
        line-height: 160px;
        background-color: #cc0000;
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2301a573' fill-opacity='0.37' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    }


        .topBannerBox hr {
            position: relative;
            float: right;
            width: 15%;
            height: 1px;
            font-size: 0pt;
            color: #fff;
            background: #fff;
            border-style: solid;
            border-width: 0px;
            margin-top: 84px;
            margin-bottom: 84px;
        }

        .topBannerBox .TextTitle {
            position: relative;
            float: right;
            top: 0px;
            min-height: 160px;
            line-height: 160px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 26pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            width: 80%;
            padding-right: 10px;
            font-weight: 700;
        }

    .MainpathBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
        display: inline-block;
        text-align: center;
        direction: rtl;
    }

    .pathBox {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 50px;
        line-height: 50px;
        text-align: right;
        display: inline-block;
    }

        .pathBox ul {
            padding: 0;
            margin: 0;
            display: inline-block;
            list-style-type: none;
            width: 100%;
        }

            .pathBox ul li {
                padding: 0;
                margin: 0;
                display: inline-block;
                margin-left: 5px;
                margin-right: 5px;
            }

                .pathBox ul li a {
                    font-size: 9pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    color: #aaa;
                    text-decoration: none;
                }

                    .pathBox ul li a i {
                        font-size: 10pt;
                        color: #aaa;
                    }

                    .pathBox ul li a:hover {
                        color: #2FBEF2;
                    }

    .Container_AboutUs .whiteBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 60px;
    }

    .Container_AboutUs .MainBoxContent {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 1080px;
    }

        .Container_AboutUs .MainBoxContent .rightBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 60%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
           
        }

            .Container_AboutUs .MainBoxContent .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 60px;
                text-align: right;
                line-height: 60px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #000;
                direction: rtl;
            }

            .Container_AboutUs .MainBoxContent .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 60px;
                text-align: justify;
                direction: rtl;
                line-height: 30px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #666;
               
            }

            .Container_AboutUs .MainBoxContent .rightBox .lineBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 30px;
                display: inline-block;
                text-align: center;
                line-height: 30px;
                background-image: url(../images/image_AboutUs8.jpg);
                background-position: center center;
                background-repeat: repeat-x;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .Container_AboutUs .MainBoxContent .rightBox .CircleBox {
                position: relative;
                top: 5px;
                width: 10px;
                height: 10px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                background: #2FBEF2;
                border: 6px solid #FFBFA2;
                border-radius: 180px;
            }

        .Container_AboutUs .MainBoxContent .leftBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 40%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
           
        }

            .Container_AboutUs .MainBoxContent .leftBox img {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 20px;
                width: 90%;
                box-shadow: 8px 8px 8px #E8EFF9;
            }

    .MainPage_MessageManager {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 640px;
        background: #fff;
        display: inline-block;
        text-align: center;
    }

        .MainPage_MessageManager .Container_MessageManager {
            position: relative;
            top: 0px;
            float: left;
            width: 90%;
            min-height: 640px;
            display: inline-block;
        }

            .MainPage_MessageManager .Container_MessageManager .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 35%;
                margin: 0;
                padding: 0;
                min-height: 600px;
                background-image: url(../images/image_AboutUs4.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .MainPage_MessageManager .Container_MessageManager .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 65%;
                margin: 0;
                padding: 0;
                min-height: 600px;
            }

                .MainPage_MessageManager .Container_MessageManager .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    min-height: 50px;
                }

                .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage {
                    position: relative;
                    top: 0px;
                    float: left;
                    width: 90%;
                    min-height: 560px;
                }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox {
                        position: relative;
                        top: 0px;
                        width: 100%;
                        min-height: 45px;
                        line-height: 45px;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            min-width: 150px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 14pt;
                            color: #000;
                            text-align: right;
                            direction: rtl;
                            line-height: 45px;
                            min-height: 45px;
                            background: #fff;
                        }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .amountContent {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 510px;
                        text-align: justify;
                        direction: rtl;
                        line-height: 30px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                    }

    .MainPage_whiteAboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: none;
        
    }

        .MainPage_whiteAboutUs .Container_whiteAboutUs {
            position: relative;
            top: 50px;
            display: inline-block;
            width: 90%;
            min-height: 700px;
            padding-bottom  :150px;
           
            
        }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .whiteSpace {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 76px;
            }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox {
                position: relative;
                top: 0px;
                float: right;
                text-align: right;
                width: 100%;
                min-height: 74px;
                line-height: 74px;
                font-size: 13pt;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum,arial;
            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox i {
                    font-size: 28pt;
                    color: #fff;
                    margin-left: 10px;
                    vertical-align: middle;
                }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left :auto ;
                margin-right :auto ;
                width: 100%;
                min-height: 190px;

            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox {
                    position: relative;
                    top: 0px;
                    min-height: 190px;
                    float: right;
                    margin: 0;
                    padding: 0;
                    width: 100%;
                }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 50px;
                        line-height: 50px;
                        width: 100%;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox .titleText {
                            position: relative;
                            float: right;
                            min-height: 45px;
                            line-height: 45px;
                            font-size: 13pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            color: #fff;
                            text-align: right;
                            direction: rtl;
                            background: #06121E;
                            min-width: 120px;
                            vertical-align: middle;
                        }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .Text {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 130px;
                        line-height: 30px;
                        text-align: justify;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        direction: rtl;
                        color: #fff;
                    }

    .Mainpage_Taghdiname {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
        background: none;
    }

    .Container_Taghdiname {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .Container_Taghdiname .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 50px;
        }

        .Container_Taghdiname .TitleBox {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 90px;
            line-height: 90px;
            float: right;
            text-align: center;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum,arial;
            color: #fff;
        }

        .Container_Taghdiname .Box {
            position: relative;
            top: 0px;
            width: 30%;
            min-height: 550px;
            margin-left: 55px;
            margin-right: 55px;
        }

            .Container_Taghdiname .Box .PicBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 360px;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .Container_Taghdiname .Box a {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 260px;
                display: block;
            }

            .Container_Taghdiname .Box .BoxText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 170px;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                line-height: 25px;
                color: #fff;
                text-align: justify;
                direction: rtl;
                padding-top: 30px;
            }

    .Mainpage_Mashi {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        min-height: 340px;
        background: none;
        display: inline-block;
        text-align: center;
        margin-bottom :250px;
    }

    .Container_Mashi {
        position: relative;
        top: 0px;
        width: 90%;
        min-height: 340px;
        display: inline-block;
    }

        .Container_Mashi .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 65px;
        }

        .Container_Mashi .titleBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 40px;
        }



            .Container_Mashi .titleBox .amountText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #fff;
                text-align: right;
                direction: rtl;
            }

                .Container_Mashi .titleBox .amountText .Line {
                    position: relative;
                    margin: 0;
                    padding: 0;
                    top: 20px;
                    float: right;
                    max-width: 240px;
                    color: #2FBEF2;
                    background: #2FBEF2;
                    height: 2px;
                    width: 20%;
                    border: 0;
                    margin-left: 20px;
                }

        .Container_Mashi .contentText {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 330px;
            text-align: justify;
            direction: rtl;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            background: none;
        }

    .MainPage_Certificates {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

        .MainPage_Certificates .Container_Certificates {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 800px;
            display: inline-block;
            padding-top: 30px;
        }

    .News_MainBox {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .News_Container {
        position: relative;
        top: 0px;
        width: 90%;
        display: inline-block;
        min-height: 600px;
    }

    .news_RightBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 95%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
        margin-left: 5%;
    }



        .news_RightBox .titleNewsBox {
            position: relative;
            top: 0px;
            width: 100%;
            float: right;
            right: 0px;
            min-height: 45px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 14pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            padding-top: 0px;
        }

            .news_RightBox .titleNewsBox a {
                direction: rtl;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #fff;
                text-decoration: none;
            }

                .news_RightBox .titleNewsBox a:hover {
                    color: #a20000;
                }

        .news_RightBox .DateNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 30px;
            line-height: 30px;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 10pt;
            color: #a1a1a1;
            direction: rtl;
       
        }

            .news_RightBox .DateNewsBox i {
                font-size: 16pt;
                margin-left: 10px;
                color: #ffffff;
            }

        .news_RightBox .picBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 240px;
            overflow: hidden;
            border-radius: 15px;

        }

            .news_RightBox .picBox img {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                max-width: 90%;
                max-height: 440px;
                border-radius: 15px;
            }

        .news_RightBox .SummeryNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .news_RightBox .WriterName {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            direction: rtl;
            text-align: justify;
            min-height: 30px;
        }

        .news_RightBox .buttonBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 100px;
        }

            .news_RightBox .buttonBox input {
                position: relative;
                top: 0px;
                float: left;
                left: 0px;
                text-align: center;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                color: #fff;
                cursor: pointer;
                width: 150px;
                min-height: 50px;
                background: #2FBEF2;
                border: 0px solid #2FBEF2;
                border-radius: 0px;
                -webkit-transition: background 0.5s,color 0.5s; /* For Safari 3.1 to 6.0 */
                transition: background 0.5s,color 0.5s;
            }

                .news_RightBox .buttonBox input:hover {
                    background: #cc0000;
                    color: #FFF;
                }

        .news_RightBox .lineBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            min-height: 20px;
            line-height: 20px;
            border-bottom: 1px solid #2FBEF2;
            margin-bottom: 30px;
        }



    .news_LeftBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 20%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
        margin-bottom :150px;
        display :none;
    }

        .news_LeftBox .recentTitle {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: right;
        }

        .news_LeftBox .recentNewsBox {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            margin-bottom: 20px;
        }

            .news_LeftBox .recentNewsBox .imageBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                min-height: 100px;
                display: inline-block;
                text-align: right;
                width: 100%;
            }

                .news_LeftBox .recentNewsBox .imageBox img {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    border: 2px solid #fff;
                    border-radius: 15px;
                }

            .news_LeftBox .recentNewsBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 80px;
                padding-top: 10px;
                padding-bottom: 10px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                text-align: right;
            }

                .news_LeftBox .recentNewsBox .titleBox a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #fff;
                    text-decoration: none;
                    text-align: right;
                    direction: rtl;
                }

                    .news_LeftBox .recentNewsBox .titleBox a:hover {
                        color: #cc0000;
                    }

    .news_PagingBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        display: inline-block;
        text-align: right;
        min-height: 60px;
        line-height: 60px;
    }

        .news_PagingBox ul {
            position: relative;
            top: 0px;
            float: right;
            direction: rtl;
            right: 0px;
            display: inline-block;
            list-style-type: none;
        }

            .news_PagingBox ul li {
                display: inline-block;
                width: 30px;
            }

                .news_PagingBox ul li a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    display: block;
                    padding: 5px;
                    text-decoration: none;
                }

                    .news_PagingBox ul li a:hover {
                        color: #26ACDE;
                    }

                    .news_PagingBox ul li a.active {
                        color: #26ACDE;
                    }

                .news_PagingBox ul li i {
                    font-size: 18pt;
                }

    .chart_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 900px;
        display: inline-block;
        text-align: center;
    }

        .chart_MainPage .chart_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 900px;
            display: inline-block;
            overflow: auto;
        }

            .chart_MainPage .chart_Container iframe {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 900px;
            }


    .mainpageBox_Link {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .Container_Link {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        margin-top: 50px;
    }


    .box_Link {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        display: inline-block;
        width: 22%;
        margin: 5px;
        min-height: 280px;
        cursor: pointer;
        overflow: hidden;
        border: 1px solid #c1c1c1;
    }

        .box_Link .maskBoxLink {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 0%;
            display: inline-block;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.7);
            z-index: 1;
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            text-align: center;
            font-family: yakan,arial;
            font-size: 12pt;
            color: #fff;
        }

        .box_Link:hover .maskBoxLink {
            height: 100%;
        }

        .box_Link .maskBoxLink p {
            position: absolute;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: center;
            min-height: 40px;
            line-height: 40px;
            top: -100px;
            width: 100%;
            -webkit-transition: top 0.9s; /* For Safari 3.1 to 6.0 */
            transition: top 0.9s;
            z-index: -10000;
        }

        .box_Link:hover .maskBoxLink p {
            top: 40%;
            z-index: 1;
        }

    .GalleryMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .GalleryContainer {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        padding-bottom: 30px;
        margin-bottom: 150px;
    }

        .GalleryContainer .headerBoxGallery {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 28pt;
            color: #000;
            text-align: center;
        }

        .GalleryContainer .GalleryBox {
            position: relative;
            top: 100px;
            float: left;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 48%;
            min-height: 350px;
            margin: 1%;
        }

        .GalleryContainer .GalleryBox_view {
            top: 0px;
            opacity: 1;
            filter: alpha(opacity=100);
        }


    .GalleryBox .maskBoxGallery {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery {
        background: rgba(0,0,0,.5);
    }

    .GalleryBox .maskBoxGallery:before {
        content: "\f00e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery:before {
        visibility: visible;
    }




    .GalleryBox .maskBoxGallery1 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(38,173,221);
        background: rgba(38,173,221,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery1 {
        background: rgba(38,173,221,.6);
    }

    .GalleryBox .maskBoxGallery1:before {
        content: "\f144";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery1:before {
        visibility: visible;
    }



    .LawPage_MainPage {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 800px;
    }

        .LawPage_MainPage .LawPage_Container {
            position: relative;
            top: 0px;
            width: 90%;
            display: inline-block;
            min-height: 800px;
        }

            .LawPage_MainPage .LawPage_Container .TitleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 80px;
                line-height: 80px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
                font-weight: 900;
            }

            .LawPage_MainPage .LawPage_Container .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: justify;
                min-height: 60px;
                line-height: 35px;
                font-size: 12pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
            }

            .LawPage_MainPage .LawPage_Container .WhiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
            }

    .Contact_MainpageBox {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .Contact_ContainerMainPage {
        position: relative;
        top: 0px;
        width: 95%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 50px;
        margin-top: 10px;
    }

        .Contact_ContainerMainPage .contact_Titr {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 80px;
            line-height: 80px;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum;
            direction: rtl;
            text-align: right;
            color: #cc0000;
            font-weight: 900;
        }



        .Contact_ContainerMainPage iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 650px;
            margin-top: 50px;
            margin-bottom: 10px;
        }

    .contact_Header {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        text-align: center;
        font-size: 18pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        margin-top: 60px;
        min-height: 80px;
        line-height: 80px;
        width: 100%;
    }

    .contact_Text {
        position: relative;
        top: 0px;        
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        text-align: right;
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        min-height: 60px;
        line-height: 30px;
        width: 90%;
        margin-bottom: 0px;
        direction: rtl;
        padding-left: 50px;
    }

    .contact_AddressBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        line-height: 180px;
    }

    .contact_Box {
        position: relative;
        top: 0px;
        right: -20%;
        float: right;
        width: 33.3%;
        margin: 0;
        padding: 0;
        min-height: 180px;
    }

    .contact_Box_view {
        right: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .contact_Box .logo_ContactBox {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        min-height: 60px;
        display: inline-block;
    }

    .contact_Box .Content_ContactBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        margin: 0;
        padding: 0;
    }

    .ContactMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        text-align: center;
        min-height: 700px;
    }

    .Contact_ContainerMainPage .BoxFrame {
        position: relative;
        top: 0px;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        padding: 0;
        min-height: 1200px;
        width: 90%;
        padding-bottom :150px;
    }

    .Contact_ContainerMainPage .frameContact {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 900px;
        display: block;
        background: #0B1A2A;
        border-radius: 15px;
        padding: 20px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    #map {
        position: relative;
        top: 5px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: block;
    }



    .ContactMap_Container iframe {
        position: relative;
        top: 0px;
        left: 0px;
        width: 80%;
        min-height: 700px;
        display: block;
        border-radius: 15px;
        padding: 20px;
    }

    .showService_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .showService_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 400px;
        display: inline-block;
    }

        .showService_Container .whiteBox {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 100px;
        }

        .showService_Container .rightBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 80px;
                line-height: 80px;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #2FBEF2;
                direction: rtl;
            }

            .showService_Container .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 400px;
                line-height: 30px;
                direction: rtl;
                text-align: justify;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #000;
            }


        .showService_Container .leftBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 400px;
            }

    .siteMap_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .siteMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .siteMap_Container .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 80px;
        }

        .siteMap_Container .BoxMap {
            position: relative;
            top: 0px;
            float: right;
            width: 23%;
            min-height: 300px;
        }

            .siteMap_Container .BoxMap .headBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                font-weight: 700;
            }


                .siteMap_Container .BoxMap .headBox a {
                    font-size: 14pt;
                    text-decoration: none;
                    color: #000;
                }

            .siteMap_Container .BoxMap .itemBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }



                .siteMap_Container .BoxMap .itemBox a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

                    .siteMap_Container .BoxMap .itemBox a:hover {
                        color: #2FBEF2;
                    }

            .siteMap_Container .BoxMap .itemBoxUnder {
                position: relative;
                top: 0px;
                float: left;
                width: 90%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }

                .siteMap_Container .BoxMap .itemBoxUnder a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

        .siteMap_Container .BoxMapUnder .itemBox a:hover {
            color: #2FBEF2;
        }

    .SearchView_MaonBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .SearchView_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 600;
    }

        .SearchView_Container iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 600px;
        }

    .MenuScroll_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 130px;
        display: inline-block;
        text-align: center;
    }

    .MenuScroll_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 130px;
    }

        .MenuScroll_Container .boxMenu {
            position: relative;
            top: 0px;
            min-height: 100px;
            width: 140px;
            cursor: pointer;
        }



            .MenuScroll_Container .boxMenu .LogoPicBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 80px;
                line-height: 80px;
            }


                .MenuScroll_Container .boxMenu .LogoPicBox img {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 30px;
                    max-width: 86px;
                }

            .MenuScroll_Container .boxMenu .titleBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 44px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 12pt;
                color: #000;
            }

            .MenuScroll_Container .boxMenu:hover .titleBox {
                color: #2FBEF2;
            }

    .khadamatMainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        background: #F8FAFC;
        box-shadow: 1px 1px 2px gray;
    }

    .khadamatContainer {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 120px;
        width: 100%;
    }

    .loginBox_hrhs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 362px;
        display: inline-block;
        text-align: center;
    }


        .loginBox_hrhs .container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 232px;
            margin-top: 65px;
            border-radius: 10px;
            background: rba(248,250,252);
            background: rgba(248,250,252,1);
            text-align: center;
            display: inline-block;
        }

            .loginBox_hrhs .container .innerBox {
                position: relative;
                top: 0px;
                width: 80%;
                min-height: 160px;
                display: inline-block;
                margin-top: 36px;
            }

                .loginBox_hrhs .container .innerBox .contentBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 50%;
                    min-height: 160px;
                    text-align: right;
                }

                    .loginBox_hrhs .container .innerBox .contentBox .textBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 42px;
                        width: 100%;
                        border-radius: 5px;
                        background: #fff;
                        margin: 0;
                        padding: 0;
                        margin-bottom: 10px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .caption {
                            position: relative;
                            top: 0px;
                            right: 0px;
                            float: right;
                            width: 30%;
                            text-align: center;
                            min-height: 42px;
                            line-height: 42px;
                            margin: 0;
                            padding: 0;
                            border-top-right-radius: 5px;
                            border-bottom-right-radius: 5px;
                            background: #2FBEF2;
                            font-size: 12pt;
                            color: #fff;
                            font-family: iranyekanwebmediumfanum;
                            font-weight: 300;
                        }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .styleText {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            width: 60%;
                            padding: 0;
                            padding-right: 5%;
                            min-height: 42px;
                            line-height: 42px;
                            font-size: 12pt;
                            color: #222;
                            font-family: iranyekanwebmediumfanum;
                            background: #fff;
                            border-top-left-radius: 5px;
                            border-bottom-left-radius: 5px;
                            border: 0;
                            direction: rtl;
                            text-align: right;
                        }

                    .loginBox_hrhs .container .innerBox .contentBox .buttonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        width: 100%;
                        min-height: 46px;
                        margin-top: 20px;
                        line-height: 46px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button {
                            position: relative;
                            float: left;
                            left: 0px;
                            width: 40%;
                            max-width: 124px;
                            height: 45px;
                            line-height: 45px;
                            text-align: center;
                            border: 0;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 11pt;
                            color: #fff;
                            background: #2FBEF2;
                            border-radius: 10px;
                            cursor: pointer;
                            direction: rtl;
                        }

                            .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button:hover {
                                background: #964B00;
                            }

    .counter_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 200px;
        line-height: 200px;
        display: inline-block;
        text-align: center;
        background: none;
    }

        .counter_hrhs_Mainpage .container {
            position: relative;
            top: 0px;
            width: 95%;
            min-height: 140px;
            display: inline-block;
            margin: 0;
            padding: 0;
            margin-top: 60px;
        }

            .counter_hrhs_Mainpage .container .boxAmar {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 50%;
                min-height: 200px;
                line-height: 200px;
            }


                .counter_hrhs_Mainpage .container .boxAmar .headerAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 70px;
                    line-height: 70px;
                    font-size: 22pt;
                    color: #fff;
                    font-family: byekan;
                    width: 100%;
                    font-weight: 800;
                }


                .counter_hrhs_Mainpage .container .boxAmar .BodyAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 50px;
                    line-height: 50px;
                    font-size: 16pt;
                    color: #fff;
                    font-family: iranyekanwebmediumfanum;
                    width: 100%;
                }

    .map_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 722px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }
        .popupLive{
        position :fixed ;
        top:0px;
        left:0px;
        width :100%;
        height :0%;
        display :none ;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.9);
        text-align :center ;
        z-index :111111111111111111111111111111111111111111111111111111111111;
        padding :1px;
	}
            .popupLive{
        position :fixed ;
        top:0px;
        left:0px;
        width :100%;
        height :0%;
        display :none ;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.9);
        text-align :center ;
        z-index :111111111111111111111111111111111111111111111111111111111111;
        padding :10px;
	}
}

  @media screen and (min-width: 471px) and (max-width: 785px){
   .managerMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }
   
    .managerContainer {
        position: relative;
        top: 0px;
        width: 60%;
        min-height: 800px;
        display: inline-block;
        direction: rtl;
    }

        .managerContainer .boxManagerModirAmel {
            position: relative;
            top: 0px;
            float: none;
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            min-height: 325px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            background-image: url("https://3.bp.blogspot.com/-piZWCW2uUbg/W2fPXxkWZgI/AAAAAAAAOu0/eydmMjTIqcwLMHEEr2H7imqoRTxMw4o9QCLcBGAs/s1600/among_trees_night_dribbble.png");
            border-radius: 4px;
            padding: 10px;
            direction: rtl;
        }

            .managerContainer .boxManagerModirAmel .innertoBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #2FBEF2;
                width: 60%;
                background-repeat: no-repeat;
                background-position: center center;

            }

            .managerContainer .boxManagerModirAmel .middleBox {
                position: absolute;
                bottom: 0px;
                margin-bottom: 0px;
                min-height: 65px;
                background: #2FBEF2;
                width: 100%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #fff;
                line-height: 65px;
                text-align: center;
            }


            .managerContainer .boxManagerModirAmel .bottomBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #fff;
                width: 40%;
                display: inline-block;
            }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer {
                    position: relative;
                    top: 10px;
                    right: 0px;
                    float: right;
                    min-height: 300px;
                    text-align: center;
                    width: 30px;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox {
                        position: relative;
                        float: right;
                        width: 55px;
                        height: 55px;
                        border-radius: 180px;
                        text-align: center;
                        margin-right: -20px;
                        background: #cc0000;
                        cursor: pointer;
                        margin-bottom: 5px;
                    }

                        .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox:hover {
                            background: #2FBEF2;
                        }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBox i {
                    color: #fff;
                    margin-top: 15px;
                    font-size: 25px;
                }

                .managerContainer .boxManagerModirAmel .bottomBox p {
                    float: right;
                    top: 0px;
                    width: 60%;
                    min-height: 30px;
                    line-height: 30px;
                    padding-right: 10%;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #333;
                    text-align: right;
                    direction: rtl;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox p i {
                        color: #2FBEF2;
                        font-size: 10pt;
                        margin-left: 10px;
                        margin-top: 5px;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.user {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.phone {
                        font-family: byekan;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.email {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.fax {
                        font-family: byekan;
                    }




        .managerContainer .boxManager {
            position: relative;
            top: 0px;
            float: none;
            width: 35%;
            margin-left: auto;
            margin-right: auto;
            display: inline-block;
            min-height: 400px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            border-radius: 4px;
            padding: 10px;
            margin: 1%;
            margin-top: 2.5%;
            margin-bottom: 2.5%;
        }

        .managerContainer .fourBox {
            width: 22%;
        }

        .managerContainer .boxManager .innertoBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 200px;
            width: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100px;
        }

        .managerContainer .boxManager .middleBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 55px;
            background: #2FBEF2;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            text-align: center;
        }


        .managerContainer .boxManager .bottomBox {
            position: relative;
            top: 0px;
            float: left;
            min-height: 145px;
            background: #fff;
            width: 100%;
            display: inline-block;
            direction: rtl;
        }

            .managerContainer .boxManager .bottomBox .circleBoxContainer {
                position: relative;
                top: 0px;
                left: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                min-height: 35px;
                display: inline-block;
                text-align: center;
            }

                .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox {
                    position: relative;
                    float: right;
                    margin-left: 5px;
                    width: 40px;
                    height: 40px;
                    border-radius: 180px;
                    text-align: center;
                    margin-top: -20px;
                    background: #00AEEF;
                    cursor: pointer;
                }

                    .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox:hover {
                        background: #cc0000;
                    }

            .managerContainer .boxManager .bottomBox .circleBox i {
                color: #fff;
                margin-top: 10px;
                font-size: 20px;
            }

            .managerContainer .boxManager .bottomBox p {
                position: relative;
                float: left;
                top: 0px;
                width: 90%;
                min-height: 20px;
                line-height: 20px;
                padding-right: 10%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #333;
                text-align: right;
                direction: rtl;
                margin: 0.5px;
            }

                .managerContainer .boxManager .bottomBox p i {
                    color: #2FBEF2;
                    font-size: 10pt;
                    margin-left: 10px;
                    margin-top: 5px;
                }

                .managerContainer .boxManager .bottomBox p.user {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.phone {
                    font-family: byekan;
                }

                .managerContainer .boxManager .bottomBox p.email {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.fax {
                    font-family: byekan;
                }


    .titleBox_Inf {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 130px;
        line-height: 130px;
        font-size: 14pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        text-align: center;
        direction: rtl;
    }


    .NewsFori {
        position: fixed;
        bottom: 0px;
        width: 20%;
        max-width: 300px;
        height: 180px;
        background: rgb(4,49,0);
        background: rgba(4,49,182,0.9);
        padding: 10px 20px 10px 10px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        z-index: 1000000000000;
        box-shadow: 1px 1px 1px gray;
        min-width: 300px;
        font-weight: 300;
    }




    .marqueeBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        height: 40px;
        z-index: 10000000000;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 11pt;
        color: #333;
        padding-top: 5px;
        direction: rtl;
    }



    .socialBox {
        position: fixed;
        float: left;
        top: 25%;
        min-width: 40px;
        background: rgb(191,189,192);
        background: rgba(191,189,192,0.5);
    }

        .socialBox ul {
            left: 0px;
            float: left;
            padding: 0;
            margin: 0;
            display: block;
        }

            .socialBox ul li {
                margin: 0;
                padding: 0;
                width: 40px;
                height: 40px;
                display: block;
            }

                .socialBox ul li a {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    text-decoration: none;
                    display: block;
                }

    html, body {
        padding: 0;
        margin: 0;
        background: #06121E;
    }

    .mainPageScreen {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
        background: #06121E;
        margin-bottom :50px;
        
    }

      .mainPageScreen .mainPageScreen_child {
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        min-height :350px;
        display :block ;
        
    }

    .topWhiteBar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        min-height: 50px;
        display: inline-block;
        z-index: 100000;
      
    }

    .topWhiteBar_Container {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 55px;
        display: inline-block;
    }

    .topWhiteBar .main_ul {
        float: left;
        left: 0px;
        min-height: 55px;
    
    }

    .topWhiteBar .main_li {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .topWhiteBar iframe {
        position: relative;
        float: left;
        left: 0px;
        top: 0px;
        width: 40px;
        height: 35px;
        display: inline-block;
    }

    .topWhiteBar a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        min-height: 35px;
        line-height: 35px;
        -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: color 0.5s;
      
    }
    #searchText{
        display :none;
    }

        .topWhiteBar a i {
            font-size: 16pt;
            color: #fff;
            margin-right: 5px;
            -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
            transition: color 0.5s;
        }

        .topWhiteBar a:hover i {
            color: #00AEEF;
        }

        .topWhiteBar a:hover {
            color: #00AEEF;
        }

    .topWhiteBar i:hover {
        color: #00AEEF;
    }

    .main_li .topWhiteBar_DropDown {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 15px 15px 15px;
        background: #00AEEF;
        color: #fff;
    }

    .main_li .topWhiteBar_DropDown_Search {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 5px 15px 5px;
        background: #00AEEF;
        color: #fff;
        width: 215px;
    }

    /*.main_li:hover .topWhiteBar_DropDown
	{
		display:block ;
	}*/

    .topWhiteBar_DropDown li {
        display: block;
        margin: 0;
    }



    #btnLogin {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnLogin:hover {
            background: #fff;
            color: #00AEEF;
        }

    #btnSearch {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnSearch:hover {
            background: #fff;
            color: #00AEEF;
        }

    .topBar {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        background: none;
        display: inline-block;
        text-align: center;
        z-index: 11111111111111111111111111111111111111111111111111111111;
        height :140px;
        background :#0F2133;
    }

    .topBar_Container {
        position: relative;
        top: 0px;
        width: 98%;
        display: inline-block;
    }

        .topBar_Container .logoBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            cursor: pointer;
            width: 270px;
        }

    .logoBox img {
        position: relative;
        float: right;
        top: 0px;
        right: 0px;
    }

    .topBar_Container .menuPhoneBox {
        position: absolute ;
        top: 60px;
        right:0px;
        float: right;
        right: 0%;
        background: none;
    }

    .menuPhoneBox .phoneBox {
        position: relative;
        top: 0px;
        float: left;
        left: 20px;
        width: 100%;
        min-height: 50px;
        background: none;
    }

    .phoneBox a {
        position: absolute;
        float: left;
        left: 0px;
        bottom: 10px;
        padding: 10px 0px 10px 0px;
        font-family: byekan,arial;
        font-size: 16pt;
        color: #000;
        text-align: left;
        display: inline-block;
        width: 100%;
        height: 30px;
    }

    .phoneBox i {
        font-size: 20pt;
        color: #2FBEF2;
        margin-right: 10px;
    }

    .menuBox {
        position: relative;
        top: 0px;
        float: left;
        right: 0px;
        width: 100%;
        min-height: 60px;
        margin-bottom :50px;
    }

    .overSlide {
        
    }



    .name_TopBanner {
        position: absolute;
        top: 0;
        margin-top: 50px;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        width: 98%;
        min-height: 100px;
        font-family: iranyekanwebmediumfanum;
        font-size: 24pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: center ;
        background-clip: text;
        background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
        color: var(--color-background);
        font-size: var(24pt);
        font-weight: var(--font-weight);
        letter-spacing: var(--letter-spacing);
        padding: calc(--stroke-width / 2);
        -webkit-text-stroke-color: transparent;
        -webkit-text-stroke-width: var(--stroke-width);
    }

    @use postcss-preset-env {
        stage: 0;
    }

    :root {
        --color-background: #000119;
        --stroke-width: calc(1em / 16);
        --font-size: 30vmin;
        --font-weight: 700;
        --letter-spacing: calc(1em / 8);
    }

    * {
        box-sizing: border-box;
    }

    .length_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 120px;
        float: right;
        right: 45%;
        width: 80%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        color: #fff;
    }

    .summery_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 160px;
        margin-left :20%; 
        margin-right :20%;
        width: 60%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        font-weight: 500;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: justify;
        color: #fff;
        display :none;
        
    }

     .Link_TopBannerContainer {
        position: absolute;
        top: 0px;
        margin-top: 180px;
        float: right;
        right: 35%;
        width: 80%;
        min-height: 60px;
        line-height: 60px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        
    }

    .Link_TopBanner {
        position: absolute;
        float: right;
        width: 150px;
        height: 45px;
        line-height: 45px;
        border-radius: 30px;
        
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        color: #fff;
        cursor: pointer;
        margin-top: 0px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
    }





        .Link_TopBanner:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }



    .video_Mainbox_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
        
    }

        .video_Mainbox_MainPage .video_ContainerTitle_MainPage {
            position: relative;
            top: 50px;
            text-align: center;
            width: 90%;
            min-height: 400px;
            display: inline-block;
            margin-bottom: 50px;
        }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .boxTitleVideoPage {
                position: relative;
                top: 50px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 50px;
                line-height: 50px;
            }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage {
                position: relative;
                top: 50px;
                width: 100%;
                height: 280px;
                display: inline-block;
                text-align: center;
                overflow :hidden ;
            }

                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 40%;
                    min-width :280px;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                  

                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 95%;
                            height: 95%;
                            margin-top: 1%;
                            margin-bottom: 1%;
                        }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 75%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 11pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 125px;
                                    height: 40px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 40px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 14pt;
                                        margin-top: 8px;
                                        margin-bottom: 8px;
                                    }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }

    .video_Mainbox_MainPage_other {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 350px;
        display: inline-block;
        text-align: center;
    }

        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other {
            position: relative;
            top: 50px;
            text-align: center;
            width: 95%;
            min-height: 350px;
            display: inline-block;
            margin-bottom: 50px;
        }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .boxTitleVideoPage {
                position: relative;
                top: 50px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 50px;
                line-height: 50px;
            }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage {
                position: relative;
                top: 50px;
                width: 100%;
                height: 280px;
                display: inline-block;
                text-align: center;
                overflow :hidden ;
            }

                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 45%;
                    min-width :250px;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                  

                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 95%;
                            height: 95%;
                            margin-top: 2%;
                            margin-bottom: 2%;
                        }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 75%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 115px;
                                    height: 30px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 30px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 35px;
                                    height: 35px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 12pt;
                                        margin-top: 8px;
                                        margin-bottom: 8px;
                                    }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }


#features{
    position :relative ;
    top:0px;
    left:0px;
    width :100%;
    min-height :650px;
    display :inline-block ;
    text-align :center ;
    margin-bottom :30px;
   
}

#features .containerBox{
    position :relative ;
    width :90%;
    height :650px;
    display :inline-block;
  
    
}

    #features .containerBox .slideBoxNav {
        position :relative  ;
        top:0px;
        left:0px;
        width:100%;
        display :block;
        left:0px;
        height :200px;
        overflow :hidden ;
    }

    .boxBoard {
        position: relative;
        top: 0px;
        width: 100%;
        border: 0;
        min-height: 500px;
        border-radius: 30px;
        margin-bottom: 150px;
      
    }

        .boxBoard h3 {
            margin: 0;
            padding: 0;
        }

    .boxBoard_masked {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 100000000000000000000000000000000;
        background: #0a0909;
        background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
    }

        .boxBoard_masked .mainBoradNewVideo {
            position: relative;
            top: 10px;
            bottom: 10px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 95%;
            display: inline-block;
            text-align: right;
        }

            .boxBoard_masked .mainBoradNewVideo .titleBoradNewVideo {
                position: relative;
                float: right;
                width: 100%;
                font-size: 18pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                min-height: 40px;
                line-height: 40px;
                margin-top :10px;
                margin :0;
              
            }
            .contaiber_StaticBanner{
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        height :400px;
        display :block ;
    }

    .staticBananer_OtherPages {
        position: absolute;
        top: 140px;
        left: 0px;
        width: 100%;
        display: inline-block;
        min-height: 385px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .staticBananer_OtherPages .maskedstaticBananer_OtherPages {
            position: absolute;
            top: 0px;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #0a0909;
            background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
        }

        .staticBananer_OtherPages .pathBox_OtherPage {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            width: 80%;
            min-height: 140px;
            margin-top: 10%;
        }

            .staticBananer_OtherPages .pathBox_OtherPage .titlePath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 20pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-weight: 900;
                margin: 0;
            }

            .staticBananer_OtherPages .pathBox_OtherPage .textPath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 30px;
                line-height: 30px;
                font-weight: 600;
            }

                .staticBananer_OtherPages .pathBox_OtherPage .textPath span {
                    padding-left: 10px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 14pt;
                    color: #fff;
                    direction: rtl;
                    min-height: 30px;
                    line-height: 30px;
                }

    .VideoList_MainPage {
        position: relative;
        top: 150px;
        right: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
        margin-bottom :200px;
    }

        .VideoList_MainPage .VideoList_Container {
            position: relative;
            top: 0px;
            width: 98%;
            min-height: 400px;
            display: inline-block;
            margin-top: 20px;
        }

            .VideoList_MainPage .VideoList_Container .box {
                position: relative;
                top: 0px;
                float: right;
                padding: 0;
                margin: 0;
                width: 45%;
                min-height: 300px;
                margin-right: 8px;
                margin-left: 8px;
                background: #0B1A2A;
                border-radius: 15px;
                padding-bottom: 0px;
                margin-bottom: 20px;
                padding-bottom :20px;
                
            }

                .VideoList_MainPage .VideoList_Container .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    width: 90%;
                    top: 25px;
                    bottom: 25px;
                    min-height: 480px;
                }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 100%;
                        height: 200px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        border-radius: 15px;
                        display: block;
                        overflow: hidden;
                    }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        height: 100px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 11pt;
                        font-weight: 700;
                        color: #00AEEF;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        cursor: pointer;
                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews:hover {
                            color: #cc0000;
                        }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .DateBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 30px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 10pt;
                        font-weight: 500;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                    }


                    .VideoList_MainPage .VideoList_Container .box .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        height: 50px;
                        direction: rtl;
                        line-height: 25px;
                        font-size: 10pt;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        overflow: hidden;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: left;

                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore {
                            position: relative;
                            float: right;
                            width: 150px;
                            height: 45px;
                            line-height: 45px;
                            border-radius: 30px;
                            
                            text-align: center;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 11pt;
                            color: #fff;
                            cursor: pointer;
                            margin-top: 20px;
                            display: block;
                            background-size: 200% auto;
                            background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                            margin-bottom: 20px;
                            direction: rtl;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore:hover {
                                background-position: right center;
                                color: #fff;
                                text-decoration: none;
                            }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox {
                        display: block;
                    }


                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 90%;
                            height: 90%;
                            margin-top: 1%;
                            margin-bottom: 1%;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 90%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 12pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 125px;
                                    height: 40px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 11pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 40px;
                                    margin-top: 2px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 40px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 30px;
                                margin-top: 30px;
                                margin-bottom: 10px;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 35px;
                                    height: 35px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                    cursor: pointer;
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 12pt;
                                        margin-top: 8px;
                                        margin-bottom: 12px;
                                    }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }




    .comment_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        text-align: center;
    }

        .comment_Mainpage .comment_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 300px;
            display: inline-block;
        }

            .comment_Mainpage .comment_Container .title_Comment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-size: 16pt;
                font-weight: 900;
                font-family: iranyekanwebmediumfanum;
                direction: rtl;
                text-align: right;
            }

            .comment_Mainpage .comment_Container .comment_SmallBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 90%;
                min-height: 130px;
                text-align: right;
            }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_SmallBoxTitle {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 40px;
                    line-height: 40px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_textarea {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 165px;
                    line-height: 20px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #888;
                    direction: rtl;
                    padding: 10px;
                    border: 1px solid #fff;
                    border-radius: 10px;
                    resize: none;
                    display: block;
                    background: none;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    text-align: right;
                    margin-top: 20px;
                }

                    .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 160px;
                        height: 40px;
                        border-radius: 30px;
                        background: #cc0000;
                        color: #fff;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 11pt;
                        border: 0;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }



    .MainPage_Register {
        position: relative;
        top: 100px;
        left: 0px;
        float: right;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        margin-bottom :150px;
    }

        .MainPage_Register .container_Register {
            position: relative;
            top: 100px;
            width: 90%;
            min-height: 400px;
            display: inline-block;
            background: #0B1A2A;
            border-radius: 15px;
            padding: 20px;
        }

            .MainPage_Register .container_Register .title_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: center;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-weight: 900;
                direction: rtl;
                font-size: 16pt;
                font-family: iranyekanwebmediumfanum;
            }

            .MainPage_Register .container_Register .caption_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                margin-top: 20px;
            }

            .MainPage_Register .container_Register .acceptLaw {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 20px;
                height: 20px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                margin: 0;
                margin-top: 20px;
            }

                .MainPage_Register .container_Register .acceptLaw span {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: center;
                }

                .MainPage_Register .container_Register .acceptLaw a {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #cc0000;
                    direction: rtl;
                    text-align: center;
                    text-decoration: none;
                    margin-right: 5px;
                }


            .MainPage_Register .container_Register .Input_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                border: 1px solid #fff;
                border-radius: 30px;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .checkBox_Register {
                position: relative;
                top: 0px;
                float: right;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .lawLink_Register {
                position: relative;
                top: 0px;
                float: right;
                margin-right: 5px;
                line-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
                text-decoration: none;
            }

            .MainPage_Register .container_Register .save_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 150px;
                height: 40px;
                line-height: 40px;
                background-size: 200% auto;
                background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                cursor: pointer;
                color: #fff;
                border-radius: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                border: 0;
            }

                .MainPage_Register .container_Register .save_Register:hover {
                    background-position: right center;
                    color: #fff;
                    text-decoration: none;
                }

    .mainpage_LawRegister {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

    .textLogin {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #fff;
        width: 100%;
        text-align: right;
        direction: rtl;
        margin-top: 40px;
    }

    .LinkRegister {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #cc0000;
        text-align: right;
        direction: rtl;
        text-decoration: none;
    }

    .linkForgetPassword {
        position: relative;
        top: 0px;
        float: right;
        min-height: 40px;
        line-height: 40px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        color: #fff;
        direction: rtl;
        width: 100%;
        text-align: right;
        text-decoration: none;
    }

        .linkForgetPassword a {
            top: 0px;
            min-height: 40px;
            line-height: 40px;
            font-family: iranyekanwebmediumfanum;
            font-size: 10pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            text-decoration: none;
        }

            .linkForgetPassword a:hover {
                color: #cc0000;
            }

    .okButtonAlert {
        position: relative;
        float: none;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #2FBEF2;
        color: #fff;
        cursor: pointer;
        border: 0;
        border-radius: 10px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        display: inline-block;
    }

        .okButtonAlert:hover {
            background: #2FBEF2;
        }

    .mainpage_LawRegister .child {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #0B1A2A;
        width: 90%;
        height: 300px;
        border-radius: 15px;
        overflow: auto;
        padding: 20px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        line-height: 40px;
        text-align: justify;
        direction: rtl;
        color: #fff;
    }

        .mainpage_LawRegister .child a {
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            height: 40px;
            width: 40px;
            text-align: center;
        }

            .mainpage_LawRegister .child a i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 18pt;
            }

    /**/
    .mainpage_saveAlert {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

        .mainpage_saveAlert .child {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #cc0000;
            width: 90%;
            max-width: 300px;
            height: 250px;
            border-radius: 15px;
            overflow: auto;
            padding: 30px;
            font-family: iranyekanwebmediumfanum;
            font-size: 11pt;
            line-height: 35px;
            text-align: center;
            direction: rtl;
            color: #fff;
            overflow: hidden;
        }

            .mainpage_saveAlert .child a {
                position: absolute;
                top: 0px;
                left: 0px;
                display: block;
                height: 40px;
                width: 40px;
                text-align: center;
            }

                .mainpage_saveAlert .child a i {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    color: #fff;
                    font-size: 18pt;
                }

    #UserPanel {
        cursor: pointer;
        width: 80px;
        direction: rtl;
    }

    .iconPanelUser {
        display: block;
        border-radius: 180px;
        text-decoration: none;
        background: none;
        text-align: center;
    }

        .iconPanelUser i {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            font-size: 16pt;
            color: #fff;
            margin-top: 5px;
        }

    .userPanelBox {
        padding: 0;
        z-index: 0;
        margin-top: -1px;
        display: none;
        float: left;
        position: relative;
        right: -999em;
        width: 150px;
        height: 0;
        -webkit-transition: height 0.5s,top 0.7s,visibility 5s;
        transition: height 0.5s,top 0.7s,visibility 5s;
        padding: 0 0 0 0;
        padding-bottom: 30px;
        border: 0px solid #D8B442;
        border-radius: 0px;
        -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
        -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
        -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
        -o-transition: top 0.2s ease, opacity 0.2s ease-in;
        transition: top 0.2s ease, opacity 0.2s ease-in;
        background: #0B1A2A;
        box-shadow: 1px 10px 10px #000;
    }

    #UserPanel:hover .userPanelBox {
        display: block;
        right: 0;
        height: auto;
        z-index: 10000;
    }

    .userPanelBox ul {
        display: block;
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .userPanelBox li {
        padding: 0;
        margin: 0;
        width: 100%;
        padding-right: 10px;
        height: 30px;
        line-height: 30px;
        text-align: right;
        top: 0px;
        list-style: none;
    }

    .userPanelBox ul li a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #fff;
    }

    userPanelBox ul li:hover a {
        color: #D8B442;
    }

    .video_MainPage_showComment {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 500px;
        display: inline-block;
        text-align: center;
    }

        .video_MainPage_showComment .video_Container_showComment {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 90%;
            min-height: 500px;
        }

            .video_MainPage_showComment .video_Container_showComment .video_title_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                text-align: right;
                font-weight: 900;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
            }

                .video_MainPage_showComment .video_Container_showComment .video_title_showComment a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 40px;
                    height: 40px;
                    display: inline-block;
                    text-align: center;
                    background: none;
                    border: 2px solid #fff;
                    border-radius: 180px;
                    margin-top: 5px;
                    margin-left: 10px;
                }

                    .video_MainPage_showComment .video_Container_showComment .video_title_showComment a i {
                        margin-top: 10px;
                        font-size: 14pt;
                        color: #fff;
                    }

            .video_MainPage_showComment .video_Container_showComment .video_text_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 90%;
                min-height: 80px;
                line-height: 30px;
                text-align: right;
                font-weight: 500;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 12pt;
                border-bottom: 1px solid #999;
            }


    .paging_ListProduct_Container {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        direction: rtl;
        line-height: 40px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .moshahde-kalahaie-bishtar {
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum;
        color: rgb(153,153,153);
        border: 0px solid gray;
        padding: 10px;
        background: #0B1A2A;
        border-radius: 5px;
        text-decoration: none;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
    }

        .moshahde-kalahaie-bishtar:hover {
            border: 0;
            background: #cc0000;
            color: #fff;
        }

    .pagingNumberBox {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #0B1A2A;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

        .pagingNumberBox:hover {
            background: #cc0000;
        }

    .pagingNumberBox_select {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #cc0000;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

    .video_Details_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 745px;
        display: inline-block;
        text-align: center;
    }

        .video_Details_Mainpage .frameVideoDetails {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 745px;
            display: inline-block;
        }

        .video_Details_Mainpage .video_Details_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 500px;
            width: 100%;
            margin-top: 50px;
        }

            .video_Details_Mainpage .video_Details_Container .titleVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: right;
                font-size: 20pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 100px;
                min-height: 100px;
                font-weight: 900;
            }

            .video_Details_Mainpage .video_Details_Container .summeryVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 30px;
                min-height: 80px;
                font-weight: 500;
                margin-bottom: 50px;
            }

            .video_Details_Mainpage .video_Details_Container .ItemVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 40px;
                min-height: 40px;
                font-weight: 500;
                width: 100%;
            }

            .video_Details_Mainpage .video_Details_Container .shareContainer {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 80px;
                line-height: 80px;
                display: inline-block;
                margin-top: 50px;
            }

                .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle {
                    position: relative;
                    float: right;
                    margin-left: 10px;
                    width: 45px;
                    height: 45px;
                    border-radius: 360px;
                    background: #fff;
                    display: inline-block;
                    border: 4px solid gray;
                    cursor: pointer;
                    -webkit-transition: background 1s ease;
                    -moz-transition: background 1s ease;
                    text-decoration: none;
                }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover {
                        background: #cc0000;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle i {
                        color: #cc0000;
                        margin-top: 8px;
                        font-size: 16pt;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover i {
                        color: #fff;
                    }

    .shimmer-demo {
        padding: 0px;
        display: flex;
        justify-content: inherit;
        background: none;
        border-radius: 12px;
        text-align: right;
    }

    .shimmer-text {
        position: relative;
        font-size: 24px;
        font-weight: 800;
        color: #fff;
        overflow: hidden;
    }

        .shimmer-text::before {
            content: "";
            position: absolute;
            top: 0;
            left: -120%;
            width: 60%;
            height: 100%;
            background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.9), transparent );
            filter: blur(6px);
            animation: shimmerMove 3s infinite;
        }

    @keyframes shimmerMove {
        0% {
            left: -120%;
        }

        100% {
            left: 120%;
        }
    }


    .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo {
        position: relative;
        float: right;
        width: 100%;
        direction: rtl;
        min-height: 50px;
        line-height: 50px;
        margin: 0;
    }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .viewBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            background: rgb(102,102,102);
            background: rgba(102,102,102,0.6);
            text-align: center;
            color: #fff;
            border-radius: 5px;
            width: 90px;
            margin-left: 10px;
            height: 40px;
            line-height: 40px;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .lengthBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .DateBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
            
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .summeryBoxNewVideo {
            position: relative;
            float: right;
            font-size: 11pt;
            font-family: iranyekanwebmediumfanum;
            text-align: justify;
            color: #fff;
            line-height: 30px;
            direction: rtl;
            width: 90%;
            font-weight: 500;
            height :95px;
            overflow :hidden ;
            display :none;
            
        }

        .ViewBoradNewVideo_Mobile{
            display :none;
        }

    .Link_newVideo {
        position: relative;
        float: right;
        width: 190px;
        height: 55px;
        line-height: 55px;
        border-radius: 30px;
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        color: #fff;
        cursor: pointer;
        margin-top: 20px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
        direction: rtl;
        margin :0;
    }





        .Link_newVideo:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    .video_box_Board {
        position: relative;
        top: 0px;
        float: right;
        padding: 0;
        margin: 0;
        width: 40%;
        display: block;
        min-width :280px;
        border-radius: 10px;
        border: 4px solid #fff;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
        -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
    }

        .video_box_Board h3 {
            margin: 0;
            padding: 0;
            border: 0;
        }

        .video_box_Board img {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 20px;
            border: 0;
        }

        .video_box_Board .maskVideoBox {
            position: absolute;
            top: 0px;
            left: 0px;
            padding: 0;
            margin: 0;
            display: none;
            width: 100%;
            height: 100%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.8);
            text-align: center;
        }

        .video_box_Board:hover .maskVideoBox {
            display: block;
        }



            .video_box_Board:hover .maskVideoBox .boxContent {
                position: relative;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                height: 90%;
                margin-top: 2%;
                margin-bottom: 2%;
            }

                .video_box_Board:hover .maskVideoBox .boxContent .titleContentMask {
                    position: relative;
                    float: right;
                    width: 80%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 10pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                    font-weight :500;
                }

                .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask {
                    position: relative;
                    float: right;
                    width: 60%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 10pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                    margin: 0;
                   
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-left: 5px;
                        background: rgb(153,153,153);
                        background: rgba(153,153,153,0.5);
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-right: 10px;
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 120px;
                        height: 30px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 9pt;
                        direction: rtl;
                        background: #CC0000;
                        color: #fff;
                        border-radius: 30px;
                        cursor: pointer;
                        text-align: center;
                        line-height: 30px;
                        margin-top: 5px;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }

                .video_box_Board:hover .maskVideoBox .boxContent .boxShare {
                    position: absolute;
                    float: left;
                    width: 40px;
                    height: 100%;
                    min-height: 250px;
                    padding: 0;
                    margin: 0;
                    top: 0px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 40px;
                        height: 40px;
                        border-radius: 360px;
                        border: 4px solid #999999;
                        background: #fff;
                        text-align: center;
                        color: #cc0000;
                        display: block;
                        margin-top: 4px;
                        -webkit-transition: background-color 0.5s ease;
                        -moz-transition: background-color 0.5s ease;
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                            color: #cc0000;
                            font-size: 12pt;
                            margin-top: 8px;
                            margin-bottom: 8px;
                        }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                            background: #cc0000;
                        }

                            .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                color: #fff;
                            }



    /*menu Section*/
    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #menu-button {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1000;
    }

        #cssmenu:after,
        #cssmenu > ul:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

        #cssmenu #menu-button {
            display: none;
        }

    #cssmenu {
        width: auto;
        font-family: iranyekanwebmediumfanum,arial;
        background: none;
    }

        #cssmenu > ul {
        }

        #cssmenu.align-right > ul > li {
            float: right;
        }

        #cssmenu > ul > li {
            float: right;
            display: inline-block;
        }

        #cssmenu.align-center > ul {
            float: none;
            text-align: center;
        }

            #cssmenu.align-center > ul > li {
                float: none;
            }

        #cssmenu.align-center ul ul {
            text-align: center;
        }

        #cssmenu > ul > li > a {
            padding-left: 12px;
            padding-right: 12px;
            padding-top: 25px;
            padding-bottom: 25px;
            border-right: 0px solid #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            text-align: center;
        }

            #cssmenu > ul > li:hover > a,
            #cssmenu > ul > li > a:hover,
            #cssmenu > ul > li.active > a {
                border-bottom: 4px solid #2FBEF2;
                color: #2FBEF2;
            }

        #cssmenu > ul > li.has-sub > a {
        }

            #cssmenu > ul > li.has-sub > a::after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                right: 0px;
                top: 22px;
            }

        #cssmenu > ul > li.has-sub.active > a::after,
        #cssmenu > ul > li.has-sub:hover > a {
        }

        #cssmenu ul ul {
            position: absolute;
            left: -9999px;
            top: 60px;
            padding-top: 6px;
            font-size: 12px;
            opacity: 0;
            -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
            -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
            -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
            -o-transition: top 0.2s ease, opacity 0.2s ease-in;
            transition: top 0.2s ease, opacity 0.2s ease-in;
        }

        #cssmenu.align-right ul ul {
            text-align: right;
        }

        #cssmenu > ul > li > ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-bottom-color: #2FBEF2;
            top: -4px;
            left: 40px;
        }

        #cssmenu.align-right > ul > li > ul::after {
            left: auto;
            right: 20px;
        }

        #cssmenu ul ul ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-right-color: #2FBEF2;
            top: 11px;
            right: -14px;
        }

        #cssmenu.align-right ul ul ul::after {
            border-right-color: transparent;
            border-left-color: #ffffff;
            left: auto;
            right: -1px;
        }

        #cssmenu > ul > li > ul {
            top: 120px;
        }

        #cssmenu > ul > li:hover > ul {
            top: 68px;
            left: 0;
            opacity: 1;
        }

        #cssmenu.align-right > ul > li:hover > ul {
            left: auto;
            right: 0;
        }

        #cssmenu ul ul ul {
            padding-top: 0;
            padding-left: 6px;
        }

        #cssmenu.align-right ul ul ul {
            padding-right: 6px;
        }

        #cssmenu ul ul > li:hover > ul {
            left: -208px;
            top: 0;
            opacity: 1;
        }

        #cssmenu.align-right ul ul > li:hover > ul {
            left: auto;
            right: 100%;
            opacity: 1;
        }

        #cssmenu ul ul li a {
            text-decoration: none;
            font-weight: 400;
            font-size: 10pt;
            padding-top: 12px;
            padding-bottom: 12px;
            width: 200px;
            color: #fff;
            text-align: right;
            background: #0B1A2A;
            direction: rtl;
            box-shadow: 1px 10px 10px #000;
            padding-right: 20px;
            -webkit-transition: color 0.8s;
            transition: color 0.8s;
        }

        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.active > a {
            color: #2FBEF2;
        }

        #cssmenu ul ul li:first-child > a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        #cssmenu ul ul li:last-child > a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        #cssmenu > ul > li > ul::after {
            position: absolute;
            display: block;
        }

        #cssmenu ul ul li.has-sub > a::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-left-color: #2FBEF2;
            right: 17px;
            top: 14px;
        }

        #cssmenu.align-right ul ul li.has-sub > a::after {
            border-left-color: transparent;
            border-right-color: #2FBEF2;
            right: auto;
            left: 17px;
        }

        #cssmenu ul ul li.has-sub.active > a::after,
        #cssmenu ul ul li.has-sub:hover > a::after {
            border-left-color: #2FBEF2;
        }

        #cssmenu.align-right ul ul li.has-sub.active > a::after,
        #cssmenu.align-right ul ul li.has-sub:hover > a::after {
            border-right-color: #2FBEF2;
            border-left-color: transparent;
        }

    .bannerContainer {
        position: absolute;
        top: 140px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        background: none;
        display: inline-block;
    }

    .Elamie_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: #F8FAFC;
        min-height: 554px;
        border-top: 4px solid #fff;
        display: inline-block;
        text-align: center;
    }

        .Elamie_MainPage .Elamie_Container {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            min-height: 554px;
        }

            .Elamie_MainPage .Elamie_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
            }

                .Elamie_MainPage .Elamie_Container .rightBox .sectionPart {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    min-height: 554px;
                }


                .Elamie_MainPage .Elamie_Container .rightBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 115px;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    min-height: 60px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    direction: rtl;
                    text-align: right;
                    border-bottom: 1px solid #D6D6D6;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .ContentBox {
                    position: relative;
                    top: 10px;
                    float: right;
                    width: 90%;
                    min-height: 160px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #000;
                    direction: rtl;
                    text-align: justify;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: right;
                    width: 90%;
                    min-height: 110px;
                    line-height: 110px;
                }

                    .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton {
                        position: relative;
                        float: left;
                        width: 30%;
                        max-width: 200px;
                        min-height: 65px;
                        text-align: center;
                        color: #fff;
                        font-size: 10pt;
                        color: #fff;
                        border-style: solid;
                        border-width: 0px;
                        background: #2FBEF2;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum,arial;
                    }

                        .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton:hover {
                            background: #cc0000;
                        }

            .Elamie_MainPage .Elamie_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
              
            }

                .Elamie_MainPage .Elamie_Container .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 0px;
                    display :none;
                }

                .Elamie_MainPage .Elamie_Container .leftBox .ImagePic {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: left;
                    width: 430px;
                    min-height: 340px;
                    background-image: url(../images/bg-pic.jpg);
                    background-repeat: no-repeat;
                    background-position: center center;
                    margin-left: 10px;
                }

                    .Elamie_MainPage .Elamie_Container .leftBox .ImagePic img {
                        position: absolute;
                        top: 40px;
                        left: 40px;
                        width: 430px;
                        min-height: 340px;
                    }

    .news_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        height: 600px;
        display: inline-block;
        text-align: center;
        margin-top: 0px;
        overflow :hidden ;
    }

        .news_MainPage .news_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 600px;
            display: inline-block;
           
        }

    .News_Container .CommentBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 30px;
    }

        .News_Container .CommentBox p {
            margin: 0;
            padding: 0;
        }

    #btn_SendComment {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        border-width: 0;
        background: #888;
        color: #fff;
        cursor: pointer;
        padding: 5px 20px 5px 20px;
    }

        #btn_SendComment:hover {
            background: #2FBEF2;
        }

    .news_MainPage .news_Container .titleBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 30px;
        line-height: 30px;
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        text-align: right;
        direction: rtl;
    }

    .news_MainPage .news_Container .box {
        position: relative;
        top: 0px;
        float: right;
        padding: 0;
        margin: 0;
        width: 40%;
        min-width :280px;
        min-height: 500px;
        margin-right: 5px;
        margin-left: 5px;
        background: #0B1A2A;
        border-radius: 15px;
        padding-bottom: 50px;
    }

        .news_MainPage .news_Container .box .innerBox {
            position: relative;
            top: 0px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            top: 25px;
            bottom: 25px;
            min-height: 480px;
        }



            .news_MainPage .news_Container .box .innerBox .picBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
                min-height: 200px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                border-radius: 15px;
            }



            .news_MainPage .news_Container .box .innerBox .titleBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 70px;
                direction: rtl;
                line-height: 30px;
                font-size: 11pt;
                font-weight: 700;
                color: #00AEEF;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                padding-top: 10px;
                padding-bottom: 10px;
                cursor: pointer;
            }

                .news_MainPage .news_Container .box .innerBox .titleBoxnews:hover {
                    color: #cc0000;
                }

            .news_MainPage .news_Container .box .innerBox .DateBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                direction: rtl;
                line-height: 30px;
                font-size: 11pt;
                font-weight: 500;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
            }


            .news_MainPage .news_Container .box .innerBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 80px;
                direction: rtl;
                line-height: 25px;
                font-size: 10pt;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: justify;
            }

            .news_MainPage .news_Container .box .innerBox .ButtonBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                text-align: left;
            }

                .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore {
                    position: relative;
                    float: right;
                    width: 150px;
                    height: 45px;
                    line-height: 45px;
                    border-radius: 30px;
                    
                    text-align: center;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 12pt;
                    color: #fff;
                    cursor: pointer;
                    margin-top: 20px;
                    display: block;
                    background-size: 200% auto;
                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    margin-bottom: 20px;
                }

                    .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore:hover {
                        background-position: right center;
                        color: #fff;
                        text-decoration: none;
                    }

    .History_Box {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 175px;
        display: inline-block;
        text-align: center;
        margin-top: 20px;
    }

        .History_Box .History_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 175px;
            display: inline-block;
        }

            .History_Box .History_Container .right_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 20%;
                min-height: 175px;
                padding: 0;
                margin: 0;
            }

                .History_Box .History_Container .right_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    min-height: 175px;
                    background: #F8FAFC;
                    background-image: url(../images/LogoHistory.png);
                    background-repeat: no-repeat;
                    background-position: center center;
                }

            .History_Box .History_Container .left_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 175px;
                padding: 0;
                margin: 0;
                background: #F8FAFC;
                display: inline-block;
                text-align: center;
            }

                .History_Box .History_Container .left_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    margin-top: 20px;
                    width: 80%;
                    min-height: 125px;
                    display: inline-block;
                }

                    .History_Box .History_Container .left_LogoBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 55px;
                        line-height: 55px;
                        text-align: right;
                        color: #2FBEF2;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 14pt;
                        direction: rtl;
                    }


                    .History_Box .History_Container .left_LogoBox .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 75px;
                        line-height: 30px;
                        text-align: right;
                        color: #000;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 11pt;
                        direction: rtl;
                    }

    .abountBox_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 230px;
        display: inline-block;
        text-align: center;
        margin-bottom: 40px;
    }

        .abountBox_Mainpage .abountBox_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 230px;
            display: inline-block;
        }

            .abountBox_Mainpage .abountBox_Container .box {
                position: relative;
                top: 0px;
                padding: 0px;
                margin: 0px;
                float: right;
                width: 50%;
                min-height: 230px;
            }

                .abountBox_Mainpage .abountBox_Container .box .rightBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: right;
                    right: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: right 0.5s;
                    transition: right 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view1 {
                    right: 0px;
                }

                .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 85%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 15%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                .abountBox_Mainpage .abountBox_Container .box .leftBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: left;
                    left: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: left 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: left 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view2 {
                    left: 0px;
                }


                .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 80%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-image: url(../images/CheshmAndazIcon.png);
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

    .Login_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 520px;
        display: inline-block;
        background: #A8BFC5;
        text-align: center;
        background-image: url(../images/back_mainPage_LoginPersonel.jpg);
        background-repeat: repeat-y;
    }

        .Login_MainPage .Login_Container {
            position: relative;
            top: 0px;
            width: 75%;
            min-height: 520px;
            display: inline-block;
        }

            .Login_MainPage .Login_Container .Login_Header {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 18pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                margin-top: 30px;
                color: #fff;
            }

            .Login_MainPage .Login_Container .RightBox {
                position: relative;
                top: -100px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
                -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                transition: top 1s;
            }

            .Login_MainPage .Login_Container .view3 {
                top: 0px;
            }

            .Login_MainPage .Login_Container .RightBox .innerBox {
                position: relative;
                top: 0px;
                margin-top: 100px;
                min-height: 280px;
                float: right;
                width: 100%;
            }

                .Login_MainPage .Login_Container .RightBox .innerBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    font-size: 14px;
                    font-family: iranyekanwebmediumfanum,arial;
                    text-align: right;
                    direction: rtl;
                    color: #fff;
                }

                .Login_MainPage .Login_Container .RightBox .innerBox iframe {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 200px;
                    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: top 0.5s;
                }




            .Login_MainPage .Login_Container .LeftBox {
                position: relative;
                top: 0px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
            }

                .Login_MainPage .Login_Container .LeftBox .picBox {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    top: 0px;
                    -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                    transition: top 1s;
                }

                .Login_MainPage .Login_Container .LeftBox .view4 {
                    top: 100px;
                }

    .Gallery_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 660px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
    }



        .Gallery_MainPage .topBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }

        .Gallery_MainPage .view5 {
            top: 0px;
        }

        .Gallery_MainPage .topBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .topBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBoxTitle {
                    position: absolute;
                    left: 0px;
                    width: 100%;
                    height: 15%;
                    display: none;
                    text-align: center;
                    background: #2FBEF2;
                    background: rgb(1,165,115);
                    background: rgb(1,165,115,0.8);
                    color: #fff;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    bottom: -100px;
                    -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: bottom 0.5s;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBoxTitle {
                    bottom: 0px;
                    display: inline-block;
                }


                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                    font-size: 20pt;
                    font-family: iranyekanwebmediumfanum,arial;
                }

                    .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

        .Gallery_MainPage .bottomBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }



        .Gallery_MainPage .view6 {
            top: 0px;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBoxTitle {
            position: absolute;
            left: 0px;
            width: 100%;
            height: 15%;
            display: none;
            text-align: center;
            background: #2FBEF2;
            background: rgb(1,165,115);
            background: rgb(1,165,115,0.8);
            color: #fff;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            bottom: -100px;
            -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
            transition: bottom 0.5s;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBoxTitle {
            bottom: 0px;
            display: inline-block;
        }


        .Gallery_MainPage .bottomBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .bottomBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                }

                    .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

    .Law_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 480px;
        background: #414550;
        display: inline-block;
        text-align: center;
    }

        .Law_MainPage .Law_Continer {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 80%;
            min-height: 480px;
        }

            .Law_MainPage .Law_Continer .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 190px;
                line-height: 190px;
                text-align: center;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 16pt;
                color: #fff;
            }

            .Law_MainPage .Law_Continer .box {
                position: relative;
                float: right;
                top: 0px;
                width: 48%;
                min-height: 130px;
                padding: 0;
                margin: 0;
                margin-left: 1%;
            }

                .Law_MainPage .Law_Continer .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 80px;
                    line-height: 80px;
                    width: 100%;
                    border-bottom: 2px solid #5F636C;
                }

                    .Law_MainPage .Law_Continer .box .innerBox .ArrowBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 10%;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox i {
                            position: relative;
                            top: 10px;
                            font-size: 45px;
                            color: #2FBEF2;
                        }


                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus {
                            position: relative;
                            top: 30px;
                            font-size: 25px;
                            color: #FFF;
                            cursor: pointer;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus:hover {
                                color: #FD5400;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .detBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: justify;
                        line-height: 25px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        display: block;
                        direction: rtl;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .detBox a {
                            text-align: justify;
                            line-height: 25px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #fff;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .detBox a:hover {
                                color: #D7D7D7;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .ContentTextBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 80%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 12pt;
                        color: #fff;
                        text-align: right;
                        direction: rtl;
                    }

    .certificates_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: #fff;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-bottom :100px;
    }

        .certificates_MainPage .certificates_Container {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 600px;
            display: inline-block;
        }

            .certificates_MainPage .certificates_Container .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 200px;
                line-height: 200px;
                font-size: 16pt;
                color: #fff;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
            }

            .certificates_MainPage .certificates_Container .MainBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                min-height: 600px;
            }

    .maskedLiveBox {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.8);
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_right {
        position: relative;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        top: 0px;
        width: 100%;
        padding: 0;
        margin: 0;
        min-height: 450px;
       
    }


        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .titleLive {
            position: relative;
            float: right;
            width: 90%;
            font-size: 18pt;
            font-family: iranyekanwebmediumfanum;
            font-weight: 900;
            direction: rtl;
            text-align: right;
            min-height: 90px;
            line-height: 90px;
            color: #fff;
        }



        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox {
            position: relative;
            float: right;
            width: 280px;
            direction: rtl;
            text-align: right;
            min-height: 70px;
            line-height: 70px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox iframe {
                position: relative;
                top: 0px;
                left: 0px;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 70px;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox {
            position: relative;
            float: right;
            width: 80%;
            direction: rtl;
            text-align: right;
            min-height: 30px;
            line-height: 30px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .dateLive {
                position: relative;
                top: 0px;
                float: right;
                background: rgb(102,102,102);
                background: rgba(102,102,102,0.5);
                color: #fff;
                font-size: 12pt;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                padding-left: 8px;
                padding-right: 8px;
                margin-left: 10px;
                direction: rtl;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .summeryLive {
            position: relative;
            float: right;
            width: 90%;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            line-height: 25px;
            color: #fff;
            margin: 0;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            margin-top: 15px;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .timeLive {
            position: relative;
            top: 0px;
            float: right;
            color: #fff;
            font-size: 12pt;
            direction: ltr;
            font-family: iranyekanwebmediumfanum;
            padding-left: 8px;
            padding-right: 8px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left {
        position: relative;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        top: 0px;
        width: 100%;
        padding: 0;
        margin: 0;
        min-height: 600px;
        margin-bottom:180px;
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left .posterBox {
            position: relative;
            float: none;
            margin-left: auto;
            margin-right: auto;
            border-radius: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: block;
            min-height: 400px;
            margin-top: 5px;
            margin-bottom: 100px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox {
        position: relative;
        top: 0px;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        width: 100%;
        min-height: 320px;
        border: 18px solid #D7D7D7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 0%;
            height: 0%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.5);
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            cursor: pointer;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox:after {
                content: "\f00e";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                /*--adjust as necessary--*/
                color: #fff;
                font-size: 35px;
                position: absolute;
                float: none;
                margin-left: auto;
                margin-right: auto;
                top: -45%;
                display: none;
                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: margin-top 1.5s;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox:after {
            display: inline-block;
            top: 45%;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox {
            width: 100%;
            height: 100%;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .titleBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 65px;
        line-height: 65px;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        background-image: url(../images/line_certificates.png);
        background-repeat: no-repeat;
        background-position: center right;
        text-align: center;
        width: 100%;
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .ContentBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 100px;
        line-height: 25px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        text-align: justify;
        width: 100%;
        right: 20px;
    }

    .Marakez_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 530px;
        display: inline-block;
        background-image: url(../images/back_Marakez.png);
        background-repeat: repeat;
        text-align: center;
    }

        .Marakez_MainPage .Marakez_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 530px;
            width: 80%;
        }

            .Marakez_MainPage .Marakez_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 55px;
            }

            .Marakez_MainPage .Marakez_Container .MainBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 485px;
                display: inline-block;
                margin-top: 50px;
            }

                .Marakez_MainPage .Marakez_Container .MainBox .rightBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 60px;
                        line-height: 60px;
                        font-size: 11pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                        font-weight: 700;
                    }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 110px;
                        line-height: 35px;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        direction: rtl;
                    }


                .Marakez_MainPage .Marakez_Container .MainBox .leftBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 96%;
                        min-height: 400px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        cursor: pointer;
                    }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            width: 0%;
                            height: 0%;
                            background: rgb(0,0,0);
                            background: rgba(0,0,0,0.5);
                            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                            transition: height 0.5s;
                        }

                            .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox:after {
                                content: "\f00e";
                                font-family: FontAwesome;
                                font-style: normal;
                                font-weight: normal;
                                text-decoration: inherit;
                                /*--adjust as necessary--*/
                                color: #fff;
                                font-size: 35px;
                                position: absolute;
                                float: none;
                                margin-left: auto;
                                margin-right: auto;
                                top: -45%;
                                display: none;
                                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                                transition: margin-top 1.5s;
                            }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox:after {
                            display: inline-block;
                            top: 45%;
                        }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox {
                            width: 100%;
                            height: 100%;
                        }

    .Contact_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }

        .Contact_MainPage .Contact_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 700px;
            display: inline-block;
        }

            .Contact_MainPage .Contact_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 120px;
            }

            .Contact_MainPage .Contact_Container .rightBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view7 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox1 {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                margin-top: 50px;
            }

            .Contact_MainPage .Contact_Container .rightBox .FrameBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 250px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                top: 50px;
                overflow: hidden;
            }

                .Contact_MainPage .Contact_Container .rightBox .FrameBox iframe {
                    position: absolute;
                    margin-top: -60px;
                    float: right;
                    width: 100%;
                    height: 100%;
                    display: block;
                    min-height: 250px;
                }

            .Contact_MainPage .Contact_Container .leftBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view9 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .leftBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 500px;
                border-right: 1px solid #F8FAFC;
                padding: 10px 10px 10px 10px;
            }

    .footer_mainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 260px;
        display: inline-block;
        text-align: center;
        background: #0B1A2A;
       
    }

        .footer_mainPage .footer_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 95%;
            border-bottom: 0px solid #62676D;
            min-height: 220px;
             margin-bottom :10px;
        }

            .footer_mainPage .footer_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 60px;
                width: 100%;
            }

            .footer_mainPage .footer_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 100%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                background-repeat: no-repeat;
                background-position: top right;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;
                
            }

            .footer_mainPage .footer_Container .view10 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 100%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;

            }

            .footer_mainPage .footer_Container .view11 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox .menuBox {
                position: relative;
                top: 0px;
                float: right;
                border-right: 0px solid #fff;
                min-height: 70px;
                width: 50%;
            }

                .footer_mainPage .footer_Container .leftBox .menuBox ul {
                    position: relative;
                    float: right;
                    width: 100%;
                    min-height: 70px;
                    padding: 0;
                    margin: 0;
                    list-style: none;
                    direction: rtl;
                    margin-right: 20px;
                }

                .footer_mainPage .footer_Container .leftBox .menuBox li {
                    padding: 0;
                    margin: 0;
                    width: 100%;
                    text-align: right;
                    padding: 5px 10px 5px 30px;
                }

                    .footer_mainPage .footer_Container .leftBox .menuBox li a {
                        width: 100%;
                        text-decoration: none;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                    }

                        .footer_mainPage .footer_Container .leftBox .menuBox li a:hover {
                            color: #2FBEF2;
                        }

        .footer_mainPage .footer_Container_Copy {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            text-align: center;
            min-height: 30px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 9pt;
            color: #C0C4C5;
            direction: rtl;
        }

    .InnerPage_TitlePage_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
    }

        .InnerPage_TitlePage_MainPage .barBox {
            position: relative;
            float: right;
            width: 300px;
            top: 25px;
            background-image: linear-gradient(to right, rgba(255,84,2,0), rgba(255,182,119,1));
            padding-right: 10%;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
        }

        .InnerPage_TitlePage_MainPage .IconBox {
            position: relative;
            float: right;
            top: 18px;
            left: 150px;
            width: 110px;
            height: 42px;
            border: 1px solid #13A899;
            background: #2A448F;
        }



    .Content_MainBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

    .Content_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 800px;
        padding-top: 50px;
        padding-bottom: 50px;
        display: inline-block;
    }


        .Content_Container .contentBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            margin: 0;
            padding: 0;
            min-height: 800px;
        }


            .Content_Container .contentBox .box {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 50%;
                min-height: 420px;
                padding: 0;
                margin: 0;
            }

                .Content_Container .contentBox .box .loginBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    border: 1px solid #CCCCCC;
                    padding: 40px 40px 40px 40px;
                    background: #ECEDF1;
                    width: 80%;
                }

                    .Content_Container .contentBox .box .loginBox .headerBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 66px;
                        line-height: 66px;
                        width: 100%;
                        direction: rtl;
                    }

                        .Content_Container .contentBox .box .loginBox .headerBox a {
                            position: relative;
                            right: 0px;
                            float: right;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #000;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Content_Container .contentBox .box .loginBox .headerBox a.link {
                                position: relative;
                                right: 0px;
                                float: right;
                                font-family: iranyekanwebmediumfanum,arial;
                                font-size: 9pt;
                                color: #000;
                                direction: rtl;
                                text-decoration: none;
                            }

                                .Content_Container .contentBox .box .loginBox .headerBox a.link:hover {
                                    color: #888888;
                                }

                            .Content_Container .contentBox .box .loginBox .headerBox a i {
                                font-size: 20pt;
                                color: #A7B8BF;
                                margin-left: 10px;
                            }

                    .Content_Container .contentBox .box .loginBox .titleBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 58px;
                        line-height: 30px;
                        width: 100%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                        text-align: right;
                        direction: rtl;
                    }


    .ContainerTextBoxObject {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 70px;
        width: 300px;
        padding: 5px 0px 5px 25px;
        display: inline-block;
        direction: rtl;
    }


    .ContainerTextBoxObject1 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 300px;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxObject2 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 90%;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .SaveBox input {
        padding: 5pcx 20px 5px 20px;
        border-style: solid;
        border-width: 0px;
        cursor: pointer;
        background: #5C5C5C;
        color: #fff;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        position: relative;
        float: left;
        left: 0px;
        width: 100px;
    }

        .SaveBox input:hover {
            background: #888888;
        }

    .SaveBox p {
        width: 100%;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 12pt;
        color: #1c1c1c;
        margin-top: 10%;
        direction: rtl;
    }

    .SaveBox i {
        font-size: 20pt;
    }

    .SaveBoxContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: none;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,.8);
        text-align: center;
        z-index: 1000000000;
        overflow: hidden;
    }

    .SaveBox .headerBox {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 14pt;
    }

    .SaveBox {
        position: relative;
        width: 25%;
        min-height: 300px;
        display: inline-block;
        background: #fff;
        float: left;
        top: 25%;
        left: -1000px;
        -webkit-transition: left 1.5s; /* For Safari 3.1 to 6.0 */
        transition: left 1.5s;
        padding: 10px 10% 10px 10%;
    }

    .effectContainerDiv {
        position: absolute;
        top: 0px;
        float: right;
        right: 0px;
        width: 0%;
        height: 100%;
        display: block;
        background: #cc0000;
        -webkit-transition: width 1.5s; /* For Safari 3.1 to 6.0 */
        transition: width 1.5s;
        border-radius: 5px;
        text-decoration: none;
    }

    .effectContainerDiv_active {
        width: 100%;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

        .ContainerQuotation a:hover .talkbubble {
            display: block;
        }

    .quotation {
        background: none;
        padding: 0;
        margin: 0;
        list-style: none;
        display: block;
        list-style-type: none;
        text-decoration: none;
    }

    .talkbubble {
        width: 200px;
        min-height: 50px;
        background: #2FBEF2;
        background: rgb(1,165,115);
        background: rgba(1,165,115,0.9);
        position: relative;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        z-index: 10;
        top: 20px;
        display: none;
        font-size: 9pt;
        color: #fff;
        text-align: right;
        font-family: iranyekanwebmediumfanum,arial;
        text-decoration: none;
        line-height: 20px;
        padding: 5px 10px 5px 10px;
    }

        .talkbubble:before {
            content: "";
            position: absolute;
            top: -10px;
            right: 100%;
            right: 5%;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 10px solid #2FBEF2;
            z-index: 100;
        }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .ContainerTextBoxStyle input {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .ContainerTextBoxStyle select {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 260px;
        height: 36px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
    }

    .ContainerTextBoxStyle textarea {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

    #btnSaveForm {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
    }

        #btnSaveForm:hover {
            background: #00AEEF;
            color: #fff;
        }

    #btnAddMember {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
        border-right: 4px solid #A7B8BF;
    }

        #btnAddMember:hover {
            background: #00AEEF;
            color: #fff;
        }

    .MainPage_History {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
        margin-top :100px;
    }

    .Container_History {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        text-align: right;
       
    }


    .MainPage_AboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .Container_AboutUs {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }


    .contentHistory{
        
        width:800px;
        color:#fff;
       
    }

    .topBannerBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 160px;
        line-height: 160px;
        background-color: #cc0000;
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2301a573' fill-opacity='0.37' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    }


        .topBannerBox hr {
            position: relative;
            float: right;
            width: 15%;
            height: 1px;
            font-size: 0pt;
            color: #fff;
            background: #fff;
            border-style: solid;
            border-width: 0px;
            margin-top: 84px;
            margin-bottom: 84px;
        }

        .topBannerBox .TextTitle {
            position: relative;
            float: right;
            top: 0px;
            min-height: 160px;
            line-height: 160px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 26pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            width: 80%;
            padding-right: 10px;
            font-weight: 700;
        }

    .MainpathBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
        display: inline-block;
        text-align: center;
        direction: rtl;
    }

    .pathBox {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 50px;
        line-height: 50px;
        text-align: right;
        display: inline-block;
    }

        .pathBox ul {
            padding: 0;
            margin: 0;
            display: inline-block;
            list-style-type: none;
            width: 100%;
        }

            .pathBox ul li {
                padding: 0;
                margin: 0;
                display: inline-block;
                margin-left: 5px;
                margin-right: 5px;
            }

                .pathBox ul li a {
                    font-size: 9pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    color: #aaa;
                    text-decoration: none;
                }

                    .pathBox ul li a i {
                        font-size: 10pt;
                        color: #aaa;
                    }

                    .pathBox ul li a:hover {
                        color: #2FBEF2;
                    }

    .Container_AboutUs .whiteBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 60px;
    }

    .Container_AboutUs .MainBoxContent {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 1080px;
    }

        .Container_AboutUs .MainBoxContent .rightBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 60%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
        }

            .Container_AboutUs .MainBoxContent .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 60px;
                text-align: right;
                line-height: 60px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #000;
                direction: rtl;
            }

            .Container_AboutUs .MainBoxContent .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 110px;
                text-align: justify;
                direction: rtl;
                line-height: 30px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #666;
            }

            .Container_AboutUs .MainBoxContent .rightBox .lineBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 30px;
                display: inline-block;
                text-align: center;
                line-height: 30px;
                background-image: url(../images/image_AboutUs8.jpg);
                background-position: center center;
                background-repeat: repeat-x;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .Container_AboutUs .MainBoxContent .rightBox .CircleBox {
                position: relative;
                top: 5px;
                width: 10px;
                height: 10px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                background: #2FBEF2;
                border: 6px solid #FFBFA2;
                border-radius: 180px;
            }

        .Container_AboutUs .MainBoxContent .leftBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 40%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
        }

            .Container_AboutUs .MainBoxContent .leftBox img {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 20px;
                width: 90%;
                box-shadow: 8px 8px 8px #E8EFF9;
            }

    .MainPage_MessageManager {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 640px;
        background: #fff;
        display: inline-block;
        text-align: center;
    }

        .MainPage_MessageManager .Container_MessageManager {
            position: relative;
            top: 0px;
            float: left;
            width: 90%;
            min-height: 640px;
            display: inline-block;
        }

            .MainPage_MessageManager .Container_MessageManager .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 35%;
                margin: 0;
                padding: 0;
                min-height: 600px;
                background-image: url(../images/image_AboutUs4.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .MainPage_MessageManager .Container_MessageManager .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 65%;
                margin: 0;
                padding: 0;
                min-height: 600px;
            }

                .MainPage_MessageManager .Container_MessageManager .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    min-height: 50px;
                }

                .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage {
                    position: relative;
                    top: 0px;
                    float: left;
                    width: 90%;
                    min-height: 560px;
                }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox {
                        position: relative;
                        top: 0px;
                        width: 100%;
                        min-height: 45px;
                        line-height: 45px;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            min-width: 150px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 14pt;
                            color: #000;
                            text-align: right;
                            direction: rtl;
                            line-height: 45px;
                            min-height: 45px;
                            background: #fff;
                        }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .amountContent {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 510px;
                        text-align: justify;
                        direction: rtl;
                        line-height: 30px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                    }

    .MainPage_whiteAboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: none;
        
    }

        .MainPage_whiteAboutUs .Container_whiteAboutUs {
            position: relative;
            top: 150px;
            display: inline-block;
            width: 90%;
            min-height: 700px;
           
            
        }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .whiteSpace {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 76px;
            }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox {
                position: relative;
                top: 0px;
                float: right;
                text-align: right;
                width: 100%;
                min-height: 74px;
                line-height: 74px;
                font-size: 13pt;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum,arial;
            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox i {
                    font-size: 28pt;
                    color: #fff;
                    margin-left: 10px;
                    vertical-align: middle;
                }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left :auto ;
                margin-right :auto ;
                width: 100%;
                min-height: 190px;

            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox {
                    position: relative;
                    top: 0px;
                    min-height: 190px;
                    float: right;
                    margin: 0;
                    padding: 0;
                    width: 100%;
                }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 50px;
                        line-height: 50px;
                        width: 100%;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox .titleText {
                            position: relative;
                            float: right;
                            min-height: 45px;
                            line-height: 45px;
                            font-size: 13pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            color: #fff;
                            text-align: right;
                            direction: rtl;
                            background: #06121E;
                            min-width: 120px;
                            vertical-align: middle;
                        }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .Text {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 130px;
                        line-height: 30px;
                        text-align: justify;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        direction: rtl;
                        color: #fff;
                    }

    .Mainpage_Taghdiname {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
        background: none;
    }

    .Container_Taghdiname {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .Container_Taghdiname .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 50px;
        }

        .Container_Taghdiname .TitleBox {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 90px;
            line-height: 90px;
            float: right;
            text-align: center;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum,arial;
            color: #fff;
        }

        .Container_Taghdiname .Box {
            position: relative;
            top: 0px;
            width: 30%;
            min-height: 550px;
            margin-left: 55px;
            margin-right: 55px;
        }

            .Container_Taghdiname .Box .PicBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 360px;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .Container_Taghdiname .Box a {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 260px;
                display: block;
            }

            .Container_Taghdiname .Box .BoxText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 170px;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                line-height: 25px;
                color: #fff;
                text-align: justify;
                direction: rtl;
                padding-top: 30px;
            }

    .Mainpage_Mashi {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        min-height: 340px;
        background: none;
        display: inline-block;
        text-align: center;
        margin-bottom :250px;
    }

    .Container_Mashi {
        position: relative;
        top: 0px;
        width: 90%;
        min-height: 340px;
        display: inline-block;
    }

        .Container_Mashi .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 65px;
        }

        .Container_Mashi .titleBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 40px;
        }



            .Container_Mashi .titleBox .amountText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #fff;
                text-align: right;
                direction: rtl;
            }

                .Container_Mashi .titleBox .amountText .Line {
                    position: relative;
                    margin: 0;
                    padding: 0;
                    top: 20px;
                    float: right;
                    max-width: 240px;
                    color: #2FBEF2;
                    background: #2FBEF2;
                    height: 2px;
                    width: 20%;
                    border: 0;
                    margin-left: 20px;
                }

        .Container_Mashi .contentText {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 330px;
            text-align: justify;
            direction: rtl;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            background: none;
        }

    .MainPage_Certificates {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

        .MainPage_Certificates .Container_Certificates {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 800px;
            display: inline-block;
            padding-top: 30px;
        }

    .News_MainBox {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .News_Container {
        position: relative;
        top: 0px;
        width: 90%;
        display: inline-block;
        min-height: 600px;
    }

    .news_RightBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 95%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
        margin-left: 5%;
    }



        .news_RightBox .titleNewsBox {
            position: relative;
            top: 0px;
            width: 100%;
            float: right;
            right: 0px;
            min-height: 45px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 14pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            padding-top: 0px;
        }

            .news_RightBox .titleNewsBox a {
                direction: rtl;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #fff;
                text-decoration: none;
            }

                .news_RightBox .titleNewsBox a:hover {
                    color: #a20000;
                }

        .news_RightBox .DateNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 30px;
            line-height: 30px;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 10pt;
            color: #a1a1a1;
            direction: rtl;
       
        }

            .news_RightBox .DateNewsBox i {
                font-size: 16pt;
                margin-left: 10px;
                color: #ffffff;
            }

        .news_RightBox .picBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 240px;
            overflow: hidden;
            border-radius: 15px;

        }

            .news_RightBox .picBox img {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                max-width: 90%;
                max-height: 440px;
                border-radius: 15px;
            }

        .news_RightBox .SummeryNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .news_RightBox .WriterName {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            direction: rtl;
            text-align: justify;
            min-height: 30px;
        }

        .news_RightBox .buttonBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 100px;
        }

            .news_RightBox .buttonBox input {
                position: relative;
                top: 0px;
                float: left;
                left: 0px;
                text-align: center;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                color: #fff;
                cursor: pointer;
                width: 150px;
                min-height: 50px;
                background: #2FBEF2;
                border: 0px solid #2FBEF2;
                border-radius: 0px;
                -webkit-transition: background 0.5s,color 0.5s; /* For Safari 3.1 to 6.0 */
                transition: background 0.5s,color 0.5s;
            }

                .news_RightBox .buttonBox input:hover {
                    background: #cc0000;
                    color: #FFF;
                }

        .news_RightBox .lineBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            min-height: 20px;
            line-height: 20px;
            border-bottom: 1px solid #2FBEF2;
            margin-bottom: 30px;
        }



    .news_LeftBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 20%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
        margin-bottom :150px;
        display :none;
    }

        .news_LeftBox .recentTitle {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: right;
        }

        .news_LeftBox .recentNewsBox {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            margin-bottom: 20px;
        }

            .news_LeftBox .recentNewsBox .imageBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                min-height: 100px;
                display: inline-block;
                text-align: right;
                width: 100%;
            }

                .news_LeftBox .recentNewsBox .imageBox img {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    border: 2px solid #fff;
                    border-radius: 15px;
                }

            .news_LeftBox .recentNewsBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 80px;
                padding-top: 10px;
                padding-bottom: 10px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                text-align: right;
            }

                .news_LeftBox .recentNewsBox .titleBox a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #fff;
                    text-decoration: none;
                    text-align: right;
                    direction: rtl;
                }

                    .news_LeftBox .recentNewsBox .titleBox a:hover {
                        color: #cc0000;
                    }

    .news_PagingBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        display: inline-block;
        text-align: right;
        min-height: 60px;
        line-height: 60px;
    }

        .news_PagingBox ul {
            position: relative;
            top: 0px;
            float: right;
            direction: rtl;
            right: 0px;
            display: inline-block;
            list-style-type: none;
        }

            .news_PagingBox ul li {
                display: inline-block;
                width: 30px;
            }

                .news_PagingBox ul li a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    display: block;
                    padding: 5px;
                    text-decoration: none;
                }

                    .news_PagingBox ul li a:hover {
                        color: #26ACDE;
                    }

                    .news_PagingBox ul li a.active {
                        color: #26ACDE;
                    }

                .news_PagingBox ul li i {
                    font-size: 18pt;
                }

    .chart_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 900px;
        display: inline-block;
        text-align: center;
    }

        .chart_MainPage .chart_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 900px;
            display: inline-block;
            overflow: auto;
        }

            .chart_MainPage .chart_Container iframe {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 900px;
            }


    .mainpageBox_Link {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .Container_Link {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        margin-top: 50px;
    }


    .box_Link {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        display: inline-block;
        width: 22%;
        margin: 5px;
        min-height: 280px;
        cursor: pointer;
        overflow: hidden;
        border: 1px solid #c1c1c1;
    }

        .box_Link .maskBoxLink {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 0%;
            display: inline-block;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.7);
            z-index: 1;
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            text-align: center;
            font-family: yakan,arial;
            font-size: 12pt;
            color: #fff;
        }

        .box_Link:hover .maskBoxLink {
            height: 100%;
        }

        .box_Link .maskBoxLink p {
            position: absolute;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: center;
            min-height: 40px;
            line-height: 40px;
            top: -100px;
            width: 100%;
            -webkit-transition: top 0.9s; /* For Safari 3.1 to 6.0 */
            transition: top 0.9s;
            z-index: -10000;
        }

        .box_Link:hover .maskBoxLink p {
            top: 40%;
            z-index: 1;
        }

    .GalleryMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .GalleryContainer {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        padding-bottom: 30px;
        margin-bottom: 150px;
    }

        .GalleryContainer .headerBoxGallery {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 28pt;
            color: #000;
            text-align: center;
        }

        .GalleryContainer .GalleryBox {
            position: relative;
            top: 100px;
            float: left;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 48%;
            min-height: 350px;
            margin: 1%;
        }

        .GalleryContainer .GalleryBox_view {
            top: 0px;
            opacity: 1;
            filter: alpha(opacity=100);
        }


    .GalleryBox .maskBoxGallery {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery {
        background: rgba(0,0,0,.5);
    }

    .GalleryBox .maskBoxGallery:before {
        content: "\f00e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery:before {
        visibility: visible;
    }




    .GalleryBox .maskBoxGallery1 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(38,173,221);
        background: rgba(38,173,221,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery1 {
        background: rgba(38,173,221,.6);
    }

    .GalleryBox .maskBoxGallery1:before {
        content: "\f144";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery1:before {
        visibility: visible;
    }



    .LawPage_MainPage {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 800px;
    }

        .LawPage_MainPage .LawPage_Container {
            position: relative;
            top: 0px;
            width: 90%;
            display: inline-block;
            min-height: 800px;
        }

            .LawPage_MainPage .LawPage_Container .TitleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 80px;
                line-height: 80px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
                font-weight: 900;
            }

            .LawPage_MainPage .LawPage_Container .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: justify;
                min-height: 60px;
                line-height: 35px;
                font-size: 12pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
            }

            .LawPage_MainPage .LawPage_Container .WhiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
            }

    .Contact_MainpageBox {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .Contact_ContainerMainPage {
        position: relative;
        top: 0px;
        width: 95%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 50px;
        margin-top: 10px;
    }

        .Contact_ContainerMainPage .contact_Titr {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 80px;
            line-height: 80px;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum;
            direction: rtl;
            text-align: right;
            color: #cc0000;
            font-weight: 900;
        }



        .Contact_ContainerMainPage iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 650px;
            margin-top: 50px;
            margin-bottom: 10px;
        }

    .contact_Header {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        text-align: center;
        font-size: 18pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        margin-top: 60px;
        min-height: 80px;
        line-height: 80px;
        width: 100%;
    }

    .contact_Text {
        position: relative;
        top: 0px;        
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        text-align: right;
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        min-height: 60px;
        line-height: 30px;
        width: 90%;
        margin-bottom: 0px;
        direction: rtl;
        padding-left: 50px;
    }

    .contact_AddressBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        line-height: 180px;
    }

    .contact_Box {
        position: relative;
        top: 0px;
        right: -20%;
        float: right;
        width: 33.3%;
        margin: 0;
        padding: 0;
        min-height: 180px;
    }

    .contact_Box_view {
        right: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .contact_Box .logo_ContactBox {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        min-height: 60px;
        display: inline-block;
    }

    .contact_Box .Content_ContactBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        margin: 0;
        padding: 0;
    }

    .ContactMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        text-align: center;
        min-height: 700px;
    }

    .Contact_ContainerMainPage .BoxFrame {
        position: relative;
        top: 0px;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        padding: 0;
        min-height: 1000px;
        width: 90%;
    }

    .Contact_ContainerMainPage .frameContact {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: block;
        background: #0B1A2A;
        border-radius: 15px;
        padding: 20px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    #map {
        position: relative;
        top: 5px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: block;
    }



    .ContactMap_Container iframe {
        position: relative;
        top: 0px;
        left: 0px;
        width: 80%;
        min-height: 700px;
        display: block;
        border-radius: 15px;
        padding: 20px;
    }

    .showService_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .showService_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 400px;
        display: inline-block;
    }

        .showService_Container .whiteBox {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 100px;
        }

        .showService_Container .rightBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 80px;
                line-height: 80px;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #2FBEF2;
                direction: rtl;
            }

            .showService_Container .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 400px;
                line-height: 30px;
                direction: rtl;
                text-align: justify;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #000;
            }


        .showService_Container .leftBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 400px;
            }

    .siteMap_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .siteMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .siteMap_Container .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 80px;
        }

        .siteMap_Container .BoxMap {
            position: relative;
            top: 0px;
            float: right;
            width: 23%;
            min-height: 300px;
        }

            .siteMap_Container .BoxMap .headBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                font-weight: 700;
            }


                .siteMap_Container .BoxMap .headBox a {
                    font-size: 14pt;
                    text-decoration: none;
                    color: #000;
                }

            .siteMap_Container .BoxMap .itemBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }



                .siteMap_Container .BoxMap .itemBox a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

                    .siteMap_Container .BoxMap .itemBox a:hover {
                        color: #2FBEF2;
                    }

            .siteMap_Container .BoxMap .itemBoxUnder {
                position: relative;
                top: 0px;
                float: left;
                width: 90%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }

                .siteMap_Container .BoxMap .itemBoxUnder a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

        .siteMap_Container .BoxMapUnder .itemBox a:hover {
            color: #2FBEF2;
        }

    .SearchView_MaonBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .SearchView_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 600;
    }

        .SearchView_Container iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 600px;
        }

    .MenuScroll_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 130px;
        display: inline-block;
        text-align: center;
    }

    .MenuScroll_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 130px;
    }

        .MenuScroll_Container .boxMenu {
            position: relative;
            top: 0px;
            min-height: 100px;
            width: 140px;
            cursor: pointer;
        }



            .MenuScroll_Container .boxMenu .LogoPicBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 80px;
                line-height: 80px;
            }


                .MenuScroll_Container .boxMenu .LogoPicBox img {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 30px;
                    max-width: 86px;
                }

            .MenuScroll_Container .boxMenu .titleBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 44px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 12pt;
                color: #000;
            }

            .MenuScroll_Container .boxMenu:hover .titleBox {
                color: #2FBEF2;
            }

    .khadamatMainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        background: #F8FAFC;
        box-shadow: 1px 1px 2px gray;
    }

    .khadamatContainer {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 120px;
        width: 100%;
    }

    .loginBox_hrhs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 362px;
        display: inline-block;
        text-align: center;
    }


        .loginBox_hrhs .container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 232px;
            margin-top: 65px;
            border-radius: 10px;
            background: rba(248,250,252);
            background: rgba(248,250,252,1);
            text-align: center;
            display: inline-block;
        }

            .loginBox_hrhs .container .innerBox {
                position: relative;
                top: 0px;
                width: 80%;
                min-height: 160px;
                display: inline-block;
                margin-top: 36px;
            }

                .loginBox_hrhs .container .innerBox .contentBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 50%;
                    min-height: 160px;
                    text-align: right;
                }

                    .loginBox_hrhs .container .innerBox .contentBox .textBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 42px;
                        width: 100%;
                        border-radius: 5px;
                        background: #fff;
                        margin: 0;
                        padding: 0;
                        margin-bottom: 10px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .caption {
                            position: relative;
                            top: 0px;
                            right: 0px;
                            float: right;
                            width: 30%;
                            text-align: center;
                            min-height: 42px;
                            line-height: 42px;
                            margin: 0;
                            padding: 0;
                            border-top-right-radius: 5px;
                            border-bottom-right-radius: 5px;
                            background: #2FBEF2;
                            font-size: 12pt;
                            color: #fff;
                            font-family: iranyekanwebmediumfanum;
                            font-weight: 300;
                        }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .styleText {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            width: 60%;
                            padding: 0;
                            padding-right: 5%;
                            min-height: 42px;
                            line-height: 42px;
                            font-size: 12pt;
                            color: #222;
                            font-family: iranyekanwebmediumfanum;
                            background: #fff;
                            border-top-left-radius: 5px;
                            border-bottom-left-radius: 5px;
                            border: 0;
                            direction: rtl;
                            text-align: right;
                        }

                    .loginBox_hrhs .container .innerBox .contentBox .buttonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        width: 100%;
                        min-height: 46px;
                        margin-top: 20px;
                        line-height: 46px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button {
                            position: relative;
                            float: left;
                            left: 0px;
                            width: 40%;
                            max-width: 124px;
                            height: 45px;
                            line-height: 45px;
                            text-align: center;
                            border: 0;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 11pt;
                            color: #fff;
                            background: #2FBEF2;
                            border-radius: 10px;
                            cursor: pointer;
                            direction: rtl;
                        }

                            .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button:hover {
                                background: #964B00;
                            }

    .counter_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 200px;
        line-height: 200px;
        display: inline-block;
        text-align: center;
        background: none;
    }

        .counter_hrhs_Mainpage .container {
            position: relative;
            top: 0px;
            width: 95%;
            min-height: 140px;
            display: inline-block;
            margin: 0;
            padding: 0;
            margin-top: 60px;
        }

            .counter_hrhs_Mainpage .container .boxAmar {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 50%;
                min-height: 200px;
                line-height: 200px;
            }


                .counter_hrhs_Mainpage .container .boxAmar .headerAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 70px;
                    line-height: 70px;
                    font-size: 22pt;
                    color: #fff;
                    font-family: byekan;
                    width: 100%;
                    font-weight: 800;
                }


                .counter_hrhs_Mainpage .container .boxAmar .BodyAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 50px;
                    line-height: 50px;
                    font-size: 16pt;
                    color: #fff;
                    font-family: iranyekanwebmediumfanum;
                    width: 100%;
                }

    .map_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 722px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }
        .popupLive{
        position :fixed ;
        top:0px;
        left:0px;
        width :100%;
        height :0%;
        display :none ;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.9);
        text-align :center ;
        z-index :111111111111111111111111111111111111111111111111111111111111;
        padding :30px;
	}
  }

 
@media screen and (min-width: 786px) and (max-width: 1024px)
{
        .managerMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

    .managerContainer {
        position: relative;
        top: 0px;
        width: 60%;
        min-height: 800px;
        display: inline-block;
        direction: rtl;
    }

        .managerContainer .boxManagerModirAmel {
            position: relative;
            top: 0px;
            float: none;
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            min-height: 325px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            background-image: url("https://3.bp.blogspot.com/-piZWCW2uUbg/W2fPXxkWZgI/AAAAAAAAOu0/eydmMjTIqcwLMHEEr2H7imqoRTxMw4o9QCLcBGAs/s1600/among_trees_night_dribbble.png");
            border-radius: 4px;
            padding: 10px;
            direction: rtl;
        }

            .managerContainer .boxManagerModirAmel .innertoBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #2FBEF2;
                width: 60%;
                background-repeat: no-repeat;
                background-position: center center;

            }

            .managerContainer .boxManagerModirAmel .middleBox {
                position: absolute;
                bottom: 0px;
                margin-bottom: 0px;
                min-height: 65px;
                background: #2FBEF2;
                width: 100%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #fff;
                line-height: 65px;
                text-align: center;
            }


            .managerContainer .boxManagerModirAmel .bottomBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #fff;
                width: 40%;
                display: inline-block;
            }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer {
                    position: relative;
                    top: 10px;
                    right: 0px;
                    float: right;
                    min-height: 300px;
                    text-align: center;
                    width: 30px;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox {
                        position: relative;
                        float: right;
                        width: 55px;
                        height: 55px;
                        border-radius: 180px;
                        text-align: center;
                        margin-right: -20px;
                        background: #cc0000;
                        cursor: pointer;
                        margin-bottom: 5px;
                    }

                        .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox:hover {
                            background: #2FBEF2;
                        }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBox i {
                    color: #fff;
                    margin-top: 15px;
                    font-size: 25px;
                }

                .managerContainer .boxManagerModirAmel .bottomBox p {
                    float: right;
                    top: 0px;
                    width: 60%;
                    min-height: 30px;
                    line-height: 30px;
                    padding-right: 10%;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #333;
                    text-align: right;
                    direction: rtl;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox p i {
                        color: #2FBEF2;
                        font-size: 10pt;
                        margin-left: 10px;
                        margin-top: 5px;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.user {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.phone {
                        font-family: byekan;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.email {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.fax {
                        font-family: byekan;
                    }




        .managerContainer .boxManager {
            position: relative;
            top: 0px;
            float: none;
            width: 35%;
            margin-left: auto;
            margin-right: auto;
            display: inline-block;
            min-height: 400px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            border-radius: 4px;
            padding: 10px;
            margin: 1%;
            margin-top: 2.5%;
            margin-bottom: 2.5%;
        }

        .managerContainer .fourBox {
            width: 22%;
        }

        .managerContainer .boxManager .innertoBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 200px;
            width: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100px;
        }

        .managerContainer .boxManager .middleBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 55px;
            background: #2FBEF2;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            text-align: center;
        }


        .managerContainer .boxManager .bottomBox {
            position: relative;
            top: 0px;
            float: left;
            min-height: 145px;
            background: #fff;
            width: 100%;
            display: inline-block;
            direction: rtl;
        }

            .managerContainer .boxManager .bottomBox .circleBoxContainer {
                position: relative;
                top: 0px;
                left: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                min-height: 35px;
                display: inline-block;
                text-align: center;
            }

                .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox {
                    position: relative;
                    float: right;
                    margin-left: 5px;
                    width: 40px;
                    height: 40px;
                    border-radius: 180px;
                    text-align: center;
                    margin-top: -20px;
                    background: #00AEEF;
                    cursor: pointer;
                }

                    .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox:hover {
                        background: #cc0000;
                    }

            .managerContainer .boxManager .bottomBox .circleBox i {
                color: #fff;
                margin-top: 10px;
                font-size: 20px;
            }

            .managerContainer .boxManager .bottomBox p {
                position: relative;
                float: left;
                top: 0px;
                width: 90%;
                min-height: 20px;
                line-height: 20px;
                padding-right: 10%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #333;
                text-align: right;
                direction: rtl;
                margin: 0.5px;
            }

                .managerContainer .boxManager .bottomBox p i {
                    color: #2FBEF2;
                    font-size: 10pt;
                    margin-left: 10px;
                    margin-top: 5px;
                }

                .managerContainer .boxManager .bottomBox p.user {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.phone {
                    font-family: byekan;
                }

                .managerContainer .boxManager .bottomBox p.email {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.fax {
                    font-family: byekan;
                }


    .titleBox_Inf {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 130px;
        line-height: 130px;
        font-size: 14pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        text-align: center;
        direction: rtl;
    }


    .NewsFori {
        position: fixed;
        bottom: 0px;
        width: 20%;
        max-width: 300px;
        height: 180px;
        background: rgb(4,49,0);
        background: rgba(4,49,182,0.9);
        padding: 10px 20px 10px 10px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        z-index: 1000000000000;
        box-shadow: 1px 1px 1px gray;
        min-width: 300px;
        font-weight: 300;
    }




    .marqueeBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        height: 40px;
        z-index: 10000000000;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 11pt;
        color: #333;
        padding-top: 5px;
        direction: rtl;
    }



    .socialBox {
        position: fixed;
        float: left;
        top: 25%;
        min-width: 40px;
        background: rgb(191,189,192);
        background: rgba(191,189,192,0.5);
    }

        .socialBox ul {
            left: 0px;
            float: left;
            padding: 0;
            margin: 0;
            display: block;
        }

            .socialBox ul li {
                margin: 0;
                padding: 0;
                width: 40px;
                height: 40px;
                display: block;
            }

                .socialBox ul li a {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    text-decoration: none;
                    display: block;
                }

    html, body {
        padding: 0;
        margin: 0;
    }

    .mainPageScreen {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
        background: #06121E;
      
        
    }

      .mainPageScreen .mainPageScreen_child {
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        min-height :550px;
        display :block ;
        
    }

    .topWhiteBar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        min-height: 50px;
        display: inline-block;
        z-index: 100000;
      
    }

    .topWhiteBar_Container {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 55px;
        display: inline-block;
    }

    .topWhiteBar .main_ul {
        float: left;
        left: 0px;
        min-height: 55px;
    
    }

    .topWhiteBar .main_li {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .topWhiteBar iframe {
        position: relative;
        float: left;
        left: 0px;
        top: 0px;
        width: 40px;
        height: 35px;
        display: inline-block;
    }

    .topWhiteBar a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        min-height: 35px;
        line-height: 35px;
        -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: color 0.5s;
      
    }
    #searchText{
        display :none;
    }

        .topWhiteBar a i {
            font-size: 16pt;
            color: #fff;
            margin-right: 5px;
            -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
            transition: color 0.5s;
        }

        .topWhiteBar a:hover i {
            color: #00AEEF;
        }

        .topWhiteBar a:hover {
            color: #00AEEF;
        }

    .topWhiteBar i:hover {
        color: #00AEEF;
    }

    .main_li .topWhiteBar_DropDown {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 15px 15px 15px;
        background: #00AEEF;
        color: #fff;
    }

    .main_li .topWhiteBar_DropDown_Search {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 5px 15px 5px;
        background: #00AEEF;
        color: #fff;
        width: 215px;
    }

    /*.main_li:hover .topWhiteBar_DropDown
	{
		display:block ;
	}*/

    .topWhiteBar_DropDown li {
        display: block;
        margin: 0;
    }



    #btnLogin {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnLogin:hover {
            background: #fff;
            color: #00AEEF;
        }

    #btnSearch {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnSearch:hover {
            background: #fff;
            color: #00AEEF;
        }

    .topBar {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        background: none;
        display: inline-block;
        text-align: center;
        z-index: 11111111111111111111111111111111111111111111111111111111;
        height :140px;
        background :#0F2133;
    }

    .topBar_Container {
        position: relative;
        top: 0px;
        width: 98%;
        display: inline-block;
    }

        .topBar_Container .logoBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            cursor: pointer;
            width: 270px;
        }

    .logoBox img {
        position: relative;
        float: right;
        top: 0px;
        right: 0px;
    }

    .topBar_Container .menuPhoneBox {
        position: absolute ;
        top: 60px;
        right:0px;
        float: right;
        right: 10%;
        background: none;
    }

    .menuPhoneBox .phoneBox {
        position: relative;
        top: 0px;
        float: left;
        left: 20px;
        width: 100%;
        min-height: 50px;
        background: none;
    }

    .phoneBox a {
        position: absolute;
        float: left;
        left: 0px;
        bottom: 10px;
        padding: 10px 0px 10px 0px;
        font-family: byekan,arial;
        font-size: 16pt;
        color: #000;
        text-align: left;
        display: inline-block;
        width: 100%;
        height: 30px;
    }

    .phoneBox i {
        font-size: 20pt;
        color: #2FBEF2;
        margin-right: 10px;
    }

    .menuBox {
        position: relative;
        top: 0px;
        float: left;
        right: 0px;
        width: 100%;
        min-height: 60px;
        margin-bottom :50px;
    }

    .overSlide {
       background: #0a0909;
        background: linear-gradient(0deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 1) 94%, rgba(13, 13, 13, 0.99) 100%);
    }



    .name_TopBanner {
        position: absolute;
        top: 0;
        margin-top: 50px;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        width: 98%;
        min-height: 100px;
        font-family: iranyekanwebmediumfanum;
        font-size: 30pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: center ;
        background-clip: text;
        background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
        color: var(--color-background);
        font-size: var(24pt);
        font-weight: var(--font-weight);
        letter-spacing: var(--letter-spacing);
        padding: calc(--stroke-width / 2);
        -webkit-text-stroke-color: transparent;
        -webkit-text-stroke-width: var(--stroke-width);
    }

    @use postcss-preset-env {
        stage: 0;
    }

    :root {
        --color-background: #000119;
        --stroke-width: calc(1em / 16);
        --font-size: 30vmin;
        --font-weight: 700;
        --letter-spacing: calc(1em / 8);
    }

    * {
        box-sizing: border-box;
    }

    .length_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 120px;
        float: right;
        right: 20%;
        width: 80%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        color: #fff;
    }

    .summery_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 160px;
        margin-left :20%; 
        margin-right :20%;
        width: 60%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        font-weight: 500;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: justify;
        color: #fff;
        
    }

    .Link_TopBannerContainer {
        position: absolute;
        top: 0px;
        margin-top: 180px;
        float: right;
        right: 35%;
        width: 80%;
        min-height: 60px;
        line-height: 60px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        display :none;
    }

    .Link_TopBanner {
        position: relative;
        float: right;
        width: 150px;
        height: 45px;
        line-height: 45px;
        border-radius: 30px;
        
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        color: #fff;
        cursor: pointer;
        margin-top: 20px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
    }





        .Link_TopBanner:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    .video_Mainbox_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
        
    }

        .video_Mainbox_MainPage .video_ContainerTitle_MainPage {
            position: relative;
            top: 50px;
            text-align: center;
            width: 90%;
            min-height: 400px;
            display: inline-block;
            margin-bottom: 50px;
        }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .boxTitleVideoPage {
                position: relative;
                top: 50px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 50px;
                line-height: 50px;
            }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage {
                position: relative;
                top: 50px;
                width: 100%;
                height: 280px;
                display: inline-block;
                text-align: center;
                overflow :hidden ;
            }

                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 40%;
                    min-width :280px;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                  

                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 95%;
                            height: 95%;
                            margin-top: 1%;
                            margin-bottom: 1%;
                        }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 75%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 11pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 125px;
                                    height: 40px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 40px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 14pt;
                                        margin-top: 8px;
                                        margin-bottom: 8px;
                                    }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }

    .video_Mainbox_MainPage_other {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 350px;
        display: inline-block;
        text-align: center;
    }

        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other {
            position: relative;
            top: 50px;
            text-align: center;
            width: 90%;
            min-height: 350px;
            display: inline-block;
            margin-bottom: 50px;
        }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .boxTitleVideoPage {
                position: relative;
                top: 50px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 50px;
                line-height: 50px;
            }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage {
                position: relative;
                top: 50px;
                width: 100%;
                height: 300px;
                display: inline-block;
                text-align: center;
            }

                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 20%;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover {
                        position: relative;
                        margin-top: 20px;
                        margin-left: -30px;
                        margin-right: 0px;
                        width: 500px;
                        height: 250px;
                        z-index: 100000000000000000000000000000000000000000000000000000000000000000;
                    }

                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 95%;
                            height: 95%;
                            margin-top: 2%;
                            margin-bottom: 2%;
                        }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 75%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 115px;
                                    height: 30px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 30px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 35px;
                                    height: 35px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 12pt;
                                        margin-top: 8px;
                                        margin-bottom: 8px;
                                    }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }


#features{
    position :relative ;
    top:0px;
    left:0px;
    width :100%;
    min-height :650px;
    display :inline-block ;
    text-align :center ;
    margin-bottom :30px;
    
}

#features .containerBox{
    position :relative ;
    width :90%;
    height :650px;
    display :inline-block;
   
}

    #features .containerBox .slideBoxNav {
        position :relative  ;
        top:0px;
        left:0px;
        width:100%;
        display :block;
        left:0px;
        height :200px;
        overflow :hidden ;
    }

    .boxBoard {
        position: relative;
        top: 0px;
        width: 100%;
        border: 0;
        height: 600px;
        border-radius: 30px;
        margin-bottom: 150px;
    }

        .boxBoard h3 {
            margin: 0;
            padding: 0;
        }

    .boxBoard_masked {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 100000000000000000000000000000000;
        background: #0a0909;
        background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
    }

        .boxBoard_masked .mainBoradNewVideo {
            position: relative;
            top: 50px;
            bottom: 50px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 95%;
            display: inline-block;
            text-align: right;
        }

            .boxBoard_masked .mainBoradNewVideo .titleBoradNewVideo {
                position: relative;
                float: right;
                width: 100%;
                font-size: 18pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                min-height: 80px;
                line-height: 40px;
            }
            .contaiber_StaticBanner{
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        height :400px;
        display :block ;
    }

    .staticBananer_OtherPages {
        position: absolute;
        top: 140px;
        left: 0px;
        width: 100%;
        display: inline-block;
        min-height: 385px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .staticBananer_OtherPages .maskedstaticBananer_OtherPages {
            position: absolute;
            top: 0px;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #0a0909;
            background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
        }

        .staticBananer_OtherPages .pathBox_OtherPage {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            width: 80%;
            min-height: 140px;
            margin-top: 10%;
        }

            .staticBananer_OtherPages .pathBox_OtherPage .titlePath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 24pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-weight: 900;
                margin: 0;
            }

            .staticBananer_OtherPages .pathBox_OtherPage .textPath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 30px;
                line-height: 30px;
                font-weight: 600;
            }

                .staticBananer_OtherPages .pathBox_OtherPage .textPath span {
                    padding-left: 10px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 14pt;
                    color: #fff;
                    direction: rtl;
                    min-height: 30px;
                    line-height: 30px;
                }

    .VideoList_MainPage {
        position: relative;
        top: 150px;
        right: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
        margin-bottom :200px;
    }

        .VideoList_MainPage .VideoList_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 400px;
            display: inline-block;
            margin-top: 20px;
        }

            .VideoList_MainPage .VideoList_Container .box {
                position: relative;
                top: 0px;
                float: right;
                padding: 0;
                margin: 0;
                width: 46%;
                min-height: 300px;
                margin-right: 12px;
                margin-left: 12px;
                background: #0B1A2A;
                border-radius: 15px;
                padding-bottom: 0px;
                margin-bottom: 20px;
                padding-bottom :20px;
                
            }

                .VideoList_MainPage .VideoList_Container .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    width: 90%;
                    top: 25px;
                    bottom: 25px;
                    min-height: 480px;
                }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 100%;
                        height: 200px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        border-radius: 15px;
                        display: block;
                        overflow: hidden;
                    }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        height: 100px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 13pt;
                        font-weight: 700;
                        color: #00AEEF;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        cursor: pointer;
                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews:hover {
                            color: #cc0000;
                        }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .DateBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 30px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 12pt;
                        font-weight: 500;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                    }


                    .VideoList_MainPage .VideoList_Container .box .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        height: 50px;
                        direction: rtl;
                        line-height: 25px;
                        font-size: 10pt;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        overflow: hidden;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: left;
                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore {
                            position: relative;
                            float: right;
                            width: 150px;
                            height: 55px;
                            line-height: 55px;
                            border-radius: 30px;
                            
                            text-align: center;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 12pt;
                            color: #fff;
                            cursor: pointer;
                            margin-top: 20px;
                            display: block;
                            background-size: 200% auto;
                            background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                            margin-bottom: 20px;
                            direction: rtl;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore:hover {
                                background-position: right center;
                                color: #fff;
                                text-decoration: none;
                            }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox {
                        display: block;
                    }


                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 90%;
                            height: 90%;
                            margin-top: 1%;
                            margin-bottom: 1%;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 80%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 11pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 12pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 12pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 14pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 125px;
                                    height: 40px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 11pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 40px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                    cursor: pointer;
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 14pt;
                                        margin-top: 8px;
                                        margin-bottom: 12px;
                                    }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }




    .comment_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        text-align: center;
    }

        .comment_Mainpage .comment_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 300px;
            display: inline-block;
        }

            .comment_Mainpage .comment_Container .title_Comment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-size: 16pt;
                font-weight: 900;
                font-family: iranyekanwebmediumfanum;
                direction: rtl;
                text-align: right;
            }

            .comment_Mainpage .comment_Container .comment_SmallBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 60%;
                min-height: 130px;
                text-align: right;
            }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_SmallBoxTitle {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 40px;
                    line-height: 40px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_textarea {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 165px;
                    line-height: 20px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #888;
                    direction: rtl;
                    padding: 10px;
                    border: 1px solid #fff;
                    border-radius: 10px;
                    resize: none;
                    display: block;
                    background: none;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    text-align: right;
                    margin-top: 20px;
                }

                    .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 160px;
                        height: 40px;
                        border-radius: 30px;
                        background: #cc0000;
                        color: #fff;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 11pt;
                        border: 0;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }



    .MainPage_Register {
        position: relative;
        top: 100px;
        left: 0px;
        float: right;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        margin-bottom :150px;
    }

        .MainPage_Register .container_Register {
            position: relative;
            top: 100px;
            width: 50%;
            min-height: 400px;
            display: inline-block;
            background: #0B1A2A;
            border-radius: 15px;
            padding: 20px;
        }

            .MainPage_Register .container_Register .title_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: center;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-weight: 900;
                direction: rtl;
                font-size: 16pt;
                font-family: iranyekanwebmediumfanum;
            }

            .MainPage_Register .container_Register .caption_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                margin-top: 20px;
            }

            .MainPage_Register .container_Register .acceptLaw {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 20px;
                height: 20px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                margin: 0;
                margin-top: 20px;
            }

                .MainPage_Register .container_Register .acceptLaw span {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: center;
                }

                .MainPage_Register .container_Register .acceptLaw a {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #cc0000;
                    direction: rtl;
                    text-align: center;
                    text-decoration: none;
                    margin-right: 5px;
                }


            .MainPage_Register .container_Register .Input_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                border: 1px solid #fff;
                border-radius: 30px;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .checkBox_Register {
                position: relative;
                top: 0px;
                float: right;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .lawLink_Register {
                position: relative;
                top: 0px;
                float: right;
                margin-right: 5px;
                line-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
                text-decoration: none;
            }

            .MainPage_Register .container_Register .save_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 150px;
                height: 40px;
                line-height: 40px;
                background-size: 200% auto;
                background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                cursor: pointer;
                color: #fff;
                border-radius: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                border: 0;
            }

                .MainPage_Register .container_Register .save_Register:hover {
                    background-position: right center;
                    color: #fff;
                    text-decoration: none;
                }

    .mainpage_LawRegister {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

    .textLogin {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #fff;
        width: 100%;
        text-align: right;
        direction: rtl;
        margin-top: 40px;
    }

    .LinkRegister {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #cc0000;
        text-align: right;
        direction: rtl;
        text-decoration: none;
    }

    .linkForgetPassword {
        position: relative;
        top: 0px;
        float: right;
        min-height: 40px;
        line-height: 40px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        color: #fff;
        direction: rtl;
        width: 100%;
        text-align: right;
        text-decoration: none;
    }

        .linkForgetPassword a {
            top: 0px;
            min-height: 40px;
            line-height: 40px;
            font-family: iranyekanwebmediumfanum;
            font-size: 10pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            text-decoration: none;
        }

            .linkForgetPassword a:hover {
                color: #cc0000;
            }

    .okButtonAlert {
        position: relative;
        float: none;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #2FBEF2;
        color: #fff;
        cursor: pointer;
        border: 0;
        border-radius: 10px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        display: inline-block;
    }

        .okButtonAlert:hover {
            background: #2FBEF2;
        }

    .mainpage_LawRegister .child {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #0B1A2A;
        width: 90%;
        height: 500px;
        border-radius: 15px;
        overflow: auto;
        padding: 20px;
        font-family: iranyekanwebmediumfanum;
        font-size: 11pt;
        line-height: 40px;
        text-align: justify;
        direction: rtl;
        color: #fff;
    }

        .mainpage_LawRegister .child a {
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            height: 40px;
            width: 40px;
            text-align: center;
        }

            .mainpage_LawRegister .child a i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 18pt;
            }

    /**/
    .mainpage_saveAlert {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

        .mainpage_saveAlert .child {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #cc0000;
            width: 90%;
            max-width: 300px;
            height: 250px;
            border-radius: 15px;
            overflow: auto;
            padding: 30px;
            font-family: iranyekanwebmediumfanum;
            font-size: 11pt;
            line-height: 35px;
            text-align: center;
            direction: rtl;
            color: #fff;
            overflow: hidden;
        }

            .mainpage_saveAlert .child a {
                position: absolute;
                top: 0px;
                left: 0px;
                display: block;
                height: 40px;
                width: 40px;
                text-align: center;
            }

                .mainpage_saveAlert .child a i {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    color: #fff;
                    font-size: 18pt;
                }

    #UserPanel {
        cursor: pointer;
        width: 80px;
        direction: rtl;
    }

    .iconPanelUser {
        display: block;
        border-radius: 180px;
        text-decoration: none;
        background: none;
        text-align: center;
    }

        .iconPanelUser i {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            font-size: 16pt;
            color: #fff;
            margin-top: 5px;
        }

    .userPanelBox {
        padding: 0;
        z-index: 0;
        margin-top: -1px;
        display: none;
        float: left;
        position: relative;
        right: -999em;
        width: 150px;
        height: 0;
        -webkit-transition: height 0.5s,top 0.7s,visibility 5s;
        transition: height 0.5s,top 0.7s,visibility 5s;
        padding: 0 0 0 0;
        padding-bottom: 30px;
        border: 0px solid #D8B442;
        border-radius: 0px;
        -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
        -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
        -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
        -o-transition: top 0.2s ease, opacity 0.2s ease-in;
        transition: top 0.2s ease, opacity 0.2s ease-in;
        background: #0B1A2A;
        box-shadow: 1px 10px 10px #000;
    }

    #UserPanel:hover .userPanelBox {
        display: block;
        right: 0;
        height: auto;
        z-index: 10000;
    }

    .userPanelBox ul {
        display: block;
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .userPanelBox li {
        padding: 0;
        margin: 0;
        width: 100%;
        padding-right: 10px;
        height: 30px;
        line-height: 30px;
        text-align: right;
        top: 0px;
        list-style: none;
    }

    .userPanelBox ul li a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #fff;
    }

    userPanelBox ul li:hover a {
        color: #D8B442;
    }

    .video_MainPage_showComment {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 500px;
        display: inline-block;
        text-align: center;
    }

        .video_MainPage_showComment .video_Container_showComment {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 90%;
            min-height: 500px;
        }

            .video_MainPage_showComment .video_Container_showComment .video_title_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                text-align: right;
                font-weight: 900;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
            }

                .video_MainPage_showComment .video_Container_showComment .video_title_showComment a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 40px;
                    height: 40px;
                    display: inline-block;
                    text-align: center;
                    background: none;
                    border: 2px solid #fff;
                    border-radius: 180px;
                    margin-top: 5px;
                    margin-left: 10px;
                }

                    .video_MainPage_showComment .video_Container_showComment .video_title_showComment a i {
                        margin-top: 10px;
                        font-size: 14pt;
                        color: #fff;
                    }

            .video_MainPage_showComment .video_Container_showComment .video_text_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 90%;
                min-height: 80px;
                line-height: 30px;
                text-align: right;
                font-weight: 500;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 12pt;
                border-bottom: 1px solid #999;
            }


    .paging_ListProduct_Container {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        direction: rtl;
        line-height: 40px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .moshahde-kalahaie-bishtar {
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum;
        color: rgb(153,153,153);
        border: 0px solid gray;
        padding: 10px;
        background: #0B1A2A;
        border-radius: 5px;
        text-decoration: none;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
    }

        .moshahde-kalahaie-bishtar:hover {
            border: 0;
            background: #cc0000;
            color: #fff;
        }

    .pagingNumberBox {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #0B1A2A;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

        .pagingNumberBox:hover {
            background: #cc0000;
        }

    .pagingNumberBox_select {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #cc0000;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

    .video_Details_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 745px;
        display: inline-block;
        text-align: center;
    }

        .video_Details_Mainpage .frameVideoDetails {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 745px;
            display: inline-block;
        }

        .video_Details_Mainpage .video_Details_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 500px;
            width: 100%;
            margin-top: 50px;
        }

            .video_Details_Mainpage .video_Details_Container .titleVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: right;
                font-size: 20pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 100px;
                min-height: 100px;
                font-weight: 900;
            }

            .video_Details_Mainpage .video_Details_Container .summeryVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 30px;
                min-height: 80px;
                font-weight: 500;
                margin-bottom: 50px;
            }

            .video_Details_Mainpage .video_Details_Container .ItemVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 40px;
                min-height: 40px;
                font-weight: 500;
                width: 100%;
            }

            .video_Details_Mainpage .video_Details_Container .shareContainer {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 80px;
                line-height: 80px;
                display: inline-block;
                margin-top: 50px;
            }

                .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle {
                    position: relative;
                    float: right;
                    margin-left: 10px;
                    width: 45px;
                    height: 45px;
                    border-radius: 360px;
                    background: #fff;
                    display: inline-block;
                    border: 4px solid gray;
                    cursor: pointer;
                    -webkit-transition: background 1s ease;
                    -moz-transition: background 1s ease;
                    text-decoration: none;
                }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover {
                        background: #cc0000;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle i {
                        color: #cc0000;
                        margin-top: 8px;
                        font-size: 16pt;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover i {
                        color: #fff;
                    }

    .shimmer-demo {
        padding: 0px;
        display: flex;
        justify-content: inherit;
        background: none;
        border-radius: 12px;
        text-align: right;
    }

    .shimmer-text {
        position: relative;
        font-size: 24px;
        font-weight: 800;
        color: #fff;
        overflow: hidden;
    }

        .shimmer-text::before {
            content: "";
            position: absolute;
            top: 0;
            left: -120%;
            width: 60%;
            height: 100%;
            background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.9), transparent );
            filter: blur(6px);
            animation: shimmerMove 3s infinite;
        }

    @keyframes shimmerMove {
        0% {
            left: -120%;
        }

        100% {
            left: 120%;
        }
    }


    .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo {
        position: relative;
        float: right;
        width: 100%;
        direction: rtl;
        min-height: 50px;
        line-height: 50px;
        margin: 0;
    }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .viewBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            background: rgb(102,102,102);
            background: rgba(102,102,102,0.6);
            text-align: center;
            color: #fff;
            border-radius: 5px;
            width: 90px;
            margin-left: 10px;
            height: 40px;
            line-height: 40px;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .lengthBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .DateBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .summeryBoxNewVideo {
            position: relative;
            float: right;
            font-size: 11pt;
            font-family: iranyekanwebmediumfanum;
            text-align: justify;
            color: #fff;
            line-height: 30px;
            direction: rtl;
            width: 90%;
            font-weight: 500;
            height :95px;
            overflow :hidden ;
        }

    .Link_newVideo {
        position: relative;
        float: right;
        width: 190px;
        height: 55px;
        line-height: 55px;
        border-radius: 30px;
        
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        color: #fff;
        cursor: pointer;
        margin-top: 20px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
        direction: rtl;
    }





        .Link_newVideo:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    .video_box_Board {
        position: relative;
        top: 0px;
        float: right;
        padding: 0;
        margin: 0;
        width: 40%;
        display: block;
        min-width :280px;
        border-radius: 10px;
        border: 4px solid #fff;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
        -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
    }

        .video_box_Board h3 {
            margin: 0;
            padding: 0;
            border: 0;
        }

        .video_box_Board img {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 20px;
            border: 0;
        }

        .video_box_Board .maskVideoBox {
            position: absolute;
            top: 0px;
            left: 0px;
            padding: 0;
            margin: 0;
            display: none;
            width: 100%;
            height: 100%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.8);
            text-align: center;
        }

        .video_box_Board:hover .maskVideoBox {
            display: block;
        }



            .video_box_Board:hover .maskVideoBox .boxContent {
                position: relative;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                height: 90%;
                margin-top: 2%;
                margin-bottom: 2%;
            }

                .video_box_Board:hover .maskVideoBox .boxContent .titleContentMask {
                    position: relative;
                    float: right;
                    width: 80%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 10pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                    font-weight :500;
                }

                .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask {
                    position: relative;
                    float: right;
                    width: 60%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 10pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                    margin: 0;
                   
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-left: 5px;
                        background: rgb(153,153,153);
                        background: rgba(153,153,153,0.5);
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-right: 10px;
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 120px;
                        height: 30px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 9pt;
                        direction: rtl;
                        background: #CC0000;
                        color: #fff;
                        border-radius: 30px;
                        cursor: pointer;
                        text-align: center;
                        line-height: 30px;
                        margin-top: 5px;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }

                .video_box_Board:hover .maskVideoBox .boxContent .boxShare {
                    position: absolute;
                    float: left;
                    width: 40px;
                    height: 100%;
                    min-height: 250px;
                    padding: 0;
                    margin: 0;
                    top: 0px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 40px;
                        height: 40px;
                        border-radius: 360px;
                        border: 4px solid #999999;
                        background: #fff;
                        text-align: center;
                        color: #cc0000;
                        display: block;
                        margin-top: 4px;
                        -webkit-transition: background-color 0.5s ease;
                        -moz-transition: background-color 0.5s ease;
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                            color: #cc0000;
                            font-size: 12pt;
                            margin-top: 8px;
                            margin-bottom: 8px;
                        }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                            background: #cc0000;
                        }

                            .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                color: #fff;
                            }



    /*menu Section*/
    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #menu-button {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1000;
    }

        #cssmenu:after,
        #cssmenu > ul:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

        #cssmenu #menu-button {
            display: none;
        }

    #cssmenu {
        width: auto;
        font-family: iranyekanwebmediumfanum,arial;
        background: none;
    }

        #cssmenu > ul {
        }

        #cssmenu.align-right > ul > li {
            float: right;
        }

        #cssmenu > ul > li {
            float: right;
            display: inline-block;
        }

        #cssmenu.align-center > ul {
            float: none;
            text-align: center;
        }

            #cssmenu.align-center > ul > li {
                float: none;
            }

        #cssmenu.align-center ul ul {
            text-align: center;
        }

        #cssmenu > ul > li > a {
            padding-left: 12px;
            padding-right: 12px;
            padding-top: 25px;
            padding-bottom: 25px;
            border-right: 0px solid #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            text-align: center;
        }

            #cssmenu > ul > li:hover > a,
            #cssmenu > ul > li > a:hover,
            #cssmenu > ul > li.active > a {
                border-bottom: 4px solid #2FBEF2;
                color: #2FBEF2;
            }

        #cssmenu > ul > li.has-sub > a {
        }

            #cssmenu > ul > li.has-sub > a::after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                right: 0px;
                top: 22px;
            }

        #cssmenu > ul > li.has-sub.active > a::after,
        #cssmenu > ul > li.has-sub:hover > a {
        }

        #cssmenu ul ul {
            position: absolute;
            left: -9999px;
            top: 60px;
            padding-top: 6px;
            font-size: 12px;
            opacity: 0;
            -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
            -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
            -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
            -o-transition: top 0.2s ease, opacity 0.2s ease-in;
            transition: top 0.2s ease, opacity 0.2s ease-in;
        }

        #cssmenu.align-right ul ul {
            text-align: right;
        }

        #cssmenu > ul > li > ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-bottom-color: #2FBEF2;
            top: -4px;
            left: 40px;
        }

        #cssmenu.align-right > ul > li > ul::after {
            left: auto;
            right: 20px;
        }

        #cssmenu ul ul ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-right-color: #2FBEF2;
            top: 11px;
            right: -14px;
        }

        #cssmenu.align-right ul ul ul::after {
            border-right-color: transparent;
            border-left-color: #ffffff;
            left: auto;
            right: -1px;
        }

        #cssmenu > ul > li > ul {
            top: 120px;
        }

        #cssmenu > ul > li:hover > ul {
            top: 68px;
            left: 0;
            opacity: 1;
        }

        #cssmenu.align-right > ul > li:hover > ul {
            left: auto;
            right: 0;
        }

        #cssmenu ul ul ul {
            padding-top: 0;
            padding-left: 6px;
        }

        #cssmenu.align-right ul ul ul {
            padding-right: 6px;
        }

        #cssmenu ul ul > li:hover > ul {
            left: -208px;
            top: 0;
            opacity: 1;
        }

        #cssmenu.align-right ul ul > li:hover > ul {
            left: auto;
            right: 100%;
            opacity: 1;
        }

        #cssmenu ul ul li a {
            text-decoration: none;
            font-weight: 400;
            font-size: 10pt;
            padding-top: 12px;
            padding-bottom: 12px;
            width: 200px;
            color: #fff;
            text-align: right;
            background: #0B1A2A;
            direction: rtl;
            box-shadow: 1px 10px 10px #000;
            padding-right: 20px;
            -webkit-transition: color 0.8s;
            transition: color 0.8s;
        }

        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.active > a {
            color: #2FBEF2;
        }

        #cssmenu ul ul li:first-child > a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        #cssmenu ul ul li:last-child > a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        #cssmenu > ul > li > ul::after {
            position: absolute;
            display: block;
        }

        #cssmenu ul ul li.has-sub > a::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-left-color: #2FBEF2;
            right: 17px;
            top: 14px;
        }

        #cssmenu.align-right ul ul li.has-sub > a::after {
            border-left-color: transparent;
            border-right-color: #2FBEF2;
            right: auto;
            left: 17px;
        }

        #cssmenu ul ul li.has-sub.active > a::after,
        #cssmenu ul ul li.has-sub:hover > a::after {
            border-left-color: #2FBEF2;
        }

        #cssmenu.align-right ul ul li.has-sub.active > a::after,
        #cssmenu.align-right ul ul li.has-sub:hover > a::after {
            border-right-color: #2FBEF2;
            border-left-color: transparent;
        }

    .bannerContainer {
        position: absolute;
        top: 140px;
        left: 0px;
        width: 100%;
        min-height: 760px;
        background: none;
        display: inline-block;
    }

    .Elamie_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: #F8FAFC;
        min-height: 554px;
        border-top: 4px solid #fff;
        display: inline-block;
        text-align: center;
    }

        .Elamie_MainPage .Elamie_Container {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            min-height: 554px;
        }

            .Elamie_MainPage .Elamie_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
            }

                .Elamie_MainPage .Elamie_Container .rightBox .sectionPart {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    min-height: 554px;
                }


                .Elamie_MainPage .Elamie_Container .rightBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 115px;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    min-height: 60px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    direction: rtl;
                    text-align: right;
                    border-bottom: 1px solid #D6D6D6;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .ContentBox {
                    position: relative;
                    top: 10px;
                    float: right;
                    width: 90%;
                    min-height: 160px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #000;
                    direction: rtl;
                    text-align: justify;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: right;
                    width: 90%;
                    min-height: 110px;
                    line-height: 110px;
                }

                    .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton {
                        position: relative;
                        float: left;
                        width: 30%;
                        max-width: 200px;
                        min-height: 65px;
                        text-align: center;
                        color: #fff;
                        font-size: 10pt;
                        color: #fff;
                        border-style: solid;
                        border-width: 0px;
                        background: #2FBEF2;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum,arial;
                    }

                        .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton:hover {
                            background: #cc0000;
                        }

            .Elamie_MainPage .Elamie_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
              
            }

                .Elamie_MainPage .Elamie_Container .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 0px;
                    display :none;
                }

                .Elamie_MainPage .Elamie_Container .leftBox .ImagePic {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: left;
                    width: 430px;
                    min-height: 340px;
                    background-image: url(../images/bg-pic.jpg);
                    background-repeat: no-repeat;
                    background-position: center center;
                    margin-left: 10px;
                }

                    .Elamie_MainPage .Elamie_Container .leftBox .ImagePic img {
                        position: absolute;
                        top: 40px;
                        left: 40px;
                        width: 430px;
                        min-height: 340px;
                    }

    .news_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        height: 700px;
        display: inline-block;
        text-align: center;
        margin-top: 150px;
        overflow :hidden ;
    }

        .news_MainPage .news_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 600px;
            display: inline-block;
        }

    .News_Container .CommentBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 30px;
    }

        .News_Container .CommentBox p {
            margin: 0;
            padding: 0;
        }

    #btn_SendComment {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        border-width: 0;
        background: #888;
        color: #fff;
        cursor: pointer;
        padding: 5px 20px 5px 20px;
    }

        #btn_SendComment:hover {
            background: #2FBEF2;
        }

    .news_MainPage .news_Container .titleBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 130px;
        line-height: 130px;
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        text-align: right;
        direction: rtl;
    }

    .news_MainPage .news_Container .box {
        position: relative;
        top: 0px;
        float: right;
        padding: 0;
        margin: 0;
        width: 40%;
        min-width :280px;
        min-height: 500px;
        margin-right: 5px;
        margin-left: 5px;
        background: #0B1A2A;
        border-radius: 15px;
        padding-bottom: 50px;
    }

        .news_MainPage .news_Container .box .innerBox {
            position: relative;
            top: 0px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            top: 25px;
            bottom: 25px;
            min-height: 480px;
        }



            .news_MainPage .news_Container .box .innerBox .picBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
                min-height: 200px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                border-radius: 15px;
            }



            .news_MainPage .news_Container .box .innerBox .titleBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 70px;
                direction: rtl;
                line-height: 30px;
                font-size: 11pt;
                font-weight: 700;
                color: #00AEEF;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                padding-top: 10px;
                padding-bottom: 10px;
                cursor: pointer;
            }

                .news_MainPage .news_Container .box .innerBox .titleBoxnews:hover {
                    color: #cc0000;
                }

            .news_MainPage .news_Container .box .innerBox .DateBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                direction: rtl;
                line-height: 30px;
                font-size: 11pt;
                font-weight: 500;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
            }


            .news_MainPage .news_Container .box .innerBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 80px;
                direction: rtl;
                line-height: 25px;
                font-size: 10pt;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: justify;
            }

            .news_MainPage .news_Container .box .innerBox .ButtonBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                text-align: left;
            }

                .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore {
                    position: relative;
                    float: right;
                    width: 150px;
                    height: 45px;
                    line-height: 45px;
                    border-radius: 30px;
                    
                    text-align: center;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 12pt;
                    color: #fff;
                    cursor: pointer;
                    margin-top: 20px;
                    display: block;
                    background-size: 200% auto;
                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    margin-bottom: 20px;
                }

                    .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore:hover {
                        background-position: right center;
                        color: #fff;
                        text-decoration: none;
                    }

    .History_Box {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 175px;
        display: inline-block;
        text-align: center;
        margin-top: 20px;
    }

        .History_Box .History_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 175px;
            display: inline-block;
        }

            .History_Box .History_Container .right_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 20%;
                min-height: 175px;
                padding: 0;
                margin: 0;
            }

                .History_Box .History_Container .right_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    min-height: 175px;
                    background: #F8FAFC;
                    background-image: url(../images/LogoHistory.png);
                    background-repeat: no-repeat;
                    background-position: center center;
                }

            .History_Box .History_Container .left_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 175px;
                padding: 0;
                margin: 0;
                background: #F8FAFC;
                display: inline-block;
                text-align: center;
            }

                .History_Box .History_Container .left_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    margin-top: 20px;
                    width: 80%;
                    min-height: 125px;
                    display: inline-block;
                }

                    .History_Box .History_Container .left_LogoBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 55px;
                        line-height: 55px;
                        text-align: right;
                        color: #2FBEF2;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 14pt;
                        direction: rtl;
                    }


                    .History_Box .History_Container .left_LogoBox .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 75px;
                        line-height: 30px;
                        text-align: right;
                        color: #000;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 11pt;
                        direction: rtl;
                    }

    .abountBox_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 230px;
        display: inline-block;
        text-align: center;
        margin-bottom: 40px;
    }

        .abountBox_Mainpage .abountBox_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 230px;
            display: inline-block;
        }

            .abountBox_Mainpage .abountBox_Container .box {
                position: relative;
                top: 0px;
                padding: 0px;
                margin: 0px;
                float: right;
                width: 50%;
                min-height: 230px;
            }

                .abountBox_Mainpage .abountBox_Container .box .rightBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: right;
                    right: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: right 0.5s;
                    transition: right 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view1 {
                    right: 0px;
                }

                .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 85%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 15%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                .abountBox_Mainpage .abountBox_Container .box .leftBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: left;
                    left: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: left 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: left 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view2 {
                    left: 0px;
                }


                .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 80%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-image: url(../images/CheshmAndazIcon.png);
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

    .Login_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 520px;
        display: inline-block;
        background: #A8BFC5;
        text-align: center;
        background-image: url(../images/back_mainPage_LoginPersonel.jpg);
        background-repeat: repeat-y;
    }

        .Login_MainPage .Login_Container {
            position: relative;
            top: 0px;
            width: 75%;
            min-height: 520px;
            display: inline-block;
        }

            .Login_MainPage .Login_Container .Login_Header {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 18pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                margin-top: 30px;
                color: #fff;
            }

            .Login_MainPage .Login_Container .RightBox {
                position: relative;
                top: -100px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
                -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                transition: top 1s;
            }

            .Login_MainPage .Login_Container .view3 {
                top: 0px;
            }

            .Login_MainPage .Login_Container .RightBox .innerBox {
                position: relative;
                top: 0px;
                margin-top: 100px;
                min-height: 280px;
                float: right;
                width: 100%;
            }

                .Login_MainPage .Login_Container .RightBox .innerBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    font-size: 14px;
                    font-family: iranyekanwebmediumfanum,arial;
                    text-align: right;
                    direction: rtl;
                    color: #fff;
                }

                .Login_MainPage .Login_Container .RightBox .innerBox iframe {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 200px;
                    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: top 0.5s;
                }




            .Login_MainPage .Login_Container .LeftBox {
                position: relative;
                top: 0px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
            }

                .Login_MainPage .Login_Container .LeftBox .picBox {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    top: 0px;
                    -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                    transition: top 1s;
                }

                .Login_MainPage .Login_Container .LeftBox .view4 {
                    top: 100px;
                }

    .Gallery_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 660px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
    }



        .Gallery_MainPage .topBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }

        .Gallery_MainPage .view5 {
            top: 0px;
        }

        .Gallery_MainPage .topBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .topBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBoxTitle {
                    position: absolute;
                    left: 0px;
                    width: 100%;
                    height: 15%;
                    display: none;
                    text-align: center;
                    background: #2FBEF2;
                    background: rgb(1,165,115);
                    background: rgb(1,165,115,0.8);
                    color: #fff;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    bottom: -100px;
                    -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: bottom 0.5s;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBoxTitle {
                    bottom: 0px;
                    display: inline-block;
                }


                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                    font-size: 20pt;
                    font-family: iranyekanwebmediumfanum,arial;
                }

                    .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

        .Gallery_MainPage .bottomBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }



        .Gallery_MainPage .view6 {
            top: 0px;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBoxTitle {
            position: absolute;
            left: 0px;
            width: 100%;
            height: 15%;
            display: none;
            text-align: center;
            background: #2FBEF2;
            background: rgb(1,165,115);
            background: rgb(1,165,115,0.8);
            color: #fff;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            bottom: -100px;
            -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
            transition: bottom 0.5s;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBoxTitle {
            bottom: 0px;
            display: inline-block;
        }


        .Gallery_MainPage .bottomBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .bottomBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                }

                    .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

    .Law_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 480px;
        background: #414550;
        display: inline-block;
        text-align: center;
    }

        .Law_MainPage .Law_Continer {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 80%;
            min-height: 480px;
        }

            .Law_MainPage .Law_Continer .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 190px;
                line-height: 190px;
                text-align: center;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 16pt;
                color: #fff;
            }

            .Law_MainPage .Law_Continer .box {
                position: relative;
                float: right;
                top: 0px;
                width: 48%;
                min-height: 130px;
                padding: 0;
                margin: 0;
                margin-left: 1%;
            }

                .Law_MainPage .Law_Continer .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 80px;
                    line-height: 80px;
                    width: 100%;
                    border-bottom: 2px solid #5F636C;
                }

                    .Law_MainPage .Law_Continer .box .innerBox .ArrowBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 10%;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox i {
                            position: relative;
                            top: 10px;
                            font-size: 45px;
                            color: #2FBEF2;
                        }


                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus {
                            position: relative;
                            top: 30px;
                            font-size: 25px;
                            color: #FFF;
                            cursor: pointer;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus:hover {
                                color: #FD5400;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .detBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: justify;
                        line-height: 25px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        display: block;
                        direction: rtl;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .detBox a {
                            text-align: justify;
                            line-height: 25px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #fff;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .detBox a:hover {
                                color: #D7D7D7;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .ContentTextBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 80%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 12pt;
                        color: #fff;
                        text-align: right;
                        direction: rtl;
                    }

    .certificates_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: #fff;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-bottom :100px;
    }

        .certificates_MainPage .certificates_Container {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 600px;
            display: inline-block;
        }

            .certificates_MainPage .certificates_Container .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 200px;
                line-height: 200px;
                font-size: 16pt;
                color: #fff;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
            }

            .certificates_MainPage .certificates_Container .MainBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                min-height: 600px;
            }

    .maskedLiveBox {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.8);
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_right {
        position: relative;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        top: 0px;
        width: 100%;
        padding: 0;
        margin: 0;
        min-height: 450px;
       
    }


        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .titleLive {
            position: relative;
            float: right;
            width: 90%;
            font-size: 18pt;
            font-family: iranyekanwebmediumfanum;
            font-weight: 900;
            direction: rtl;
            text-align: right;
            min-height: 90px;
            line-height: 90px;
            color: #fff;
        }



        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox {
            position: relative;
            float: right;
            width: 280px;
            direction: rtl;
            text-align: right;
            min-height: 70px;
            line-height: 70px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox iframe {
                position: relative;
                top: 0px;
                left: 0px;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 70px;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox {
            position: relative;
            float: right;
            width: 80%;
            direction: rtl;
            text-align: right;
            min-height: 30px;
            line-height: 30px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .dateLive {
                position: relative;
                top: 0px;
                float: right;
                background: rgb(102,102,102);
                background: rgba(102,102,102,0.5);
                color: #fff;
                font-size: 12pt;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                padding-left: 8px;
                padding-right: 8px;
                margin-left: 10px;
                direction: rtl;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .summeryLive {
            position: relative;
            float: right;
            width: 90%;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            line-height: 25px;
            color: #fff;
            margin: 0;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            margin-top: 15px;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .timeLive {
            position: relative;
            top: 0px;
            float: right;
            color: #fff;
            font-size: 12pt;
            direction: ltr;
            font-family: iranyekanwebmediumfanum;
            padding-left: 8px;
            padding-right: 8px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left {
        position: relative;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        top: 0px;
        width: 100%;
        padding: 0;
        margin: 0;
        min-height: 600px;
        margin-bottom:180px;
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left .posterBox {
            position: relative;
            float: none;
            margin-left: auto;
            margin-right: auto;
            border-radius: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: block;
            min-height: 400px;
            margin-top: 5px;
            margin-bottom: 100px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox {
        position: relative;
        top: 0px;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        width: 100%;
        min-height: 320px;
        border: 18px solid #D7D7D7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 0%;
            height: 0%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.5);
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            cursor: pointer;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox:after {
                content: "\f00e";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                /*--adjust as necessary--*/
                color: #fff;
                font-size: 35px;
                position: absolute;
                float: none;
                margin-left: auto;
                margin-right: auto;
                top: -45%;
                display: none;
                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: margin-top 1.5s;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox:after {
            display: inline-block;
            top: 45%;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox {
            width: 100%;
            height: 100%;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .titleBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 65px;
        line-height: 65px;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        background-image: url(../images/line_certificates.png);
        background-repeat: no-repeat;
        background-position: center right;
        text-align: center;
        width: 100%;
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .ContentBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 100px;
        line-height: 25px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        text-align: justify;
        width: 100%;
        right: 20px;
    }

    .Marakez_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 530px;
        display: inline-block;
        background-image: url(../images/back_Marakez.png);
        background-repeat: repeat;
        text-align: center;
    }

        .Marakez_MainPage .Marakez_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 530px;
            width: 80%;
        }

            .Marakez_MainPage .Marakez_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 55px;
            }

            .Marakez_MainPage .Marakez_Container .MainBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 485px;
                display: inline-block;
                margin-top: 50px;
            }

                .Marakez_MainPage .Marakez_Container .MainBox .rightBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 60px;
                        line-height: 60px;
                        font-size: 11pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                        font-weight: 700;
                    }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 110px;
                        line-height: 35px;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        direction: rtl;
                    }


                .Marakez_MainPage .Marakez_Container .MainBox .leftBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 96%;
                        min-height: 400px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        cursor: pointer;
                    }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            width: 0%;
                            height: 0%;
                            background: rgb(0,0,0);
                            background: rgba(0,0,0,0.5);
                            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                            transition: height 0.5s;
                        }

                            .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox:after {
                                content: "\f00e";
                                font-family: FontAwesome;
                                font-style: normal;
                                font-weight: normal;
                                text-decoration: inherit;
                                /*--adjust as necessary--*/
                                color: #fff;
                                font-size: 35px;
                                position: absolute;
                                float: none;
                                margin-left: auto;
                                margin-right: auto;
                                top: -45%;
                                display: none;
                                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                                transition: margin-top 1.5s;
                            }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox:after {
                            display: inline-block;
                            top: 45%;
                        }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox {
                            width: 100%;
                            height: 100%;
                        }

    .Contact_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }

        .Contact_MainPage .Contact_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 700px;
            display: inline-block;
        }

            .Contact_MainPage .Contact_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 120px;
            }

            .Contact_MainPage .Contact_Container .rightBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view7 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox1 {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                margin-top: 50px;
            }

            .Contact_MainPage .Contact_Container .rightBox .FrameBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 250px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                top: 50px;
                overflow: hidden;
            }

                .Contact_MainPage .Contact_Container .rightBox .FrameBox iframe {
                    position: absolute;
                    margin-top: -60px;
                    float: right;
                    width: 100%;
                    height: 100%;
                    display: block;
                    min-height: 250px;
                }

            .Contact_MainPage .Contact_Container .leftBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view9 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .leftBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 500px;
                border-right: 1px solid #F8FAFC;
                padding: 10px 10px 10px 10px;
            }

    .footer_mainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 260px;
        display: inline-block;
        text-align: center;
        background: #0B1A2A;
       
    }

        .footer_mainPage .footer_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 95%;
            border-bottom: 0px solid #62676D;
            min-height: 220px;
             margin-bottom :10px;
        }

            .footer_mainPage .footer_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 60px;
                width: 100%;
            }

            .footer_mainPage .footer_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 100%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                background-repeat: no-repeat;
                background-position: top right;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;
                
            }

            .footer_mainPage .footer_Container .view10 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 100%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;

            }

            .footer_mainPage .footer_Container .view11 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox .menuBox {
                position: relative;
                top: 0px;
                float: right;
                border-right: 0px solid #fff;
                min-height: 120px;
                width: 30%;
            }

                .footer_mainPage .footer_Container .leftBox .menuBox ul {
                    position: relative;
                    float: right;
                    width: 100%;
                    min-height: 120px;
                    padding: 0;
                    margin: 0;
                    list-style: none;
                    direction: rtl;
                    margin-right: 20px;
                }

                .footer_mainPage .footer_Container .leftBox .menuBox li {
                    padding: 0;
                    margin: 0;
                    width: 100%;
                    text-align: right;
                    padding: 5px 10px 5px 30px;
                }

                    .footer_mainPage .footer_Container .leftBox .menuBox li a {
                        width: 100%;
                        text-decoration: none;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                    }

                        .footer_mainPage .footer_Container .leftBox .menuBox li a:hover {
                            color: #2FBEF2;
                        }

        .footer_mainPage .footer_Container_Copy {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            text-align: center;
            min-height: 30px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 9pt;
            color: #C0C4C5;
            direction: rtl;
        }

    .InnerPage_TitlePage_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
    }

        .InnerPage_TitlePage_MainPage .barBox {
            position: relative;
            float: right;
            width: 300px;
            top: 25px;
            background-image: linear-gradient(to right, rgba(255,84,2,0), rgba(255,182,119,1));
            padding-right: 10%;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
        }

        .InnerPage_TitlePage_MainPage .IconBox {
            position: relative;
            float: right;
            top: 18px;
            left: 150px;
            width: 110px;
            height: 42px;
            border: 1px solid #13A899;
            background: #2A448F;
        }



    .Content_MainBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

    .Content_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 800px;
        padding-top: 50px;
        padding-bottom: 50px;
        display: inline-block;
    }


        .Content_Container .contentBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            margin: 0;
            padding: 0;
            min-height: 800px;
        }


            .Content_Container .contentBox .box {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 50%;
                min-height: 420px;
                padding: 0;
                margin: 0;
            }

                .Content_Container .contentBox .box .loginBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    border: 1px solid #CCCCCC;
                    padding: 40px 40px 40px 40px;
                    background: #ECEDF1;
                    width: 80%;
                }

                    .Content_Container .contentBox .box .loginBox .headerBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 66px;
                        line-height: 66px;
                        width: 100%;
                        direction: rtl;
                    }

                        .Content_Container .contentBox .box .loginBox .headerBox a {
                            position: relative;
                            right: 0px;
                            float: right;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #000;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Content_Container .contentBox .box .loginBox .headerBox a.link {
                                position: relative;
                                right: 0px;
                                float: right;
                                font-family: iranyekanwebmediumfanum,arial;
                                font-size: 9pt;
                                color: #000;
                                direction: rtl;
                                text-decoration: none;
                            }

                                .Content_Container .contentBox .box .loginBox .headerBox a.link:hover {
                                    color: #888888;
                                }

                            .Content_Container .contentBox .box .loginBox .headerBox a i {
                                font-size: 20pt;
                                color: #A7B8BF;
                                margin-left: 10px;
                            }

                    .Content_Container .contentBox .box .loginBox .titleBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 58px;
                        line-height: 30px;
                        width: 100%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                        text-align: right;
                        direction: rtl;
                    }


    .ContainerTextBoxObject {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 70px;
        width: 300px;
        padding: 5px 0px 5px 25px;
        display: inline-block;
        direction: rtl;
    }


    .ContainerTextBoxObject1 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 300px;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxObject2 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 90%;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .SaveBox input {
        padding: 5pcx 20px 5px 20px;
        border-style: solid;
        border-width: 0px;
        cursor: pointer;
        background: #5C5C5C;
        color: #fff;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        position: relative;
        float: left;
        left: 0px;
        width: 100px;
    }

        .SaveBox input:hover {
            background: #888888;
        }

    .SaveBox p {
        width: 100%;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 12pt;
        color: #1c1c1c;
        margin-top: 10%;
        direction: rtl;
    }

    .SaveBox i {
        font-size: 20pt;
    }

    .SaveBoxContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: none;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,.8);
        text-align: center;
        z-index: 1000000000;
        overflow: hidden;
    }

    .SaveBox .headerBox {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 14pt;
    }

    .SaveBox {
        position: relative;
        width: 25%;
        min-height: 300px;
        display: inline-block;
        background: #fff;
        float: left;
        top: 25%;
        left: -1000px;
        -webkit-transition: left 1.5s; /* For Safari 3.1 to 6.0 */
        transition: left 1.5s;
        padding: 10px 10% 10px 10%;
    }

    .effectContainerDiv {
        position: absolute;
        top: 0px;
        float: right;
        right: 0px;
        width: 0%;
        height: 100%;
        display: block;
        background: #cc0000;
        -webkit-transition: width 1.5s; /* For Safari 3.1 to 6.0 */
        transition: width 1.5s;
        border-radius: 5px;
        text-decoration: none;
    }

    .effectContainerDiv_active {
        width: 100%;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

        .ContainerQuotation a:hover .talkbubble {
            display: block;
        }

    .quotation {
        background: none;
        padding: 0;
        margin: 0;
        list-style: none;
        display: block;
        list-style-type: none;
        text-decoration: none;
    }

    .talkbubble {
        width: 200px;
        min-height: 50px;
        background: #2FBEF2;
        background: rgb(1,165,115);
        background: rgba(1,165,115,0.9);
        position: relative;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        z-index: 10;
        top: 20px;
        display: none;
        font-size: 9pt;
        color: #fff;
        text-align: right;
        font-family: iranyekanwebmediumfanum,arial;
        text-decoration: none;
        line-height: 20px;
        padding: 5px 10px 5px 10px;
    }

        .talkbubble:before {
            content: "";
            position: absolute;
            top: -10px;
            right: 100%;
            right: 5%;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 10px solid #2FBEF2;
            z-index: 100;
        }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .ContainerTextBoxStyle input {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .ContainerTextBoxStyle select {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 260px;
        height: 36px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
    }

    .ContainerTextBoxStyle textarea {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

    #btnSaveForm {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
    }

        #btnSaveForm:hover {
            background: #00AEEF;
            color: #fff;
        }

    #btnAddMember {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
        border-right: 4px solid #A7B8BF;
    }

        #btnAddMember:hover {
            background: #00AEEF;
            color: #fff;
        }

    .MainPage_History {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
        margin-top :100px;
    }

    .Container_History {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        text-align: right;
       
    }


    .MainPage_AboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .Container_AboutUs {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }


    .contentHistory{
        
        width:800px;
        color:#fff;
       
    }

    .topBannerBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 160px;
        line-height: 160px;
        background-color: #cc0000;
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2301a573' fill-opacity='0.37' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    }


        .topBannerBox hr {
            position: relative;
            float: right;
            width: 15%;
            height: 1px;
            font-size: 0pt;
            color: #fff;
            background: #fff;
            border-style: solid;
            border-width: 0px;
            margin-top: 84px;
            margin-bottom: 84px;
        }

        .topBannerBox .TextTitle {
            position: relative;
            float: right;
            top: 0px;
            min-height: 160px;
            line-height: 160px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 26pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            width: 80%;
            padding-right: 10px;
            font-weight: 700;
        }

    .MainpathBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
        display: inline-block;
        text-align: center;
        direction: rtl;
    }

    .pathBox {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 50px;
        line-height: 50px;
        text-align: right;
        display: inline-block;
    }

        .pathBox ul {
            padding: 0;
            margin: 0;
            display: inline-block;
            list-style-type: none;
            width: 100%;
        }

            .pathBox ul li {
                padding: 0;
                margin: 0;
                display: inline-block;
                margin-left: 5px;
                margin-right: 5px;
            }

                .pathBox ul li a {
                    font-size: 9pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    color: #aaa;
                    text-decoration: none;
                }

                    .pathBox ul li a i {
                        font-size: 10pt;
                        color: #aaa;
                    }

                    .pathBox ul li a:hover {
                        color: #2FBEF2;
                    }

    .Container_AboutUs .whiteBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 60px;
    }

    .Container_AboutUs .MainBoxContent {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 1080px;
    }

        .Container_AboutUs .MainBoxContent .rightBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 60%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
        }

            .Container_AboutUs .MainBoxContent .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 60px;
                text-align: right;
                line-height: 60px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #000;
                direction: rtl;
            }

            .Container_AboutUs .MainBoxContent .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 110px;
                text-align: justify;
                direction: rtl;
                line-height: 30px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #666;
            }

            .Container_AboutUs .MainBoxContent .rightBox .lineBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 30px;
                display: inline-block;
                text-align: center;
                line-height: 30px;
                background-image: url(../images/image_AboutUs8.jpg);
                background-position: center center;
                background-repeat: repeat-x;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .Container_AboutUs .MainBoxContent .rightBox .CircleBox {
                position: relative;
                top: 5px;
                width: 10px;
                height: 10px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                background: #2FBEF2;
                border: 6px solid #FFBFA2;
                border-radius: 180px;
            }

        .Container_AboutUs .MainBoxContent .leftBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 40%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
        }

            .Container_AboutUs .MainBoxContent .leftBox img {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 20px;
                width: 90%;
                box-shadow: 8px 8px 8px #E8EFF9;
            }

    .MainPage_MessageManager {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 640px;
        background: #fff;
        display: inline-block;
        text-align: center;
    }

        .MainPage_MessageManager .Container_MessageManager {
            position: relative;
            top: 0px;
            float: left;
            width: 90%;
            min-height: 640px;
            display: inline-block;
        }

            .MainPage_MessageManager .Container_MessageManager .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 35%;
                margin: 0;
                padding: 0;
                min-height: 600px;
                background-image: url(../images/image_AboutUs4.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .MainPage_MessageManager .Container_MessageManager .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 65%;
                margin: 0;
                padding: 0;
                min-height: 600px;
            }

                .MainPage_MessageManager .Container_MessageManager .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    min-height: 50px;
                }

                .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage {
                    position: relative;
                    top: 0px;
                    float: left;
                    width: 90%;
                    min-height: 560px;
                }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox {
                        position: relative;
                        top: 0px;
                        width: 100%;
                        min-height: 45px;
                        line-height: 45px;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            min-width: 150px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 14pt;
                            color: #000;
                            text-align: right;
                            direction: rtl;
                            line-height: 45px;
                            min-height: 45px;
                            background: #fff;
                        }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .amountContent {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 510px;
                        text-align: justify;
                        direction: rtl;
                        line-height: 30px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                    }

    .MainPage_whiteAboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: none;
        
    }

        .MainPage_whiteAboutUs .Container_whiteAboutUs {
            position: relative;
            top: 150px;
            display: inline-block;
            width: 90%;
            min-height: 700px;
           
            
        }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .whiteSpace {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 76px;
            }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox {
                position: relative;
                top: 0px;
                float: right;
                text-align: right;
                width: 100%;
                min-height: 74px;
                line-height: 74px;
                font-size: 13pt;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum,arial;
            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox i {
                    font-size: 28pt;
                    color: #fff;
                    margin-left: 10px;
                    vertical-align: middle;
                }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left :auto ;
                margin-right :auto ;
                width: 100%;
                min-height: 190px;

            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox {
                    position: relative;
                    top: 0px;
                    min-height: 190px;
                    float: right;
                    margin: 0;
                    padding: 0;
                    width: 90%;
                }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 50px;
                        line-height: 50px;
                        width: 100%;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox .titleText {
                            position: relative;
                            float: right;
                            min-height: 45px;
                            line-height: 45px;
                            font-size: 13pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            color: #fff;
                            text-align: right;
                            direction: rtl;
                            background: #06121E;
                            min-width: 120px;
                            vertical-align: middle;
                        }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .Text {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 130px;
                        line-height: 30px;
                        text-align: justify;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        direction: rtl;
                        color: #fff;
                    }

    .Mainpage_Taghdiname {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
        background: none;
    }

    .Container_Taghdiname {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .Container_Taghdiname .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 50px;
        }

        .Container_Taghdiname .TitleBox {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 90px;
            line-height: 90px;
            float: right;
            text-align: center;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum,arial;
            color: #fff;
        }

        .Container_Taghdiname .Box {
            position: relative;
            top: 0px;
            width: 30%;
            min-height: 550px;
            margin-left: 55px;
            margin-right: 55px;
        }

            .Container_Taghdiname .Box .PicBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 360px;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .Container_Taghdiname .Box a {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 260px;
                display: block;
            }

            .Container_Taghdiname .Box .BoxText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 170px;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                line-height: 25px;
                color: #fff;
                text-align: justify;
                direction: rtl;
                padding-top: 30px;
            }

    .Mainpage_Mashi {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        min-height: 340px;
        background: none;
        display: inline-block;
        text-align: center;
        margin-bottom :250px;
    }

    .Container_Mashi {
        position: relative;
        top: 0px;
        width: 90%;
        min-height: 340px;
        display: inline-block;
    }

        .Container_Mashi .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 65px;
        }

        .Container_Mashi .titleBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 40px;
        }



            .Container_Mashi .titleBox .amountText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #fff;
                text-align: right;
                direction: rtl;
            }

                .Container_Mashi .titleBox .amountText .Line {
                    position: relative;
                    margin: 0;
                    padding: 0;
                    top: 20px;
                    float: right;
                    max-width: 240px;
                    color: #2FBEF2;
                    background: #2FBEF2;
                    height: 2px;
                    width: 20%;
                    border: 0;
                    margin-left: 20px;
                }

        .Container_Mashi .contentText {
            position: relative;
            top: 0px;
            float: right;
            width: 80%;
            min-height: 330px;
            text-align: justify;
            direction: rtl;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            background: none;
        }

    .MainPage_Certificates {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

        .MainPage_Certificates .Container_Certificates {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 800px;
            display: inline-block;
            padding-top: 30px;
        }

    .News_MainBox {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .News_Container {
        position: relative;
        top: 0px;
        width: 90%;
        display: inline-block;
        min-height: 600px;
    }

    .news_RightBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 75%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
        margin-left: 5%;
    }



        .news_RightBox .titleNewsBox {
            position: relative;
            top: 0px;
            width: 100%;
            float: right;
            right: 0px;
            min-height: 45px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 14pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            padding-top: 0px;
        }

            .news_RightBox .titleNewsBox a {
                direction: rtl;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #fff;
                text-decoration: none;
            }

                .news_RightBox .titleNewsBox a:hover {
                    color: #a20000;
                }

        .news_RightBox .DateNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 30px;
            line-height: 30px;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 10pt;
            color: #a1a1a1;
            direction: rtl;
       
        }

            .news_RightBox .DateNewsBox i {
                font-size: 16pt;
                margin-left: 10px;
                color: #ffffff;
            }

        .news_RightBox .picBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 300px;
            overflow: hidden;
            border-radius: 15px;
                
        }

            .news_RightBox .picBox img {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                max-width: 90%;
                max-height: 440px;
                border-radius: 15px;
            }

        .news_RightBox .SummeryNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .news_RightBox .WriterName {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            direction: rtl;
            text-align: justify;
            min-height: 30px;
        }

        .news_RightBox .buttonBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 100px;
        }

            .news_RightBox .buttonBox input {
                position: relative;
                top: 0px;
                float: left;
                left: 0px;
                text-align: center;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                color: #fff;
                cursor: pointer;
                width: 150px;
                min-height: 50px;
                background: #2FBEF2;
                border: 0px solid #2FBEF2;
                border-radius: 0px;
                -webkit-transition: background 0.5s,color 0.5s; /* For Safari 3.1 to 6.0 */
                transition: background 0.5s,color 0.5s;
            }

                .news_RightBox .buttonBox input:hover {
                    background: #cc0000;
                    color: #FFF;
                }

        .news_RightBox .lineBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            min-height: 20px;
            line-height: 20px;
            border-bottom: 1px solid #2FBEF2;
            margin-bottom: 30px;
        }



    .news_LeftBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 20%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
        margin-bottom :150px;
    }

        .news_LeftBox .recentTitle {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: right;
        }

        .news_LeftBox .recentNewsBox {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            margin-bottom: 20px;
        }

            .news_LeftBox .recentNewsBox .imageBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                min-height: 100px;
                display: inline-block;
                text-align: right;
                width: 100%;
            }

                .news_LeftBox .recentNewsBox .imageBox img {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    border: 2px solid #fff;
                    border-radius: 15px;
                }

            .news_LeftBox .recentNewsBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 80px;
                padding-top: 10px;
                padding-bottom: 10px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                text-align: right;
            }

                .news_LeftBox .recentNewsBox .titleBox a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #fff;
                    text-decoration: none;
                    text-align: right;
                    direction: rtl;
                }

                    .news_LeftBox .recentNewsBox .titleBox a:hover {
                        color: #cc0000;
                    }

    .news_PagingBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        display: inline-block;
        text-align: right;
        min-height: 60px;
        line-height: 60px;
    }

        .news_PagingBox ul {
            position: relative;
            top: 0px;
            float: right;
            direction: rtl;
            right: 0px;
            display: inline-block;
            list-style-type: none;
        }

            .news_PagingBox ul li {
                display: inline-block;
                width: 30px;
            }

                .news_PagingBox ul li a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    display: block;
                    padding: 5px;
                    text-decoration: none;
                }

                    .news_PagingBox ul li a:hover {
                        color: #26ACDE;
                    }

                    .news_PagingBox ul li a.active {
                        color: #26ACDE;
                    }

                .news_PagingBox ul li i {
                    font-size: 18pt;
                }

    .chart_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 900px;
        display: inline-block;
        text-align: center;
    }

        .chart_MainPage .chart_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 900px;
            display: inline-block;
            overflow: auto;
        }

            .chart_MainPage .chart_Container iframe {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 900px;
            }


    .mainpageBox_Link {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .Container_Link {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        margin-top: 50px;
    }


    .box_Link {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        display: inline-block;
        width: 22%;
        margin: 5px;
        min-height: 280px;
        cursor: pointer;
        overflow: hidden;
        border: 1px solid #c1c1c1;
    }

        .box_Link .maskBoxLink {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 0%;
            display: inline-block;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.7);
            z-index: 1;
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            text-align: center;
            font-family: yakan,arial;
            font-size: 12pt;
            color: #fff;
        }

        .box_Link:hover .maskBoxLink {
            height: 100%;
        }

        .box_Link .maskBoxLink p {
            position: absolute;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: center;
            min-height: 40px;
            line-height: 40px;
            top: -100px;
            width: 100%;
            -webkit-transition: top 0.9s; /* For Safari 3.1 to 6.0 */
            transition: top 0.9s;
            z-index: -10000;
        }

        .box_Link:hover .maskBoxLink p {
            top: 40%;
            z-index: 1;
        }

    .GalleryMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .GalleryContainer {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        padding-bottom: 30px;
        margin-bottom: 150px;
    }

        .GalleryContainer .headerBoxGallery {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 28pt;
            color: #000;
            text-align: center;
        }

        .GalleryContainer .GalleryBox {
            position: relative;
            top: 100px;
            float: left;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 48%;
            min-height: 350px;
            margin: 1%;
        }

        .GalleryContainer .GalleryBox_view {
            top: 0px;
            opacity: 1;
            filter: alpha(opacity=100);
        }


    .GalleryBox .maskBoxGallery {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery {
        background: rgba(0,0,0,.5);
    }

    .GalleryBox .maskBoxGallery:before {
        content: "\f00e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery:before {
        visibility: visible;
    }




    .GalleryBox .maskBoxGallery1 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(38,173,221);
        background: rgba(38,173,221,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery1 {
        background: rgba(38,173,221,.6);
    }

    .GalleryBox .maskBoxGallery1:before {
        content: "\f144";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery1:before {
        visibility: visible;
    }



    .LawPage_MainPage {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 800px;
    }

        .LawPage_MainPage .LawPage_Container {
            position: relative;
            top: 0px;
            width: 90%;
            display: inline-block;
            min-height: 800px;
        }

            .LawPage_MainPage .LawPage_Container .TitleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 80px;
                line-height: 80px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
                font-weight: 900;
            }

            .LawPage_MainPage .LawPage_Container .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: justify;
                min-height: 60px;
                line-height: 35px;
                font-size: 12pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
            }

            .LawPage_MainPage .LawPage_Container .WhiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
            }

    .Contact_MainpageBox {
        position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .Contact_ContainerMainPage {
        position: relative;
        top: 0px;
        width: 95%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 50px;
        margin-top: 10px;
    }

        .Contact_ContainerMainPage .contact_Titr {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 80px;
            line-height: 80px;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum;
            direction: rtl;
            text-align: right;
            color: #cc0000;
            font-weight: 900;
        }



        .Contact_ContainerMainPage iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 650px;
            margin-top: 50px;
            margin-bottom: 10px;
        }

    .contact_Header {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        text-align: center;
        font-size: 18pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        margin-top: 60px;
        min-height: 80px;
        line-height: 80px;
        width: 100%;
    }

    .contact_Text {
        position: relative;
        top: 0px;        
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        text-align: right;
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        min-height: 60px;
        line-height: 30px;
        width: 90%;
        margin-bottom: 0px;
        direction: rtl;
        padding-left: 50px;
    }

    .contact_AddressBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        line-height: 180px;
    }

    .contact_Box {
        position: relative;
        top: 0px;
        right: -20%;
        float: right;
        width: 33.3%;
        margin: 0;
        padding: 0;
        min-height: 180px;
    }

    .contact_Box_view {
        right: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .contact_Box .logo_ContactBox {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        min-height: 60px;
        display: inline-block;
    }

    .contact_Box .Content_ContactBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        margin: 0;
        padding: 0;
    }

    .ContactMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        text-align: center;
        min-height: 700px;
    }

    .Contact_ContainerMainPage .BoxFrame {
        position: relative;
        top: 0px;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        padding: 0;
        min-height: 1000px;
        width: 90%;
    }

    .Contact_ContainerMainPage .frameContact {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: block;
        background: #0B1A2A;
        border-radius: 15px;
        padding: 20px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    #map {
        position: relative;
        top: 5px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: block;
    }



    .ContactMap_Container iframe {
        position: relative;
        top: 0px;
        left: 0px;
        width: 80%;
        min-height: 700px;
        display: block;
        border-radius: 15px;
        padding: 20px;
    }

    .showService_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .showService_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 400px;
        display: inline-block;
    }

        .showService_Container .whiteBox {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 100px;
        }

        .showService_Container .rightBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 80px;
                line-height: 80px;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #2FBEF2;
                direction: rtl;
            }

            .showService_Container .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 400px;
                line-height: 30px;
                direction: rtl;
                text-align: justify;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #000;
            }


        .showService_Container .leftBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 400px;
            }

    .siteMap_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .siteMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .siteMap_Container .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 80px;
        }

        .siteMap_Container .BoxMap {
            position: relative;
            top: 0px;
            float: right;
            width: 23%;
            min-height: 300px;
        }

            .siteMap_Container .BoxMap .headBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                font-weight: 700;
            }


                .siteMap_Container .BoxMap .headBox a {
                    font-size: 14pt;
                    text-decoration: none;
                    color: #000;
                }

            .siteMap_Container .BoxMap .itemBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }



                .siteMap_Container .BoxMap .itemBox a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

                    .siteMap_Container .BoxMap .itemBox a:hover {
                        color: #2FBEF2;
                    }

            .siteMap_Container .BoxMap .itemBoxUnder {
                position: relative;
                top: 0px;
                float: left;
                width: 90%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }

                .siteMap_Container .BoxMap .itemBoxUnder a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

        .siteMap_Container .BoxMapUnder .itemBox a:hover {
            color: #2FBEF2;
        }

    .SearchView_MaonBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .SearchView_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 600;
    }

        .SearchView_Container iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 600px;
        }

    .MenuScroll_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 130px;
        display: inline-block;
        text-align: center;
    }

    .MenuScroll_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 130px;
    }

        .MenuScroll_Container .boxMenu {
            position: relative;
            top: 0px;
            min-height: 100px;
            width: 140px;
            cursor: pointer;
        }



            .MenuScroll_Container .boxMenu .LogoPicBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 80px;
                line-height: 80px;
            }


                .MenuScroll_Container .boxMenu .LogoPicBox img {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 30px;
                    max-width: 86px;
                }

            .MenuScroll_Container .boxMenu .titleBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 44px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 12pt;
                color: #000;
            }

            .MenuScroll_Container .boxMenu:hover .titleBox {
                color: #2FBEF2;
            }

    .khadamatMainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        background: #F8FAFC;
        box-shadow: 1px 1px 2px gray;
    }

    .khadamatContainer {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 120px;
        width: 100%;
    }

    .loginBox_hrhs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 362px;
        display: inline-block;
        text-align: center;
    }


        .loginBox_hrhs .container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 232px;
            margin-top: 65px;
            border-radius: 10px;
            background: rba(248,250,252);
            background: rgba(248,250,252,1);
            text-align: center;
            display: inline-block;
        }

            .loginBox_hrhs .container .innerBox {
                position: relative;
                top: 0px;
                width: 80%;
                min-height: 160px;
                display: inline-block;
                margin-top: 36px;
            }

                .loginBox_hrhs .container .innerBox .contentBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 50%;
                    min-height: 160px;
                    text-align: right;
                }

                    .loginBox_hrhs .container .innerBox .contentBox .textBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 42px;
                        width: 100%;
                        border-radius: 5px;
                        background: #fff;
                        margin: 0;
                        padding: 0;
                        margin-bottom: 10px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .caption {
                            position: relative;
                            top: 0px;
                            right: 0px;
                            float: right;
                            width: 30%;
                            text-align: center;
                            min-height: 42px;
                            line-height: 42px;
                            margin: 0;
                            padding: 0;
                            border-top-right-radius: 5px;
                            border-bottom-right-radius: 5px;
                            background: #2FBEF2;
                            font-size: 12pt;
                            color: #fff;
                            font-family: iranyekanwebmediumfanum;
                            font-weight: 300;
                        }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .styleText {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            width: 60%;
                            padding: 0;
                            padding-right: 5%;
                            min-height: 42px;
                            line-height: 42px;
                            font-size: 12pt;
                            color: #222;
                            font-family: iranyekanwebmediumfanum;
                            background: #fff;
                            border-top-left-radius: 5px;
                            border-bottom-left-radius: 5px;
                            border: 0;
                            direction: rtl;
                            text-align: right;
                        }

                    .loginBox_hrhs .container .innerBox .contentBox .buttonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        width: 100%;
                        min-height: 46px;
                        margin-top: 20px;
                        line-height: 46px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button {
                            position: relative;
                            float: left;
                            left: 0px;
                            width: 40%;
                            max-width: 124px;
                            height: 45px;
                            line-height: 45px;
                            text-align: center;
                            border: 0;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 11pt;
                            color: #fff;
                            background: #2FBEF2;
                            border-radius: 10px;
                            cursor: pointer;
                            direction: rtl;
                        }

                            .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button:hover {
                                background: #964B00;
                            }

    .counter_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 200px;
        line-height: 200px;
        display: inline-block;
        text-align: center;
        background: none;
    }

        .counter_hrhs_Mainpage .container {
            position: relative;
            top: 0px;
            width: 95%;
            min-height: 140px;
            display: inline-block;
            margin: 0;
            padding: 0;
            margin-top: 60px;
        }

            .counter_hrhs_Mainpage .container .boxAmar {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 25%;
                min-height: 200px;
                line-height: 200px;
            }


                .counter_hrhs_Mainpage .container .boxAmar .headerAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 70px;
                    line-height: 70px;
                    font-size: 22pt;
                    color: #fff;
                    font-family: byekan;
                    width: 100%;
                    font-weight: 800;
                }


                .counter_hrhs_Mainpage .container .boxAmar .BodyAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 50px;
                    line-height: 50px;
                    font-size: 16pt;
                    color: #fff;
                    font-family: iranyekanwebmediumfanum;
                    width: 100%;
                }

    .map_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 722px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }
        .popupLive{
        position :fixed ;
        top:0px;
        left:0px;
        width :100%;
        height :0%;
        display :none ;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.9);
        text-align :center ;
        z-index :111111111111111111111111111111111111111111111111111111111111;
        padding :40px;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1280px){
        .managerMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }
 
    .managerContainer {
        position: relative;
        top: 0px;
        width: 60%;
        min-height: 800px;
        display: inline-block;
        direction: rtl;
    }

        .managerContainer .boxManagerModirAmel {
            position: relative;
            top: 0px;
            float: none;
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            min-height: 325px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            background-image: url("https://3.bp.blogspot.com/-piZWCW2uUbg/W2fPXxkWZgI/AAAAAAAAOu0/eydmMjTIqcwLMHEEr2H7imqoRTxMw4o9QCLcBGAs/s1600/among_trees_night_dribbble.png");
            border-radius: 4px;
            padding: 10px;
            direction: rtl;
        }

            .managerContainer .boxManagerModirAmel .innertoBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #2FBEF2;
                width: 60%;
                background-repeat: no-repeat;
                background-position: center center;
                background;
            }

            .managerContainer .boxManagerModirAmel .middleBox {
                position: absolute;
                bottom: 0px;
                margin-bottom: 0px;
                min-height: 65px;
                background: #2FBEF2;
                width: 100%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #fff;
                line-height: 65px;
                text-align: center;
            }


            .managerContainer .boxManagerModirAmel .bottomBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #fff;
                width: 40%;
                display: inline-block;
            }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer {
                    position: relative;
                    top: 10px;
                    right: 0px;
                    float: right;
                    min-height: 300px;
                    text-align: center;
                    width: 30px;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox {
                        position: relative;
                        float: right;
                        width: 55px;
                        height: 55px;
                        border-radius: 180px;
                        text-align: center;
                        margin-right: -20px;
                        background: #cc0000;
                        cursor: pointer;
                        margin-bottom: 5px;
                    }

                        .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox:hover {
                            background: #2FBEF2;
                        }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBox i {
                    color: #fff;
                    margin-top: 15px;
                    font-size: 25px;
                }

                .managerContainer .boxManagerModirAmel .bottomBox p {
                    float: right;
                    top: 0px;
                    width: 60%;
                    min-height: 30px;
                    line-height: 30px;
                    padding-right: 10%;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #333;
                    text-align: right;
                    direction: rtl;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox p i {
                        color: #2FBEF2;
                        font-size: 10pt;
                        margin-left: 10px;
                        margin-top: 5px;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.user {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.phone {
                        font-family: byekan;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.email {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.fax {
                        font-family: byekan;
                    }




        .managerContainer .boxManager {
            position: relative;
            top: 0px;
            float: none;
            width: 35%;
            margin-left: auto;
            margin-right: auto;
            display: inline-block;
            min-height: 400px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            border-radius: 4px;
            padding: 10px;
            margin: 1%;
            margin-top: 2.5%;
            margin-bottom: 2.5%;
        }

        .managerContainer .fourBox {
            width: 22%;
        }

        .managerContainer .boxManager .innertoBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 200px;
            width: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100px;
        }

        .managerContainer .boxManager .middleBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 55px;
            background: #2FBEF2;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            text-align: center;
        }


        .managerContainer .boxManager .bottomBox {
            position: relative;
            top: 0px;
            float: left;
            min-height: 145px;
            background: #fff;
            width: 100%;
            display: inline-block;
            direction: rtl;
        }

            .managerContainer .boxManager .bottomBox .circleBoxContainer {
                position: relative;
                top: 0px;
                left: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                min-height: 35px;
                display: inline-block;
                text-align: center;
            }

                .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox {
                    position: relative;
                    float: right;
                    margin-left: 5px;
                    width: 40px;
                    height: 40px;
                    border-radius: 180px;
                    text-align: center;
                    margin-top: -20px;
                    background: #00AEEF;
                    cursor: pointer;
                }

                    .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox:hover {
                        background: #cc0000;
                    }

            .managerContainer .boxManager .bottomBox .circleBox i {
                color: #fff;
                margin-top: 10px;
                font-size: 20px;
            }

            .managerContainer .boxManager .bottomBox p {
                position: relative;
                float: left;
                top: 0px;
                width: 90%;
                min-height: 20px;
                line-height: 20px;
                padding-right: 10%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #333;
                text-align: right;
                direction: rtl;
                margin: 0.5px;
            }

                .managerContainer .boxManager .bottomBox p i {
                    color: #2FBEF2;
                    font-size: 10pt;
                    margin-left: 10px;
                    margin-top: 5px;
                }

                .managerContainer .boxManager .bottomBox p.user {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.phone {
                    font-family: byekan;
                }

                .managerContainer .boxManager .bottomBox p.email {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.fax {
                    font-family: byekan;
                }


    .titleBox_Inf {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 130px;
        line-height: 130px;
        font-size: 14pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        text-align: center;
        direction: rtl;
    }


    .NewsFori {
        position: fixed;
        bottom: 0px;
        width: 20%;
        max-width: 300px;
        height: 180px;
        background: rgb(4,49,0);
        background: rgba(4,49,182,0.9);
        padding: 10px 20px 10px 10px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        z-index: 1000000000000;
        box-shadow: 1px 1px 1px gray;
        min-width: 300px;
        font-weight: 300;
    }




    .marqueeBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        height: 40px;
        z-index: 10000000000;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 11pt;
        color: #333;
        padding-top: 5px;
        direction: rtl;
    }



    .socialBox {
        position: fixed;
        float: left;
        top: 25%;
        min-width: 40px;
        background: rgb(191,189,192);
        background: rgba(191,189,192,0.5);
    }

        .socialBox ul {
            left: 0px;
            float: left;
            padding: 0;
            margin: 0;
            display: block;
        }

            .socialBox ul li {
                margin: 0;
                padding: 0;
                width: 40px;
                height: 40px;
                display: block;
            }

                .socialBox ul li a {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    text-decoration: none;
                    display: block;
                }

    html, body {
        padding: 0;
        margin: 0;
    }

    .mainPageScreen {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
        background: #06121E;
     
        
    }

      .mainPageScreen .mainPageScreen_child {
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        min-height :400px;
        display :block ;
        
    }

    .topWhiteBar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        min-height: 50px;
        display: inline-block;
        z-index: 100000;
      
    }

    .topWhiteBar_Container {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 55px;
        display: inline-block;
    }

    .topWhiteBar .main_ul {
        float: left;
        left: 0px;
        min-height: 55px;
    
    }

    .topWhiteBar .main_li {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .topWhiteBar iframe {
        position: relative;
        float: left;
        left: 0px;
        top: 0px;
        width: 40px;
        height: 35px;
        display: inline-block;
    }

    .topWhiteBar a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        min-height: 35px;
        line-height: 35px;
        -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: color 0.5s;
      
    }
    #searchText{
        display :none;
    }

        .topWhiteBar a i {
            font-size: 16pt;
            color: #fff;
            margin-right: 5px;
            -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
            transition: color 0.5s;
        }

        .topWhiteBar a:hover i {
            color: #00AEEF;
        }

        .topWhiteBar a:hover {
            color: #00AEEF;
        }

    .topWhiteBar i:hover {
        color: #00AEEF;
    }

    .main_li .topWhiteBar_DropDown {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 15px 15px 15px;
        background: #00AEEF;
        color: #fff;
    }

    .main_li .topWhiteBar_DropDown_Search {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 5px 15px 5px;
        background: #00AEEF;
        color: #fff;
        width: 215px;
    }

    /*.main_li:hover .topWhiteBar_DropDown
	{
		display:block ;
	}*/

    .topWhiteBar_DropDown li {
        display: block;
        margin: 0;
    }



    #btnLogin {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnLogin:hover {
            background: #fff;
            color: #00AEEF;
        }

    #btnSearch {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnSearch:hover {
            background: #fff;
            color: #00AEEF;
        }

    .topBar {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        background: none;
        display: inline-block;
        text-align: center;
        z-index: 11111111111111111111111111111111111111111111111111111111;
    }

    .topBar_Container {
        position: relative;
        top: 0px;
        width: 98%;
        display: inline-block;
    }

        .topBar_Container .logoBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            cursor: pointer;
            width: 270px;
        }

    .logoBox img {
        position: relative;
        float: right;
        top: 0px;
        right: 0px;
    }

    .topBar_Container .menuPhoneBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        background: none;
    }

    .menuPhoneBox .phoneBox {
        position: relative;
        top: 0px;
        float: left;
        left: 20px;
        width: 100%;
        min-height: 50px;
        background: none;
    }

    .phoneBox a {
        position: absolute;
        float: left;
        left: 0px;
        bottom: 10px;
        padding: 10px 0px 10px 0px;
        font-family: byekan,arial;
        font-size: 16pt;
        color: #000;
        text-align: left;
        display: inline-block;
        width: 100%;
        height: 30px;
    }

    .phoneBox i {
        font-size: 20pt;
        color: #2FBEF2;
        margin-right: 10px;
    }

    .menuBox {
        position: relative;
        top: 0px;
        float: left;
        right: 0px;
        width: 100%;
        min-height: 60px;
    }

    .overSlide {
       background: #0a0909;
        background: linear-gradient(0deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 1) 94%, rgba(13, 13, 13, 0.99) 100%);
    }



    .name_TopBanner {
        position: absolute;
        top: 0;
        margin-top: 20%;
        float: none;
        margin-left :auto ;
        margin-right :auto ;
        width: 98%;
        min-height: 100px;
        font-family: iranyekanwebmediumfanum;
        font-size: 30pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: center ;
        background-clip: text;
        background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
        color: var(--color-background);
        font-size: var(24pt);
        font-weight: var(--font-weight);
        letter-spacing: var(--letter-spacing);
        padding: calc(--stroke-width / 2);
        -webkit-text-stroke-color: transparent;
        -webkit-text-stroke-width: var(--stroke-width);
    }

    @use postcss-preset-env {
        stage: 0;
    }

    :root {
        --color-background: #000119;
        --stroke-width: calc(1em / 16);
        --font-size: 30vmin;
        --font-weight: 700;
        --letter-spacing: calc(1em / 8);
    }

    * {
        box-sizing: border-box;
    }

    .length_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 27%;
        float: right;
        right: 10%;
        width: 80%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        color: #fff;
    }

    .summery_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 30%;
        float: right;
        right: 10%;
        width: 80%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        font-weight: 500;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: justify;
        color: #fff;
    }

    .Link_TopBannerContainer {
        position: absolute;
        top: 0px;
        margin-top: 180px;
        float: right;
        right: 35%;
        width: 80%;
        min-height: 60px;
        line-height: 60px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        display :none;
        
    }

    .Link_TopBanner {
        position: relative;
        float: right;
        width: 150px;
        height: 45px;
        line-height: 45px;
        border-radius: 30px;
        
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        color: #fff;
        cursor: pointer;
        margin-top: 20px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
    }





        .Link_TopBanner:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    .video_Mainbox_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

        .video_Mainbox_MainPage .video_ContainerTitle_MainPage {
            position: relative;
            top: 50px;
            text-align: center;
            width: 90%;
            min-height: 400px;
            display: inline-block;
            margin-bottom: 50px;
        }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .boxTitleVideoPage {
                position: relative;
                top: 50px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 50px;
                line-height: 50px;
            }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage {
                position: relative;
                top: 50px;
                width: 100%;
                height: 300px;
                display: inline-block;
                text-align: center;

            }

                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 20%;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover {
                        position: relative;
                        margin-top: 20px;
                        margin-left: -30px;
                        margin-right: 0px;
                        width: 500px;
                        height: 250px;
                        z-index: 100000000000000000000000000000000000000000000000000000000000000000;
                    }

                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 95%;
                            height: 95%;
                            margin-top: 1%;
                            margin-bottom: 1%;
                        }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 75%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 11pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 125px;
                                    height: 40px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 40px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 14pt;
                                        margin-top: 8px;
                                        margin-bottom: 8px;
                                    }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }

    .video_Mainbox_MainPage_other {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 350px;
        display: inline-block;
        text-align: center;
    }

        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other {
            position: relative;
            top: 50px;
            text-align: center;
            width: 90%;
            min-height: 350px;
            display: inline-block;
            margin-bottom: 50px;
        }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .boxTitleVideoPage {
                position: relative;
                top: 50px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 50px;
                line-height: 50px;
            }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage {
                position: relative;
                top: 50px;
                width: 100%;
                height: 300px;
                display: inline-block;
                text-align: center;
            }

                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 20%;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover {
                        position: relative;
                        margin-top: 20px;
                        margin-left: -30px;
                        margin-right: 0px;
                        width: 500px;
                        height: 250px;
                        z-index: 100000000000000000000000000000000000000000000000000000000000000000;
                    }

                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 95%;
                            height: 95%;
                            margin-top: 2%;
                            margin-bottom: 2%;
                        }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 75%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 10pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 115px;
                                    height: 30px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 10pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 30px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 35px;
                                    height: 35px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 12pt;
                                        margin-top: 8px;
                                        margin-bottom: 8px;
                                    }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }


#features{
    position :relative ;
    top:0px;
    left:0px;
    width :100%;
    min-height :650px;
    display :inline-block ;
    text-align :center ;
    margin-bottom :100px;
}

#features .containerBox{
    position :relative ;
    width :90%;
    height :650px;
    display :inline-block;
}

 #features .containerBox .slideBoxNav {
        position :relative  ;
        top:0px;
        left:0px;
        width:100%;
        display :block;
        left:0px;
        height :300px;
        overflow :hidden ;
    }

    .boxBoard {
        position: relative;
        top: 0px;
        width: 100%;
        border: 0;
        height: 600px;
        border-radius: 30px;
        margin-bottom: 150px;
    }

        .boxBoard h3 {
            margin: 0;
            padding: 0;
        }

    .boxBoard_masked {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 100000000000000000000000000000000;
        background: #0a0909;
        background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
    }

        .boxBoard_masked .mainBoradNewVideo {
            position: relative;
            top: 50px;
            bottom: 50px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 95%;
            display: inline-block;
            text-align: right;
        }

            .boxBoard_masked .mainBoradNewVideo .titleBoradNewVideo {
                position: relative;
                float: right;
                width: 100%;
                font-size: 24pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                min-height: 80px;
                line-height: 80px;
            }
            .contaiber_StaticBanner{
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        height :400px;
        display :block ;
    }

    .staticBananer_OtherPages {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        min-height: 385px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .staticBananer_OtherPages .maskedstaticBananer_OtherPages {
            position: absolute;
            top: 0px;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #0a0909;
            background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
        }

        .staticBananer_OtherPages .pathBox_OtherPage {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            width: 80%;
            min-height: 140px;
            margin-top: 10%;
        }

            .staticBananer_OtherPages .pathBox_OtherPage .titlePath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 24pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-weight: 900;
                margin: 0;
            }

            .staticBananer_OtherPages .pathBox_OtherPage .textPath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 30px;
                line-height: 30px;
                font-weight: 600;
            }

                .staticBananer_OtherPages .pathBox_OtherPage .textPath span {
                    padding-left: 10px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 14pt;
                    color: #fff;
                    direction: rtl;
                    min-height: 30px;
                    line-height: 30px;
                }

    .VideoList_MainPage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

        .VideoList_MainPage .VideoList_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 400px;
            display: inline-block;
            margin-top: 20px;
        }

            .VideoList_MainPage .VideoList_Container .box {
                position: relative;
                top: 0px;
                float: right;
                padding: 0;
                margin: 0;
                width: 30%;
                min-height: 300px;
                margin-right: 12px;
                margin-left: 12px;
                background: #0B1A2A;
                border-radius: 15px;
                padding-bottom: 50px;
                margin-bottom: 20px;
                padding-bottom :20px;
                
            }

                .VideoList_MainPage .VideoList_Container .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    width: 90%;
                    top: 25px;
                    bottom: 25px;
                    min-height: 480px;
                }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 100%;
                        height: 200px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        border-radius: 15px;
                        display: block;
                        overflow: hidden;
                    }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        height: 100px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 13pt;
                        font-weight: 700;
                        color: #00AEEF;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        cursor: pointer;
                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews:hover {
                            color: #cc0000;
                        }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .DateBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 30px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 12pt;
                        font-weight: 500;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                    }


                    .VideoList_MainPage .VideoList_Container .box .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        height: 50px;
                        direction: rtl;
                        line-height: 25px;
                        font-size: 10pt;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        overflow: hidden;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: left;
                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore {
                            position: relative;
                            float: right;
                            width: 150px;
                            height: 55px;
                            line-height: 55px;
                            border-radius: 30px;
                            
                            text-align: center;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 12pt;
                            color: #fff;
                            cursor: pointer;
                            margin-top: 20px;
                            display: block;
                            background-size: 200% auto;
                            background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                            margin-bottom: 20px;
                            direction: rtl;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore:hover {
                                background-position: right center;
                                color: #fff;
                                text-decoration: none;
                            }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox {
                        display: block;
                    }


                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 90%;
                            height: 90%;
                            margin-top: 1%;
                            margin-bottom: 1%;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 80%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 11pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 12pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 12pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 14pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 125px;
                                    height: 40px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 11pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 40px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                    cursor: pointer;
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 14pt;
                                        margin-top: 8px;
                                        margin-bottom: 12px;
                                    }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }




    .comment_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        text-align: center;
    }

        .comment_Mainpage .comment_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 300px;
            display: inline-block;
        }

            .comment_Mainpage .comment_Container .title_Comment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-size: 16pt;
                font-weight: 900;
                font-family: iranyekanwebmediumfanum;
                direction: rtl;
                text-align: right;
            }

            .comment_Mainpage .comment_Container .comment_SmallBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 60%;
                min-height: 130px;
                text-align: right;
            }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_SmallBoxTitle {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 40px;
                    line-height: 40px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_textarea {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 165px;
                    line-height: 20px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #888;
                    direction: rtl;
                    padding: 10px;
                    border: 1px solid #fff;
                    border-radius: 10px;
                    resize: none;
                    display: block;
                    background: none;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    text-align: right;
                    margin-top: 20px;
                }

                    .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 160px;
                        height: 40px;
                        border-radius: 30px;
                        background: #cc0000;
                        color: #fff;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 11pt;
                        border: 0;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }



    .MainPage_Register {
        position: relative;
        top: 0px;
        left: 0px;
        float: right;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
    }

        .MainPage_Register .container_Register {
            position: relative;
            top: 100px;
            width: 30%;
            min-height: 400px;
            display: inline-block;
            background: #0B1A2A;
            border-radius: 15px;
            padding: 20px;
        }

            .MainPage_Register .container_Register .title_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: center;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-weight: 900;
                direction: rtl;
                font-size: 16pt;
                font-family: iranyekanwebmediumfanum;
            }

            .MainPage_Register .container_Register .caption_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                margin-top: 20px;
            }

            .MainPage_Register .container_Register .acceptLaw {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 20px;
                height: 20px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                margin: 0;
                margin-top: 20px;
            }

                .MainPage_Register .container_Register .acceptLaw span {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: center;
                }

                .MainPage_Register .container_Register .acceptLaw a {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #cc0000;
                    direction: rtl;
                    text-align: center;
                    text-decoration: none;
                    margin-right: 5px;
                }


            .MainPage_Register .container_Register .Input_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                border: 1px solid #fff;
                border-radius: 30px;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .checkBox_Register {
                position: relative;
                top: 0px;
                float: right;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .lawLink_Register {
                position: relative;
                top: 0px;
                float: right;
                margin-right: 5px;
                line-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
                text-decoration: none;
            }

            .MainPage_Register .container_Register .save_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 150px;
                height: 40px;
                line-height: 40px;
                background-size: 200% auto;
                background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                cursor: pointer;
                color: #fff;
                border-radius: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                border: 0;
            }

                .MainPage_Register .container_Register .save_Register:hover {
                    background-position: right center;
                    color: #fff;
                    text-decoration: none;
                }

    .mainpage_LawRegister {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

    .textLogin {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #fff;
        width: 100%;
        text-align: right;
        direction: rtl;
        margin-top: 40px;
    }

    .LinkRegister {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #cc0000;
        text-align: right;
        direction: rtl;
        text-decoration: none;
    }

    .linkForgetPassword {
        position: relative;
        top: 0px;
        float: right;
        min-height: 40px;
        line-height: 40px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        color: #fff;
        direction: rtl;
        width: 100%;
        text-align: right;
        text-decoration: none;
    }

        .linkForgetPassword a {
            top: 0px;
            min-height: 40px;
            line-height: 40px;
            font-family: iranyekanwebmediumfanum;
            font-size: 10pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            text-decoration: none;
        }

            .linkForgetPassword a:hover {
                color: #cc0000;
            }

    .okButtonAlert {
        position: relative;
        float: none;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #2FBEF2;
        color: #fff;
        cursor: pointer;
        border: 0;
        border-radius: 10px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        display: inline-block;
    }

        .okButtonAlert:hover {
            background: #2FBEF2;
        }

   .mainpage_LawRegister .child {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #0B1A2A;
        width: 90%;
        height: 500px;
        border-radius: 15px;
        overflow: auto;
        padding: 40px;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        line-height: 40px;
        text-align: justify;
        direction: rtl;
        color: #fff;
    }

        .mainpage_LawRegister .child a {
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            height: 40px;
            width: 40px;
            text-align: center;
        }

            .mainpage_LawRegister .child a i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 18pt;
            }

    /**/
    .mainpage_saveAlert {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

        .mainpage_saveAlert .child {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #cc0000;
            width: 90%;
            max-width: 300px;
            height: 250px;
            border-radius: 15px;
            overflow: auto;
            padding: 30px;
            font-family: iranyekanwebmediumfanum;
            font-size: 11pt;
            line-height: 35px;
            text-align: center;
            direction: rtl;
            color: #fff;
            overflow: hidden;
        }

            .mainpage_saveAlert .child a {
                position: absolute;
                top: 0px;
                left: 0px;
                display: block;
                height: 40px;
                width: 40px;
                text-align: center;
            }

                .mainpage_saveAlert .child a i {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    color: #fff;
                    font-size: 18pt;
                }

    #UserPanel {
        cursor: pointer;
        width: 80px;
        direction: rtl;
    }

    .iconPanelUser {
        display: block;
        border-radius: 180px;
        text-decoration: none;
        background: none;
        text-align: center;
    }

        .iconPanelUser i {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            font-size: 16pt;
            color: #fff;
            margin-top: 5px;
        }

    .userPanelBox {
        padding: 0;
        z-index: 0;
        margin-top: -1px;
        display: none;
        float: left;
        position: relative;
        right: -999em;
        width: 150px;
        height: 0;
        -webkit-transition: height 0.5s,top 0.7s,visibility 5s;
        transition: height 0.5s,top 0.7s,visibility 5s;
        padding: 0 0 0 0;
        padding-bottom: 30px;
        border: 0px solid #D8B442;
        border-radius: 0px;
        -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
        -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
        -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
        -o-transition: top 0.2s ease, opacity 0.2s ease-in;
        transition: top 0.2s ease, opacity 0.2s ease-in;
        background: #0B1A2A;
        box-shadow: 1px 10px 10px #000;
    }

    #UserPanel:hover .userPanelBox {
        display: block;
        right: 0;
        height: auto;
        z-index: 10000;
    }

    .userPanelBox ul {
        display: block;
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .userPanelBox li {
        padding: 0;
        margin: 0;
        width: 100%;
        padding-right: 10px;
        height: 30px;
        line-height: 30px;
        text-align: right;
        top: 0px;
        list-style: none;
    }

    .userPanelBox ul li a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #fff;
    }

    userPanelBox ul li:hover a {
        color: #D8B442;
    }

    .video_MainPage_showComment {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 500px;
        display: inline-block;
        text-align: center;
    }

        .video_MainPage_showComment .video_Container_showComment {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 90%;
            min-height: 500px;
        }

            .video_MainPage_showComment .video_Container_showComment .video_title_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                text-align: right;
                font-weight: 900;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
            }

                .video_MainPage_showComment .video_Container_showComment .video_title_showComment a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 40px;
                    height: 40px;
                    display: inline-block;
                    text-align: center;
                    background: none;
                    border: 2px solid #fff;
                    border-radius: 180px;
                    margin-top: 5px;
                    margin-left: 10px;
                }

                    .video_MainPage_showComment .video_Container_showComment .video_title_showComment a i {
                        margin-top: 10px;
                        font-size: 14pt;
                        color: #fff;
                    }

            .video_MainPage_showComment .video_Container_showComment .video_text_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 90%;
                min-height: 80px;
                line-height: 30px;
                text-align: right;
                font-weight: 500;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 12pt;
                border-bottom: 1px solid #999;
            }


    .paging_ListProduct_Container {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        direction: rtl;
        line-height: 40px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .moshahde-kalahaie-bishtar {
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum;
        color: rgb(153,153,153);
        border: 0px solid gray;
        padding: 10px;
        background: #0B1A2A;
        border-radius: 5px;
        text-decoration: none;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
    }

        .moshahde-kalahaie-bishtar:hover {
            border: 0;
            background: #cc0000;
            color: #fff;
        }

    .pagingNumberBox {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #0B1A2A;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

        .pagingNumberBox:hover {
            background: #cc0000;
        }

    .pagingNumberBox_select {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #cc0000;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

    .video_Details_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 745px;
        display: inline-block;
        text-align: center;
    }

        .video_Details_Mainpage .frameVideoDetails {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 745px;
            display: inline-block;
        }

        .video_Details_Mainpage .video_Details_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 500px;
            width: 100%;
            margin-top: 50px;
        }

            .video_Details_Mainpage .video_Details_Container .titleVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: right;
                font-size: 20pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 100px;
                min-height: 100px;
                font-weight: 900;
            }

            .video_Details_Mainpage .video_Details_Container .summeryVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 30px;
                min-height: 80px;
                font-weight: 500;
                margin-bottom: 50px;
            }

            .video_Details_Mainpage .video_Details_Container .ItemVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 40px;
                min-height: 40px;
                font-weight: 500;
                width: 100%;
            }

            .video_Details_Mainpage .video_Details_Container .shareContainer {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 80px;
                line-height: 80px;
                display: inline-block;
                margin-top: 50px;
            }

                .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle {
                    position: relative;
                    float: right;
                    margin-left: 10px;
                    width: 45px;
                    height: 45px;
                    border-radius: 360px;
                    background: #fff;
                    display: inline-block;
                    border: 4px solid gray;
                    cursor: pointer;
                    -webkit-transition: background 1s ease;
                    -moz-transition: background 1s ease;
                    text-decoration: none;
                }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover {
                        background: #cc0000;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle i {
                        color: #cc0000;
                        margin-top: 8px;
                        font-size: 16pt;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover i {
                        color: #fff;
                    }

    .shimmer-demo {
        padding: 0px;
        display: flex;
        justify-content: inherit;
        background: none;
        border-radius: 12px;
        text-align: right;
    }

    .shimmer-text {
        position: relative;
        font-size: 24px;
        font-weight: 800;
        color: #fff;
        overflow: hidden;
    }

        .shimmer-text::before {
            content: "";
            position: absolute;
            top: 0;
            left: -120%;
            width: 60%;
            height: 100%;
            background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.9), transparent );
            filter: blur(6px);
            animation: shimmerMove 3s infinite;
        }

    @keyframes shimmerMove {
        0% {
            left: -120%;
        }

        100% {
            left: 120%;
        }
    }


    .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo {
        position: relative;
        float: right;
        width: 100%;
        direction: rtl;
        min-height: 50px;
        line-height: 50px;
        margin: 0;
    }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .viewBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            background: rgb(102,102,102);
            background: rgba(102,102,102,0.6);
            text-align: center;
            color: #fff;
            border-radius: 5px;
            width: 90px;
            margin-left: 10px;
            height: 40px;
            line-height: 40px;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .lengthBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .DateBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .summeryBoxNewVideo {
            position: relative;
            float: right;
            font-size: 11pt;
            font-family: iranyekanwebmediumfanum;
            text-align: justify;
            color: #fff;
            line-height: 30px;
            direction: rtl;
            width: 50%;
            font-weight: 500;
        }

    .Link_newVideo {
        position: relative;
        float: right;
        width: 190px;
        height: 55px;
        line-height: 55px;
        border-radius: 30px;
        
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        color: #fff;
        cursor: pointer;
        margin-top: 20px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
        direction: rtl;
    }





        .Link_newVideo:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    .video_box_Board {
        position: relative;
        top: 0px;
        float: right;
        padding: 0;
        margin: 0;
        width: 20%;
        display: block;
        height: 220px;
        border-radius: 10px;
        border: 4px solid #fff;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
        -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
    }

        .video_box_Board h3 {
            margin: 0;
            padding: 0;
            border: 0;
        }

        .video_box_Board img {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 20px;
            border: 0;
        }

        .video_box_Board .maskVideoBox {
            position: absolute;
            top: 0px;
            left: 0px;
            padding: 0;
            margin: 0;
            display: none;
            width: 100%;
            height: 100%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.8);
            text-align: center;
        }

        .video_box_Board:hover .maskVideoBox {
            display: block;
        }



            .video_box_Board:hover .maskVideoBox .boxContent {
                position: relative;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                height: 90%;
                margin-top: 2%;
                margin-bottom: 2%;
            }

                .video_box_Board:hover .maskVideoBox .boxContent .titleContentMask {
                    position: relative;
                    float: right;
                    width: 80%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 10pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                    font-weight :500;
                }

                .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask {
                    position: relative;
                    float: right;
                    width: 60%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 10pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                    margin: 0;
                   
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-left: 5px;
                        background: rgb(153,153,153);
                        background: rgba(153,153,153,0.5);
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-right: 10px;
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 120px;
                        height: 30px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 9pt;
                        direction: rtl;
                        background: #CC0000;
                        color: #fff;
                        border-radius: 30px;
                        cursor: pointer;
                        text-align: center;
                        line-height: 30px;
                        margin-top: 5px;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }

                .video_box_Board:hover .maskVideoBox .boxContent .boxShare {
                    position: absolute;
                    float: left;
                    width: 40px;
                    height: 100%;
                    min-height: 250px;
                    padding: 0;
                    margin: 0;
                    top: 0px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 40px;
                        height: 40px;
                        border-radius: 360px;
                        border: 4px solid #999999;
                        background: #fff;
                        text-align: center;
                        color: #cc0000;
                        display: block;
                        margin-top: 4px;
                        -webkit-transition: background-color 0.5s ease;
                        -moz-transition: background-color 0.5s ease;
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                            color: #cc0000;
                            font-size: 12pt;
                            margin-top: 8px;
                            margin-bottom: 8px;
                        }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                            background: #cc0000;
                        }

                            .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                color: #fff;
                            }



    /*menu Section*/
    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #menu-button {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1000;
    }

        #cssmenu:after,
        #cssmenu > ul:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

        #cssmenu #menu-button {
            display: none;
        }

    #cssmenu {
        width: auto;
        font-family: iranyekanwebmediumfanum,arial;
        background: none;
    }

        #cssmenu > ul {
        }

        #cssmenu.align-right > ul > li {
            float: right;
        }

        #cssmenu > ul > li {
            float: right;
            display: inline-block;
        }

        #cssmenu.align-center > ul {
            float: none;
            text-align: center;
        }

            #cssmenu.align-center > ul > li {
                float: none;
            }

        #cssmenu.align-center ul ul {
            text-align: center;
        }

        #cssmenu > ul > li > a {
            padding-left: 12px;
            padding-right: 12px;
            padding-top: 25px;
            padding-bottom: 25px;
            border-right: 0px solid #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            text-align: center;
        }

            #cssmenu > ul > li:hover > a,
            #cssmenu > ul > li > a:hover,
            #cssmenu > ul > li.active > a {
                border-bottom: 4px solid #2FBEF2;
                color: #2FBEF2;
            }

        #cssmenu > ul > li.has-sub > a {
        }

            #cssmenu > ul > li.has-sub > a::after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                right: 0px;
                top: 22px;
            }

        #cssmenu > ul > li.has-sub.active > a::after,
        #cssmenu > ul > li.has-sub:hover > a {
        }

        #cssmenu ul ul {
            position: absolute;
            left: -9999px;
            top: 60px;
            padding-top: 6px;
            font-size: 12px;
            opacity: 0;
            -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
            -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
            -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
            -o-transition: top 0.2s ease, opacity 0.2s ease-in;
            transition: top 0.2s ease, opacity 0.2s ease-in;
        }

        #cssmenu.align-right ul ul {
            text-align: right;
        }

        #cssmenu > ul > li > ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-bottom-color: #2FBEF2;
            top: -4px;
            left: 40px;
        }

        #cssmenu.align-right > ul > li > ul::after {
            left: auto;
            right: 20px;
        }

        #cssmenu ul ul ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-right-color: #2FBEF2;
            top: 11px;
            right: -14px;
        }

        #cssmenu.align-right ul ul ul::after {
            border-right-color: transparent;
            border-left-color: #ffffff;
            left: auto;
            right: -1px;
        }

        #cssmenu > ul > li > ul {
            top: 120px;
        }

        #cssmenu > ul > li:hover > ul {
            top: 68px;
            left: 0;
            opacity: 1;
        }

        #cssmenu.align-right > ul > li:hover > ul {
            left: auto;
            right: 0;
        }

        #cssmenu ul ul ul {
            padding-top: 0;
            padding-left: 6px;
        }

        #cssmenu.align-right ul ul ul {
            padding-right: 6px;
        }

        #cssmenu ul ul > li:hover > ul {
            left: -208px;
            top: 0;
            opacity: 1;
        }

        #cssmenu.align-right ul ul > li:hover > ul {
            left: auto;
            right: 100%;
            opacity: 1;
        }

        #cssmenu ul ul li a {
            text-decoration: none;
            font-weight: 400;
            font-size: 10pt;
            padding-top: 12px;
            padding-bottom: 12px;
            width: 200px;
            color: #fff;
            text-align: right;
            background: #0B1A2A;
            direction: rtl;
            box-shadow: 1px 10px 10px #000;
            padding-right: 20px;
            -webkit-transition: color 0.8s;
            transition: color 0.8s;
        }

        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.active > a {
            color: #2FBEF2;
        }

        #cssmenu ul ul li:first-child > a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        #cssmenu ul ul li:last-child > a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        #cssmenu > ul > li > ul::after {
            position: absolute;
            display: block;
        }

        #cssmenu ul ul li.has-sub > a::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-left-color: #2FBEF2;
            right: 17px;
            top: 14px;
        }

        #cssmenu.align-right ul ul li.has-sub > a::after {
            border-left-color: transparent;
            border-right-color: #2FBEF2;
            right: auto;
            left: 17px;
        }

        #cssmenu ul ul li.has-sub.active > a::after,
        #cssmenu ul ul li.has-sub:hover > a::after {
            border-left-color: #2FBEF2;
        }

        #cssmenu.align-right ul ul li.has-sub.active > a::after,
        #cssmenu.align-right ul ul li.has-sub:hover > a::after {
            border-right-color: #2FBEF2;
            border-left-color: transparent;
        }

    .bannerContainer {
        position: absolute;
        top: -60px;
        left: 0px;
        width: 100%;
        min-height: 760px;
        background: none;
        display: inline-block;
    }

    .Elamie_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: #F8FAFC;
        min-height: 554px;
        border-top: 4px solid #fff;
        display: inline-block;
        text-align: center;
    }

        .Elamie_MainPage .Elamie_Container {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            min-height: 554px;
        }

            .Elamie_MainPage .Elamie_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
            }

                .Elamie_MainPage .Elamie_Container .rightBox .sectionPart {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    min-height: 554px;
                }


                .Elamie_MainPage .Elamie_Container .rightBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 115px;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    min-height: 60px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    direction: rtl;
                    text-align: right;
                    border-bottom: 1px solid #D6D6D6;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .ContentBox {
                    position: relative;
                    top: 10px;
                    float: right;
                    width: 90%;
                    min-height: 160px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #000;
                    direction: rtl;
                    text-align: justify;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: right;
                    width: 90%;
                    min-height: 110px;
                    line-height: 110px;
                }

                    .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton {
                        position: relative;
                        float: left;
                        width: 30%;
                        max-width: 200px;
                        min-height: 65px;
                        text-align: center;
                        color: #fff;
                        font-size: 10pt;
                        color: #fff;
                        border-style: solid;
                        border-width: 0px;
                        background: #2FBEF2;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum,arial;
                    }

                        .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton:hover {
                            background: #cc0000;
                        }

            .Elamie_MainPage .Elamie_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
            }

                .Elamie_MainPage .Elamie_Container .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 115px;
                }

                .Elamie_MainPage .Elamie_Container .leftBox .ImagePic {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: left;
                    width: 430px;
                    min-height: 340px;
                    background-image: url(../images/bg-pic.jpg);
                    background-repeat: no-repeat;
                    background-position: center center;
                    margin-left: 10px;
                }

                    .Elamie_MainPage .Elamie_Container .leftBox .ImagePic img {
                        position: absolute;
                        top: 40px;
                        left: 40px;
                        width: 430px;
                        min-height: 340px;
                    }

    .news_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        min-height: 600px;
        display: inline-block;
        text-align: center;
        margin-top: 150px;
    }

        .news_MainPage .news_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 600px;
            display: inline-block;
        }

    .News_Container .CommentBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 30px;
    }

        .News_Container .CommentBox p {
            margin: 0;
            padding: 0;
        }

    #btn_SendComment {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        border-width: 0;
        background: #888;
        color: #fff;
        cursor: pointer;
        padding: 5px 20px 5px 20px;
    }

        #btn_SendComment:hover {
            background: #2FBEF2;
        }

    .news_MainPage .news_Container .titleBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 130px;
        line-height: 130px;
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        text-align: right;
        direction: rtl;
    }

    .news_MainPage .news_Container .box {
        position: relative;
        top: 0px;
        float: right;
        padding: 0;
        margin: 0;
        width: 45%;
        min-height: 500px;
        margin-right: 5px;
        margin-left: 5px;
        background: #0B1A2A;
        border-radius: 15px;
        padding-bottom: 50px;
    }

        .news_MainPage .news_Container .box .innerBox {
            position: relative;
            top: 0px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            top: 25px;
            bottom: 25px;
            min-height: 480px;
        }



            .news_MainPage .news_Container .box .innerBox .picBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
                min-height: 200px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                border-radius: 15px;
            }



            .news_MainPage .news_Container .box .innerBox .titleBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 70px;
                direction: rtl;
                line-height: 30px;
                font-size: 11pt;
                font-weight: 700;
                color: #00AEEF;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                padding-top: 10px;
                padding-bottom: 10px;
                cursor: pointer;
            }

                .news_MainPage .news_Container .box .innerBox .titleBoxnews:hover {
                    color: #cc0000;
                }

            .news_MainPage .news_Container .box .innerBox .DateBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                direction: rtl;
                line-height: 30px;
                font-size: 11pt;
                font-weight: 500;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
            }


            .news_MainPage .news_Container .box .innerBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 80px;
                direction: rtl;
                line-height: 25px;
                font-size: 10pt;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: justify;
            }

            .news_MainPage .news_Container .box .innerBox .ButtonBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                text-align: left;
            }

                .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore {
                    position: relative;
                    float: right;
                    width: 150px;
                    height: 45px;
                    line-height: 45px;
                    border-radius: 30px;
                    
                    text-align: center;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 12pt;
                    color: #fff;
                    cursor: pointer;
                    margin-top: 20px;
                    display: block;
                    background-size: 200% auto;
                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    margin-bottom: 20px;
                }

                    .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore:hover {
                        background-position: right center;
                        color: #fff;
                        text-decoration: none;
                    }

    .History_Box {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 175px;
        display: inline-block;
        text-align: center;
        margin-top: 20px;
    }

        .History_Box .History_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 175px;
            display: inline-block;
        }

            .History_Box .History_Container .right_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 20%;
                min-height: 175px;
                padding: 0;
                margin: 0;
            }

                .History_Box .History_Container .right_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    min-height: 175px;
                    background: #F8FAFC;
                    background-image: url(../images/LogoHistory.png);
                    background-repeat: no-repeat;
                    background-position: center center;
                }

            .History_Box .History_Container .left_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 175px;
                padding: 0;
                margin: 0;
                background: #F8FAFC;
                display: inline-block;
                text-align: center;
            }

                .History_Box .History_Container .left_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    margin-top: 20px;
                    width: 80%;
                    min-height: 125px;
                    display: inline-block;
                }

                    .History_Box .History_Container .left_LogoBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 55px;
                        line-height: 55px;
                        text-align: right;
                        color: #2FBEF2;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 14pt;
                        direction: rtl;
                    }


                    .History_Box .History_Container .left_LogoBox .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 75px;
                        line-height: 30px;
                        text-align: right;
                        color: #000;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 11pt;
                        direction: rtl;
                    }

    .abountBox_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 230px;
        display: inline-block;
        text-align: center;
        margin-bottom: 40px;
    }

        .abountBox_Mainpage .abountBox_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 230px;
            display: inline-block;
        }

            .abountBox_Mainpage .abountBox_Container .box {
                position: relative;
                top: 0px;
                padding: 0px;
                margin: 0px;
                float: right;
                width: 50%;
                min-height: 230px;
            }

                .abountBox_Mainpage .abountBox_Container .box .rightBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: right;
                    right: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: right 0.5s;
                    transition: right 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view1 {
                    right: 0px;
                }

                .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 85%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 15%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                .abountBox_Mainpage .abountBox_Container .box .leftBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: left;
                    left: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: left 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: left 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view2 {
                    left: 0px;
                }


                .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 80%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-image: url(../images/CheshmAndazIcon.png);
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

    .Login_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 520px;
        display: inline-block;
        background: #A8BFC5;
        text-align: center;
        background-image: url(../images/back_mainPage_LoginPersonel.jpg);
        background-repeat: repeat-y;
    }

        .Login_MainPage .Login_Container {
            position: relative;
            top: 0px;
            width: 75%;
            min-height: 520px;
            display: inline-block;
        }

            .Login_MainPage .Login_Container .Login_Header {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 18pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                margin-top: 30px;
                color: #fff;
            }

            .Login_MainPage .Login_Container .RightBox {
                position: relative;
                top: -100px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
                -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                transition: top 1s;
            }

            .Login_MainPage .Login_Container .view3 {
                top: 0px;
            }

            .Login_MainPage .Login_Container .RightBox .innerBox {
                position: relative;
                top: 0px;
                margin-top: 100px;
                min-height: 280px;
                float: right;
                width: 100%;
            }

                .Login_MainPage .Login_Container .RightBox .innerBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    font-size: 14px;
                    font-family: iranyekanwebmediumfanum,arial;
                    text-align: right;
                    direction: rtl;
                    color: #fff;
                }

                .Login_MainPage .Login_Container .RightBox .innerBox iframe {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 200px;
                    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: top 0.5s;
                }




            .Login_MainPage .Login_Container .LeftBox {
                position: relative;
                top: 0px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
            }

                .Login_MainPage .Login_Container .LeftBox .picBox {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    top: 0px;
                    -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                    transition: top 1s;
                }

                .Login_MainPage .Login_Container .LeftBox .view4 {
                    top: 100px;
                }

    .Gallery_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 660px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
    }



        .Gallery_MainPage .topBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }

        .Gallery_MainPage .view5 {
            top: 0px;
        }

        .Gallery_MainPage .topBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .topBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBoxTitle {
                    position: absolute;
                    left: 0px;
                    width: 100%;
                    height: 15%;
                    display: none;
                    text-align: center;
                    background: #2FBEF2;
                    background: rgb(1,165,115);
                    background: rgb(1,165,115,0.8);
                    color: #fff;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    bottom: -100px;
                    -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: bottom 0.5s;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBoxTitle {
                    bottom: 0px;
                    display: inline-block;
                }


                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                    font-size: 20pt;
                    font-family: iranyekanwebmediumfanum,arial;
                }

                    .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

        .Gallery_MainPage .bottomBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }



        .Gallery_MainPage .view6 {
            top: 0px;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBoxTitle {
            position: absolute;
            left: 0px;
            width: 100%;
            height: 15%;
            display: none;
            text-align: center;
            background: #2FBEF2;
            background: rgb(1,165,115);
            background: rgb(1,165,115,0.8);
            color: #fff;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            bottom: -100px;
            -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
            transition: bottom 0.5s;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBoxTitle {
            bottom: 0px;
            display: inline-block;
        }


        .Gallery_MainPage .bottomBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .bottomBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                }

                    .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

    .Law_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 480px;
        background: #414550;
        display: inline-block;
        text-align: center;
    }

        .Law_MainPage .Law_Continer {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 80%;
            min-height: 480px;
        }

            .Law_MainPage .Law_Continer .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 190px;
                line-height: 190px;
                text-align: center;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 16pt;
                color: #fff;
            }

            .Law_MainPage .Law_Continer .box {
                position: relative;
                float: right;
                top: 0px;
                width: 48%;
                min-height: 130px;
                padding: 0;
                margin: 0;
                margin-left: 1%;
            }

                .Law_MainPage .Law_Continer .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 80px;
                    line-height: 80px;
                    width: 100%;
                    border-bottom: 2px solid #5F636C;
                }

                    .Law_MainPage .Law_Continer .box .innerBox .ArrowBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 10%;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox i {
                            position: relative;
                            top: 10px;
                            font-size: 45px;
                            color: #2FBEF2;
                        }


                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus {
                            position: relative;
                            top: 30px;
                            font-size: 25px;
                            color: #FFF;
                            cursor: pointer;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus:hover {
                                color: #FD5400;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .detBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: justify;
                        line-height: 25px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        display: block;
                        direction: rtl;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .detBox a {
                            text-align: justify;
                            line-height: 25px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #fff;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .detBox a:hover {
                                color: #D7D7D7;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .ContentTextBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 80%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 12pt;
                        color: #fff;
                        text-align: right;
                        direction: rtl;
                    }

    .certificates_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: #fff;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .certificates_MainPage .certificates_Container {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 600px;
            display: inline-block;
        }

            .certificates_MainPage .certificates_Container .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 200px;
                line-height: 200px;
                font-size: 16pt;
                color: #fff;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
            }

            .certificates_MainPage .certificates_Container .MainBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                min-height: 600px;
            }

    .maskedLiveBox {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.8);
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_right {
        position: relative;
        float: right;
        top: 0px;
        width: 40%;
        padding: 0;
        margin: 0;
        min-height: 600px;
    }


        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .titleLive {
            position: relative;
            float: right;
            width: 90%;
            font-size: 18pt;
            font-family: iranyekanwebmediumfanum;
            font-weight: 900;
            direction: rtl;
            text-align: right;
            min-height: 90px;
            line-height: 90px;
            color: #fff;
        }



        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox {
            position: relative;
            float: right;
            width: 280px;
            direction: rtl;
            text-align: right;
            min-height: 70px;
            line-height: 70px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox iframe {
                position: relative;
                top: 0px;
                left: 0px;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 70px;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox {
            position: relative;
            float: right;
            width: 80%;
            direction: rtl;
            text-align: right;
            min-height: 30px;
            line-height: 30px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .dateLive {
                position: relative;
                top: 0px;
                float: right;
                background: rgb(102,102,102);
                background: rgba(102,102,102,0.5);
                color: #fff;
                font-size: 12pt;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                padding-left: 8px;
                padding-right: 8px;
                margin-left: 10px;
                direction: rtl;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .summeryLive {
            position: relative;
            float: right;
            width: 80%;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            line-height: 25px;
            color: #fff;
            margin: 0;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            margin-top: 15px;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .timeLive {
            position: relative;
            top: 0px;
            float: right;
            color: #fff;
            font-size: 12pt;
            direction: ltr;
            font-family: iranyekanwebmediumfanum;
            padding-left: 8px;
            padding-right: 8px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left {
        position: relative;
        float: right;
        top: 0px;
        width: 60%;
        padding: 0;
        margin: 0;
        min-height: 600px;
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left .posterBox {
            position: relative;
            float: none;
            margin-left: auto;
            margin-right: auto;
            border-radius: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: block;
            min-height: 400px;
            margin-top: 100PX;
            margin-bottom: 100px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 320px;
        border: 18px solid #D7D7D7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: 40px;
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 0%;
            height: 0%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.5);
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            cursor: pointer;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox:after {
                content: "\f00e";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                /*--adjust as necessary--*/
                color: #fff;
                font-size: 35px;
                position: absolute;
                float: none;
                margin-left: auto;
                margin-right: auto;
                top: -45%;
                display: none;
                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: margin-top 1.5s;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox:after {
            display: inline-block;
            top: 45%;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox {
            width: 100%;
            height: 100%;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .titleBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 65px;
        line-height: 65px;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        background-image: url(../images/line_certificates.png);
        background-repeat: no-repeat;
        background-position: center right;
        text-align: center;
        width: 100%;
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .ContentBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 100px;
        line-height: 25px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        text-align: justify;
        width: 100%;
        right: 20px;
    }

    .Marakez_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 530px;
        display: inline-block;
        background-image: url(../images/back_Marakez.png);
        background-repeat: repeat;
        text-align: center;
    }

        .Marakez_MainPage .Marakez_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 530px;
            width: 80%;
        }

            .Marakez_MainPage .Marakez_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 55px;
            }

            .Marakez_MainPage .Marakez_Container .MainBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 485px;
                display: inline-block;
                margin-top: 50px;
            }

                .Marakez_MainPage .Marakez_Container .MainBox .rightBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 60px;
                        line-height: 60px;
                        font-size: 11pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                        font-weight: 700;
                    }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 110px;
                        line-height: 35px;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        direction: rtl;
                    }


                .Marakez_MainPage .Marakez_Container .MainBox .leftBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 96%;
                        min-height: 400px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        cursor: pointer;
                    }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            width: 0%;
                            height: 0%;
                            background: rgb(0,0,0);
                            background: rgba(0,0,0,0.5);
                            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                            transition: height 0.5s;
                        }

                            .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox:after {
                                content: "\f00e";
                                font-family: FontAwesome;
                                font-style: normal;
                                font-weight: normal;
                                text-decoration: inherit;
                                /*--adjust as necessary--*/
                                color: #fff;
                                font-size: 35px;
                                position: absolute;
                                float: none;
                                margin-left: auto;
                                margin-right: auto;
                                top: -45%;
                                display: none;
                                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                                transition: margin-top 1.5s;
                            }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox:after {
                            display: inline-block;
                            top: 45%;
                        }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox {
                            width: 100%;
                            height: 100%;
                        }

    .Contact_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }

        .Contact_MainPage .Contact_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 700px;
            display: inline-block;
        }

            .Contact_MainPage .Contact_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 120px;
            }

            .Contact_MainPage .Contact_Container .rightBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view7 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox1 {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                margin-top: 50px;
            }

            .Contact_MainPage .Contact_Container .rightBox .FrameBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 250px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                top: 50px;
                overflow: hidden;
            }

                .Contact_MainPage .Contact_Container .rightBox .FrameBox iframe {
                    position: absolute;
                    margin-top: -60px;
                    float: right;
                    width: 100%;
                    height: 100%;
                    display: block;
                    min-height: 250px;
                }

            .Contact_MainPage .Contact_Container .leftBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view9 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .leftBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 500px;
                border-right: 1px solid #F8FAFC;
                padding: 10px 10px 10px 10px;
            }

    .footer_mainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 260px;
        display: inline-block;
        text-align: center;
        background: #0B1A2A;
    }

        .footer_mainPage .footer_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 90%;
            border-bottom: 0px solid #62676D;
            min-height: 220px;
        }

            .footer_mainPage .footer_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 60px;
                width: 100%;
            }

            .footer_mainPage .footer_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 20%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                background-repeat: no-repeat;
                background-position: top right;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;
            }

            .footer_mainPage .footer_Container .view10 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 80%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;
            }

            .footer_mainPage .footer_Container .view11 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox .menuBox {
                position: relative;
                top: 0px;
                float: right;
                border-right: 0px solid #fff;
                min-height: 120px;
                width: 30%;
            }

                .footer_mainPage .footer_Container .leftBox .menuBox ul {
                    position: relative;
                    float: right;
                    width: 100%;
                    min-height: 120px;
                    padding: 0;
                    margin: 0;
                    list-style: none;
                    direction: rtl;
                    margin-right: 20px;
                }

                .footer_mainPage .footer_Container .leftBox .menuBox li {
                    padding: 0;
                    margin: 0;
                    width: 100%;
                    text-align: right;
                    padding: 5px 10px 5px 30px;
                }

                    .footer_mainPage .footer_Container .leftBox .menuBox li a {
                        width: 100%;
                        text-decoration: none;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                    }

                        .footer_mainPage .footer_Container .leftBox .menuBox li a:hover {
                            color: #2FBEF2;
                        }

        .footer_mainPage .footer_Container_Copy {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            text-align: center;
            min-height: 30px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 9pt;
            color: #C0C4C5;
            direction: rtl;
        }

    .InnerPage_TitlePage_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
    }

        .InnerPage_TitlePage_MainPage .barBox {
            position: relative;
            float: right;
            width: 300px;
            top: 25px;
            background-image: linear-gradient(to right, rgba(255,84,2,0), rgba(255,182,119,1));
            padding-right: 10%;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
        }

        .InnerPage_TitlePage_MainPage .IconBox {
            position: relative;
            float: right;
            top: 18px;
            left: 150px;
            width: 110px;
            height: 42px;
            border: 1px solid #13A899;
            background: #2A448F;
        }



    .Content_MainBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

    .Content_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 800px;
        padding-top: 50px;
        padding-bottom: 50px;
        display: inline-block;
    }


        .Content_Container .contentBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            margin: 0;
            padding: 0;
            min-height: 800px;
        }


            .Content_Container .contentBox .box {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 50%;
                min-height: 420px;
                padding: 0;
                margin: 0;
            }

                .Content_Container .contentBox .box .loginBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    border: 1px solid #CCCCCC;
                    padding: 40px 40px 40px 40px;
                    background: #ECEDF1;
                    width: 80%;
                }

                    .Content_Container .contentBox .box .loginBox .headerBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 66px;
                        line-height: 66px;
                        width: 100%;
                        direction: rtl;
                    }

                        .Content_Container .contentBox .box .loginBox .headerBox a {
                            position: relative;
                            right: 0px;
                            float: right;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #000;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Content_Container .contentBox .box .loginBox .headerBox a.link {
                                position: relative;
                                right: 0px;
                                float: right;
                                font-family: iranyekanwebmediumfanum,arial;
                                font-size: 9pt;
                                color: #000;
                                direction: rtl;
                                text-decoration: none;
                            }

                                .Content_Container .contentBox .box .loginBox .headerBox a.link:hover {
                                    color: #888888;
                                }

                            .Content_Container .contentBox .box .loginBox .headerBox a i {
                                font-size: 20pt;
                                color: #A7B8BF;
                                margin-left: 10px;
                            }

                    .Content_Container .contentBox .box .loginBox .titleBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 58px;
                        line-height: 30px;
                        width: 100%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                        text-align: right;
                        direction: rtl;
                    }


    .ContainerTextBoxObject {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 70px;
        width: 300px;
        padding: 5px 0px 5px 25px;
        display: inline-block;
        direction: rtl;
    }


    .ContainerTextBoxObject1 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 300px;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxObject2 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 90%;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .SaveBox input {
        padding: 5pcx 20px 5px 20px;
        border-style: solid;
        border-width: 0px;
        cursor: pointer;
        background: #5C5C5C;
        color: #fff;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        position: relative;
        float: left;
        left: 0px;
        width: 100px;
    }

        .SaveBox input:hover {
            background: #888888;
        }

    .SaveBox p {
        width: 100%;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 12pt;
        color: #1c1c1c;
        margin-top: 10%;
        direction: rtl;
    }

    .SaveBox i {
        font-size: 20pt;
    }

    .SaveBoxContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: none;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,.8);
        text-align: center;
        z-index: 1000000000;
        overflow: hidden;
    }

    .SaveBox .headerBox {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 14pt;
    }

    .SaveBox {
        position: relative;
        width: 25%;
        min-height: 300px;
        display: inline-block;
        background: #fff;
        float: left;
        top: 25%;
        left: -1000px;
        -webkit-transition: left 1.5s; /* For Safari 3.1 to 6.0 */
        transition: left 1.5s;
        padding: 10px 10% 10px 10%;
    }

    .effectContainerDiv {
        position: absolute;
        top: 0px;
        float: right;
        right: 0px;
        width: 0%;
        height: 100%;
        display: block;
        background: #cc0000;
        -webkit-transition: width 1.5s; /* For Safari 3.1 to 6.0 */
        transition: width 1.5s;
        border-radius: 5px;
        text-decoration: none;
    }

    .effectContainerDiv_active {
        width: 100%;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

        .ContainerQuotation a:hover .talkbubble {
            display: block;
        }

    .quotation {
        background: none;
        padding: 0;
        margin: 0;
        list-style: none;
        display: block;
        list-style-type: none;
        text-decoration: none;
    }

    .talkbubble {
        width: 200px;
        min-height: 50px;
        background: #2FBEF2;
        background: rgb(1,165,115);
        background: rgba(1,165,115,0.9);
        position: relative;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        z-index: 10;
        top: 20px;
        display: none;
        font-size: 9pt;
        color: #fff;
        text-align: right;
        font-family: iranyekanwebmediumfanum,arial;
        text-decoration: none;
        line-height: 20px;
        padding: 5px 10px 5px 10px;
    }

        .talkbubble:before {
            content: "";
            position: absolute;
            top: -10px;
            right: 100%;
            right: 5%;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 10px solid #2FBEF2;
            z-index: 100;
        }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .ContainerTextBoxStyle input {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .ContainerTextBoxStyle select {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 260px;
        height: 36px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
    }

    .ContainerTextBoxStyle textarea {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

    #btnSaveForm {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
    }

        #btnSaveForm:hover {
            background: #00AEEF;
            color: #fff;
        }

    #btnAddMember {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
        border-right: 4px solid #A7B8BF;
    }

        #btnAddMember:hover {
            background: #00AEEF;
            color: #fff;
        }

    .MainPage_History {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .Container_History {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        text-align: right;
    }

    .MainPage_AboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .Container_AboutUs {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }
    .contentHistory{
        width:800px;
        color:#fff;
       
    }

    .topBannerBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 160px;
        line-height: 160px;
        background-color: #cc0000;
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2301a573' fill-opacity='0.37' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    }


        .topBannerBox hr {
            position: relative;
            float: right;
            width: 15%;
            height: 1px;
            font-size: 0pt;
            color: #fff;
            background: #fff;
            border-style: solid;
            border-width: 0px;
            margin-top: 84px;
            margin-bottom: 84px;
        }

        .topBannerBox .TextTitle {
            position: relative;
            float: right;
            top: 0px;
            min-height: 160px;
            line-height: 160px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 26pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            width: 80%;
            padding-right: 10px;
            font-weight: 700;
        }

    .MainpathBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
        display: inline-block;
        text-align: center;
        direction: rtl;
    }

    .pathBox {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 50px;
        line-height: 50px;
        text-align: right;
        display: inline-block;
    }

        .pathBox ul {
            padding: 0;
            margin: 0;
            display: inline-block;
            list-style-type: none;
            width: 100%;
        }

            .pathBox ul li {
                padding: 0;
                margin: 0;
                display: inline-block;
                margin-left: 5px;
                margin-right: 5px;
            }

                .pathBox ul li a {
                    font-size: 9pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    color: #aaa;
                    text-decoration: none;
                }

                    .pathBox ul li a i {
                        font-size: 10pt;
                        color: #aaa;
                    }

                    .pathBox ul li a:hover {
                        color: #2FBEF2;
                    }

    .Container_AboutUs .whiteBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 60px;
    }

    .Container_AboutUs .MainBoxContent {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 1080px;
    }

        .Container_AboutUs .MainBoxContent .rightBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 60%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
        }

            .Container_AboutUs .MainBoxContent .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 60px;
                text-align: right;
                line-height: 60px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #000;
                direction: rtl;
            }

            .Container_AboutUs .MainBoxContent .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 110px;
                text-align: justify;
                direction: rtl;
                line-height: 30px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #666;
            }

            .Container_AboutUs .MainBoxContent .rightBox .lineBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 30px;
                display: inline-block;
                text-align: center;
                line-height: 30px;
                background-image: url(../images/image_AboutUs8.jpg);
                background-position: center center;
                background-repeat: repeat-x;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .Container_AboutUs .MainBoxContent .rightBox .CircleBox {
                position: relative;
                top: 5px;
                width: 10px;
                height: 10px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                background: #2FBEF2;
                border: 6px solid #FFBFA2;
                border-radius: 180px;
            }

        .Container_AboutUs .MainBoxContent .leftBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 40%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
        }

            .Container_AboutUs .MainBoxContent .leftBox img {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 20px;
                width: 90%;
                box-shadow: 8px 8px 8px #E8EFF9;
            }

    .MainPage_MessageManager {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 640px;
        background: #fff;
        display: inline-block;
        text-align: center;
    }

        .MainPage_MessageManager .Container_MessageManager {
            position: relative;
            top: 0px;
            float: left;
            width: 90%;
            min-height: 640px;
            display: inline-block;
        }

            .MainPage_MessageManager .Container_MessageManager .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 35%;
                margin: 0;
                padding: 0;
                min-height: 600px;
                background-image: url(../images/image_AboutUs4.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .MainPage_MessageManager .Container_MessageManager .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 65%;
                margin: 0;
                padding: 0;
                min-height: 600px;
            }

                .MainPage_MessageManager .Container_MessageManager .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    min-height: 50px;
                }

                .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage {
                    position: relative;
                    top: 0px;
                    float: left;
                    width: 90%;
                    min-height: 560px;
                }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox {
                        position: relative;
                        top: 0px;
                        width: 100%;
                        min-height: 45px;
                        line-height: 45px;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            min-width: 150px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 14pt;
                            color: #000;
                            text-align: right;
                            direction: rtl;
                            line-height: 45px;
                            min-height: 45px;
                            background: #fff;
                        }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .amountContent {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 510px;
                        text-align: justify;
                        direction: rtl;
                        line-height: 30px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                    }

    .MainPage_whiteAboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: none;
        
    }

        .MainPage_whiteAboutUs .Container_whiteAboutUs {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 90%;
            min-height: 700px;
            
        }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .whiteSpace {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 76px;
            }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox {
                position: relative;
                top: 0px;
                float: right;
                text-align: right;
                width: 100%;
                min-height: 74px;
                line-height: 74px;
                font-size: 13pt;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum,arial;
            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox i {
                    font-size: 28pt;
                    color: #fff;
                    margin-left: 10px;
                    vertical-align: middle;
                }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                min-height: 190px;
            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox {
                    position: relative;
                    top: 0px;
                    min-height: 190px;
                    float: right;
                    margin: 0;
                    padding: 0;
                    width: 90%;
                }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 50px;
                        line-height: 50px;
                        width: 100%;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox .titleText {
                            position: relative;
                            float: right;
                            min-height: 45px;
                            line-height: 45px;
                            font-size: 13pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            color: #fff;
                            text-align: right;
                            direction: rtl;
                            background: #06121E;
                            min-width: 120px;
                            vertical-align: middle;
                        }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .Text {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 130px;
                        line-height: 30px;
                        text-align: justify;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        direction: rtl;
                        color: #fff;
                    }

    .Mainpage_Taghdiname {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
        background: none;
    }

    .Container_Taghdiname {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .Container_Taghdiname .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 50px;
        }

        .Container_Taghdiname .TitleBox {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 90px;
            line-height: 90px;
            float: right;
            text-align: center;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum,arial;
            color: #fff;
        }

        .Container_Taghdiname .Box {
            position: relative;
            top: 0px;
            width: 30%;
            min-height: 550px;
            margin-left: 55px;
            margin-right: 55px;
        }

            .Container_Taghdiname .Box .PicBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 360px;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .Container_Taghdiname .Box a {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 260px;
                display: block;
            }

            .Container_Taghdiname .Box .BoxText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 170px;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                line-height: 25px;
                color: #fff;
                text-align: justify;
                direction: rtl;
                padding-top: 30px;
            }

    .Mainpage_Mashi {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 340px;
        background: none;
        display: inline-block;
        text-align: center;
        margin-bottom :50px;
    }

    .Container_Mashi {
        position: relative;
        top: 0px;
        width: 90%;
        min-height: 340px;
        display: inline-block;
    }

        .Container_Mashi .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 65px;
        }

        .Container_Mashi .titleBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 40px;
        }



            .Container_Mashi .titleBox .amountText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #fff;
                text-align: right;
                direction: rtl;
            }

                .Container_Mashi .titleBox .amountText .Line {
                    position: relative;
                    margin: 0;
                    padding: 0;
                    top: 20px;
                    float: right;
                    max-width: 240px;
                    color: #2FBEF2;
                    background: #2FBEF2;
                    height: 2px;
                    width: 20%;
                    border: 0;
                    margin-left: 20px;
                }

        .Container_Mashi .contentText {
            position: relative;
            top: 0px;
            float: right;
            width: 80%;
            min-height: 330px;
            text-align: justify;
            direction: rtl;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            background: none;
        }

    .MainPage_Certificates {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

        .MainPage_Certificates .Container_Certificates {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 800px;
            display: inline-block;
            padding-top: 30px;
        }

    .News_MainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .News_Container {
        position: relative;
        top: 0px;
        width: 90%;
        display: inline-block;
        min-height: 600px;
    }

    .news_RightBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 75%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
        margin-left: 5%;
    }



        .news_RightBox .titleNewsBox {
            position: relative;
            top: 0px;
            width: 100%;
            float: right;
            right: 0px;
            min-height: 45px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 14pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            padding-top: 0px;
        }

            .news_RightBox .titleNewsBox a {
                direction: rtl;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #fff;
                text-decoration: none;
            }

                .news_RightBox .titleNewsBox a:hover {
                    color: #a20000;
                }

        .news_RightBox .DateNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 30px;
            line-height: 30px;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 10pt;
            color: #a1a1a1;
            direction: rtl;
        }

            .news_RightBox .DateNewsBox i {
                font-size: 16pt;
                margin-left: 10px;
                color: #ffffff;
            }

        .news_RightBox .picBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 450px;
            overflow: hidden;
            border-radius: 15px;
        }

            .news_RightBox .picBox img {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                max-width: 90%;
                max-height: 440px;
                border-radius: 15px;
            }

        .news_RightBox .SummeryNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .news_RightBox .WriterName {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            direction: rtl;
            text-align: justify;
            min-height: 30px;
        }

        .news_RightBox .buttonBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 100px;
        }

            .news_RightBox .buttonBox input {
                position: relative;
                top: 0px;
                float: left;
                left: 0px;
                text-align: center;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                color: #fff;
                cursor: pointer;
                width: 150px;
                min-height: 50px;
                background: #2FBEF2;
                border: 0px solid #2FBEF2;
                border-radius: 0px;
                -webkit-transition: background 0.5s,color 0.5s; /* For Safari 3.1 to 6.0 */
                transition: background 0.5s,color 0.5s;
            }

                .news_RightBox .buttonBox input:hover {
                    background: #cc0000;
                    color: #FFF;
                }

        .news_RightBox .lineBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            min-height: 20px;
            line-height: 20px;
            border-bottom: 1px solid #2FBEF2;
            margin-bottom: 30px;
        }



    .news_LeftBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 20%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
    }

        .news_LeftBox .recentTitle {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: right;
        }

        .news_LeftBox .recentNewsBox {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            margin-bottom: 20px;
        }

            .news_LeftBox .recentNewsBox .imageBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                min-height: 100px;
                display: inline-block;
                text-align: right;
                width: 100%;
            }

                .news_LeftBox .recentNewsBox .imageBox img {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    border: 2px solid #fff;
                    border-radius: 15px;
                }

            .news_LeftBox .recentNewsBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 80px;
                padding-top: 10px;
                padding-bottom: 10px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                text-align: right;
            }

                .news_LeftBox .recentNewsBox .titleBox a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #fff;
                    text-decoration: none;
                    text-align: right;
                    direction: rtl;
                }

                    .news_LeftBox .recentNewsBox .titleBox a:hover {
                        color: #cc0000;
                    }

    .news_PagingBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        display: inline-block;
        text-align: right;
        min-height: 60px;
        line-height: 60px;
    }

        .news_PagingBox ul {
            position: relative;
            top: 0px;
            float: right;
            direction: rtl;
            right: 0px;
            display: inline-block;
            list-style-type: none;
        }

            .news_PagingBox ul li {
                display: inline-block;
                width: 30px;
            }

                .news_PagingBox ul li a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    display: block;
                    padding: 5px;
                    text-decoration: none;
                }

                    .news_PagingBox ul li a:hover {
                        color: #26ACDE;
                    }

                    .news_PagingBox ul li a.active {
                        color: #26ACDE;
                    }

                .news_PagingBox ul li i {
                    font-size: 18pt;
                }

    .chart_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 900px;
        display: inline-block;
        text-align: center;
    }

        .chart_MainPage .chart_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 900px;
            display: inline-block;
            overflow: auto;
        }

            .chart_MainPage .chart_Container iframe {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 900px;
            }


    .mainpageBox_Link {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .Container_Link {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        margin-top: 50px;
    }


    .box_Link {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        display: inline-block;
        width: 22%;
        margin: 5px;
        min-height: 280px;
        cursor: pointer;
        overflow: hidden;
        border: 1px solid #c1c1c1;
    }

        .box_Link .maskBoxLink {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 0%;
            display: inline-block;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.7);
            z-index: 1;
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            text-align: center;
            font-family: yakan,arial;
            font-size: 12pt;
            color: #fff;
        }

        .box_Link:hover .maskBoxLink {
            height: 100%;
        }

        .box_Link .maskBoxLink p {
            position: absolute;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: center;
            min-height: 40px;
            line-height: 40px;
            top: -100px;
            width: 100%;
            -webkit-transition: top 0.9s; /* For Safari 3.1 to 6.0 */
            transition: top 0.9s;
            z-index: -10000;
        }

        .box_Link:hover .maskBoxLink p {
            top: 40%;
            z-index: 1;
        }

    .GalleryMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .GalleryContainer {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        padding-bottom: 30px;
        margin-bottom: 150px;
    }

        .GalleryContainer .headerBoxGallery {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 28pt;
            color: #000;
            text-align: center;
        }

        .GalleryContainer .GalleryBox {
            position: relative;
            top: 100px;
            float: left;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 48%;
            min-height: 350px;
            margin: 1%;
        }

        .GalleryContainer .GalleryBox_view {
            top: 0px;
            opacity: 1;
            filter: alpha(opacity=100);
        }


    .GalleryBox .maskBoxGallery {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery {
        background: rgba(0,0,0,.5);
    }

    .GalleryBox .maskBoxGallery:before {
        content: "\f00e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery:before {
        visibility: visible;
    }




    .GalleryBox .maskBoxGallery1 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(38,173,221);
        background: rgba(38,173,221,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery1 {
        background: rgba(38,173,221,.6);
    }

    .GalleryBox .maskBoxGallery1:before {
        content: "\f144";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery1:before {
        visibility: visible;
    }



    .LawPage_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 800px;
    }

        .LawPage_MainPage .LawPage_Container {
            position: relative;
            top: 0px;
            width: 90%;
            display: inline-block;
            min-height: 800px;
        }

            .LawPage_MainPage .LawPage_Container .TitleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 80px;
                line-height: 80px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
                font-weight: 900;
            }

            .LawPage_MainPage .LawPage_Container .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: justify;
                min-height: 60px;
                line-height: 35px;
                font-size: 12pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
            }

            .LawPage_MainPage .LawPage_Container .WhiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
            }

    .Contact_MainpageBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .Contact_ContainerMainPage {
        position: relative;
        top: 0px;
        width: 95%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 50px;
        margin-top: 10px;
    }

        .Contact_ContainerMainPage .contact_Titr {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 80px;
            line-height: 80px;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum;
            direction: rtl;
            text-align: right;
            color: #cc0000;
            font-weight: 900;
        }



        .Contact_ContainerMainPage iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 650px;
            margin-top: 50px;
            margin-bottom: 10px;
        }

    .contact_Header {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        text-align: center;
        font-size: 18pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        margin-top: 60px;
        min-height: 80px;
        line-height: 80px;
        width: 100%;
    }

    .contact_Text {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        text-align: right;
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        min-height: 60px;
        line-height: 30px;
        width: 35%;
        margin-bottom: 0px;
        direction: rtl;
        padding-left: 50px;
    }

    .contact_AddressBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        line-height: 180px;
    }

    .contact_Box {
        position: relative;
        top: 0px;
        right: -20%;
        float: right;
        width: 33.3%;
        margin: 0;
        padding: 0;
        min-height: 180px;
    }

    .contact_Box_view {
        right: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .contact_Box .logo_ContactBox {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        min-height: 60px;
        display: inline-block;
    }

    .contact_Box .Content_ContactBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        margin: 0;
        padding: 0;
    }

    .ContactMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        text-align: center;
        min-height: 700px;
    }

    .Contact_ContainerMainPage .BoxFrame {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 1000px;
        width: 65%;
    }

    .Contact_ContainerMainPage .frameContact {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: block;
        background: #0B1A2A;
        border-radius: 15px;
        padding: 20px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    #map {
        position: relative;
        top: 5px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: block;
    }



    .ContactMap_Container iframe {
        position: relative;
        top: 0px;
        left: 0px;
        width: 80%;
        min-height: 700px;
        display: block;
        border-radius: 15px;
        padding: 20px;
    }

    .showService_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .showService_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 400px;
        display: inline-block;
    }

        .showService_Container .whiteBox {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 100px;
        }

        .showService_Container .rightBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 80px;
                line-height: 80px;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #2FBEF2;
                direction: rtl;
            }

            .showService_Container .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 400px;
                line-height: 30px;
                direction: rtl;
                text-align: justify;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #000;
            }


        .showService_Container .leftBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 400px;
            }

    .siteMap_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .siteMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .siteMap_Container .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 80px;
        }

        .siteMap_Container .BoxMap {
            position: relative;
            top: 0px;
            float: right;
            width: 23%;
            min-height: 300px;
        }

            .siteMap_Container .BoxMap .headBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                font-weight: 700;
            }


                .siteMap_Container .BoxMap .headBox a {
                    font-size: 14pt;
                    text-decoration: none;
                    color: #000;
                }

            .siteMap_Container .BoxMap .itemBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }



                .siteMap_Container .BoxMap .itemBox a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

                    .siteMap_Container .BoxMap .itemBox a:hover {
                        color: #2FBEF2;
                    }

            .siteMap_Container .BoxMap .itemBoxUnder {
                position: relative;
                top: 0px;
                float: left;
                width: 90%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }

                .siteMap_Container .BoxMap .itemBoxUnder a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

        .siteMap_Container .BoxMapUnder .itemBox a:hover {
            color: #2FBEF2;
        }

    .SearchView_MaonBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .SearchView_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 600;
    }

        .SearchView_Container iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 600px;
        }

    .MenuScroll_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 130px;
        display: inline-block;
        text-align: center;
    }

    .MenuScroll_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 130px;
    }

        .MenuScroll_Container .boxMenu {
            position: relative;
            top: 0px;
            min-height: 100px;
            width: 140px;
            cursor: pointer;
        }



            .MenuScroll_Container .boxMenu .LogoPicBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 80px;
                line-height: 80px;
            }


                .MenuScroll_Container .boxMenu .LogoPicBox img {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 30px;
                    max-width: 86px;
                }

            .MenuScroll_Container .boxMenu .titleBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 44px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 12pt;
                color: #000;
            }

            .MenuScroll_Container .boxMenu:hover .titleBox {
                color: #2FBEF2;
            }

    .khadamatMainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        background: #F8FAFC;
        box-shadow: 1px 1px 2px gray;
    }

    .khadamatContainer {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 120px;
        width: 100%;
    }

    .loginBox_hrhs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 362px;
        display: inline-block;
        text-align: center;
    }


        .loginBox_hrhs .container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 232px;
            margin-top: 65px;
            border-radius: 10px;
            background: rba(248,250,252);
            background: rgba(248,250,252,1);
            text-align: center;
            display: inline-block;
        }

            .loginBox_hrhs .container .innerBox {
                position: relative;
                top: 0px;
                width: 80%;
                min-height: 160px;
                display: inline-block;
                margin-top: 36px;
            }

                .loginBox_hrhs .container .innerBox .contentBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 50%;
                    min-height: 160px;
                    text-align: right;
                }

                    .loginBox_hrhs .container .innerBox .contentBox .textBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 42px;
                        width: 100%;
                        border-radius: 5px;
                        background: #fff;
                        margin: 0;
                        padding: 0;
                        margin-bottom: 10px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .caption {
                            position: relative;
                            top: 0px;
                            right: 0px;
                            float: right;
                            width: 30%;
                            text-align: center;
                            min-height: 42px;
                            line-height: 42px;
                            margin: 0;
                            padding: 0;
                            border-top-right-radius: 5px;
                            border-bottom-right-radius: 5px;
                            background: #2FBEF2;
                            font-size: 12pt;
                            color: #fff;
                            font-family: iranyekanwebmediumfanum;
                            font-weight: 300;
                        }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .styleText {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            width: 60%;
                            padding: 0;
                            padding-right: 5%;
                            min-height: 42px;
                            line-height: 42px;
                            font-size: 12pt;
                            color: #222;
                            font-family: iranyekanwebmediumfanum;
                            background: #fff;
                            border-top-left-radius: 5px;
                            border-bottom-left-radius: 5px;
                            border: 0;
                            direction: rtl;
                            text-align: right;
                        }

                    .loginBox_hrhs .container .innerBox .contentBox .buttonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        width: 100%;
                        min-height: 46px;
                        margin-top: 20px;
                        line-height: 46px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button {
                            position: relative;
                            float: left;
                            left: 0px;
                            width: 40%;
                            max-width: 124px;
                            height: 45px;
                            line-height: 45px;
                            text-align: center;
                            border: 0;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 11pt;
                            color: #fff;
                            background: #2FBEF2;
                            border-radius: 10px;
                            cursor: pointer;
                            direction: rtl;
                        }

                            .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button:hover {
                                background: #964B00;
                            }

    .counter_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 200px;
        line-height: 200px;
        display: inline-block;
        text-align: center;
        background: none;
    }

        .counter_hrhs_Mainpage .container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 140px;
            display: inline-block;
            margin: 0;
            padding: 0;
            margin-top: 60px;
        }

            .counter_hrhs_Mainpage .container .boxAmar {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 25%;
                min-height: 200px;
                line-height: 200px;
            }


                .counter_hrhs_Mainpage .container .boxAmar .headerAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 70px;
                    line-height: 70px;
                    font-size: 22pt;
                    color: #fff;
                    font-family: byekan;
                    width: 100%;
                    font-weight: 800;
                }


                .counter_hrhs_Mainpage .container .boxAmar .BodyAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 50px;
                    line-height: 50px;
                    font-size: 16pt;
                    color: #fff;
                    font-family: iranyekanwebmediumfanum;
                    width: 100%;
                }

    .map_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 722px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }
        .popupLive{
        position :fixed ;
        top:0px;
        left:0px;
        width :100%;
        height :0%;
        display :none ;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.9);
        text-align :center ;
        z-index :111111111111111111111111111111111111111111111111111111111111;
        padding :50px;
	}
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {

    .managerMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }
    
    .managerContainer {
        position: relative;
        top: 0px;
        width: 60%;
        min-height: 800px;
        display: inline-block;
        direction: rtl;
    }

        .managerContainer .boxManagerModirAmel {
            position: relative;
            top: 0px;
            float: none;
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            min-height: 325px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            background-image: url("https://3.bp.blogspot.com/-piZWCW2uUbg/W2fPXxkWZgI/AAAAAAAAOu0/eydmMjTIqcwLMHEEr2H7imqoRTxMw4o9QCLcBGAs/s1600/among_trees_night_dribbble.png");
            border-radius: 4px;
            padding: 10px;
            direction: rtl;
        }

            .managerContainer .boxManagerModirAmel .innertoBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #2FBEF2;
                width: 60%;
                background-repeat: no-repeat;
                background-position: center center;
                background;
            }

            .managerContainer .boxManagerModirAmel .middleBox {
                position: absolute;
                bottom: 0px;
                margin-bottom: 0px;
                min-height: 65px;
                background: #2FBEF2;
                width: 100%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #fff;
                line-height: 65px;
                text-align: center;
            }


            .managerContainer .boxManagerModirAmel .bottomBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 325px;
                background: #fff;
                width: 40%;
                display: inline-block;
            }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer {
                    position: relative;
                    top: 10px;
                    right: 0px;
                    float: right;
                    min-height: 300px;
                    text-align: center;
                    width: 30px;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox {
                        position: relative;
                        float: right;
                        width: 55px;
                        height: 55px;
                        border-radius: 180px;
                        text-align: center;
                        margin-right: -20px;
                        background: #cc0000;
                        cursor: pointer;
                        margin-bottom: 5px;
                    }

                        .managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox:hover {
                            background: #2FBEF2;
                        }

                .managerContainer .boxManagerModirAmel .bottomBox .circleBox i {
                    color: #fff;
                    margin-top: 15px;
                    font-size: 25px;
                }

                .managerContainer .boxManagerModirAmel .bottomBox p {
                    float: right;
                    top: 0px;
                    width: 60%;
                    min-height: 30px;
                    line-height: 30px;
                    padding-right: 10%;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #333;
                    text-align: right;
                    direction: rtl;
                }

                    .managerContainer .boxManagerModirAmel .bottomBox p i {
                        color: #2FBEF2;
                        font-size: 10pt;
                        margin-left: 10px;
                        margin-top: 5px;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.user {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.phone {
                        font-family: byekan;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.email {
                        font-family: iranyekanwebmediumfanum;
                    }

                    .managerContainer .boxManagerModirAmel .bottomBox p.fax {
                        font-family: byekan;
                    }




        .managerContainer .boxManager {
            position: relative;
            top: 0px;
            float: none;
            width: 35%;
            margin-left: auto;
            margin-right: auto;
            display: inline-block;
            min-height: 400px;
            -webkit-box-shadow: 3px 3px 3px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 3px 3px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
            box-shadow: 3px 3px 3px 3px #ccc;
            border: 4px solid #2FBEF2;
            border-radius: 4px;
            padding: 10px;
            margin: 1%;
            margin-top: 2.5%;
            margin-bottom: 2.5%;
        }

        .managerContainer .fourBox {
            width: 22%;
        }

        .managerContainer .boxManager .innertoBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 200px;
            width: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100px;
        }

        .managerContainer .boxManager .middleBox {
            position: relative;
            top: 0px;
            float: right;
            min-height: 55px;
            background: #2FBEF2;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            text-align: center;
        }


        .managerContainer .boxManager .bottomBox {
            position: relative;
            top: 0px;
            float: left;
            min-height: 145px;
            background: #fff;
            width: 100%;
            display: inline-block;
            direction: rtl;
        }

            .managerContainer .boxManager .bottomBox .circleBoxContainer {
                position: relative;
                top: 0px;
                left: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                min-height: 35px;
                display: inline-block;
                text-align: center;
            }

                .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox {
                    position: relative;
                    float: right;
                    margin-left: 5px;
                    width: 40px;
                    height: 40px;
                    border-radius: 180px;
                    text-align: center;
                    margin-top: -20px;
                    background: #00AEEF;
                    cursor: pointer;
                }

                    .managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox:hover {
                        background: #cc0000;
                    }

            .managerContainer .boxManager .bottomBox .circleBox i {
                color: #fff;
                margin-top: 10px;
                font-size: 20px;
            }

            .managerContainer .boxManager .bottomBox p {
                position: relative;
                float: left;
                top: 0px;
                width: 90%;
                min-height: 20px;
                line-height: 20px;
                padding-right: 10%;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #333;
                text-align: right;
                direction: rtl;
                margin: 0.5px;
            }

                .managerContainer .boxManager .bottomBox p i {
                    color: #2FBEF2;
                    font-size: 10pt;
                    margin-left: 10px;
                    margin-top: 5px;
                }

                .managerContainer .boxManager .bottomBox p.user {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.phone {
                    font-family: byekan;
                }

                .managerContainer .boxManager .bottomBox p.email {
                    font-family: iranyekanwebmediumfanum;
                }

                .managerContainer .boxManager .bottomBox p.fax {
                    font-family: byekan;
                }


    .titleBox_Inf {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 130px;
        line-height: 130px;
        font-size: 14pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        text-align: center;
        direction: rtl;
    }


    .NewsFori {
        position: fixed;
        bottom: 0px;
        width: 20%;
        max-width: 300px;
        height: 180px;
        background: rgb(4,49,0);
        background: rgba(4,49,182,0.9);
        padding: 10px 20px 10px 10px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        z-index: 1000000000000;
        box-shadow: 1px 1px 1px gray;
        min-width: 300px;
        font-weight: 300;
    }




    .marqueeBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        height: 40px;
        z-index: 10000000000;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 11pt;
        color: #333;
        padding-top: 5px;
        direction: rtl;
    }



    .socialBox {
        position: fixed;
        float: left;
        top: 25%;
        min-width: 40px;
        background: rgb(191,189,192);
        background: rgba(191,189,192,0.5);
    }

        .socialBox ul {
            left: 0px;
            float: left;
            padding: 0;
            margin: 0;
            display: block;
        }

            .socialBox ul li {
                margin: 0;
                padding: 0;
                width: 40px;
                height: 40px;
                display: block;
            }

                .socialBox ul li a {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    text-decoration: none;
                    display: block;
                }

    html, body {
        padding: 0;
        margin: 0;
    }

    .mainPageScreen {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
        background: #06121E;
        
    }

      .mainPageScreen .mainPageScreen_child {
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        height :700px;
        display :block ;
        
    }

    .topWhiteBar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        height: 50px;
        display: inline-block;
        z-index: 100000;
    }

    .topWhiteBar_Container {
        position: relative;
        top: 0px;
        width: 98%;
        min-height: 55px;
        display: inline-block;
    }

    .topWhiteBar .main_ul {
        float: left;
        left: 0px;
        min-height: 55px;
    
    }

    .topWhiteBar .main_li {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .topWhiteBar iframe {
        position: relative;
        float: left;
        left: 0px;
        top: 0px;
        width: 40px;
        height: 35px;
        display: inline-block;
    }

    .topWhiteBar a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        min-height: 35px;
        line-height: 35px;
        -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: color 0.5s;
    }

        .topWhiteBar a i {
            font-size: 16pt;
            color: #fff;
            margin-right: 5px;
            -webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
            transition: color 0.5s;
        }

        .topWhiteBar a:hover i {
            color: #00AEEF;
        }

        .topWhiteBar a:hover {
            color: #00AEEF;
        }

    .topWhiteBar i:hover {
        color: #00AEEF;
    }

    .main_li .topWhiteBar_DropDown {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 15px 15px 15px;
        background: #00AEEF;
        color: #fff;
    }

    .main_li .topWhiteBar_DropDown_Search {
        float: none;
        list-style: none;
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 10000;
        direction: rtl;
        margin: 0;
        padding: 15px 5px 15px 5px;
        background: #00AEEF;
        color: #fff;
        width: 215px;
    }

    /*.main_li:hover .topWhiteBar_DropDown
	{
		display:block ;
	}*/

    .topWhiteBar_DropDown li {
        display: block;
        margin: 0;
    }



    #btnLogin {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnLogin:hover {
            background: #fff;
            color: #00AEEF;
        }

    #btnSearch {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #fff;
        border: 2px solid #00AEEF;
        border-radius: 30px;
        cursor: pointer;
        background: #00AEEF;
        width: 40%;
    }

        #btnSearch:hover {
            background: #fff;
            color: #00AEEF;
        }

    .topBar {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        background: none;
        display: inline-block;
        text-align: center;
        z-index: 11111111111111111111111111111111111111111111111111111111;
    }

    .topBar_Container {
        position: relative;
        top: 0px;
        width: 98%;
        display: inline-block;
    }

        .topBar_Container .logoBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            cursor: pointer;
            width: 323px;
        }

    .logoBox img {
        position: relative;
        float: right;
        top: 0px;
        right: 0px;
    }

    .topBar_Container .menuPhoneBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        background: none;
    }

    .menuPhoneBox .phoneBox {
        position: relative;
        top: 0px;
        float: left;
        left: 20px;
        width: 100%;
        min-height: 50px;
        background: none;
    }

    .phoneBox a {
        position: absolute;
        float: left;
        left: 0px;
        bottom: 10px;
        padding: 10px 0px 10px 0px;
        font-family: byekan,arial;
        font-size: 16pt;
        color: #000;
        text-align: left;
        display: inline-block;
        width: 100%;
        height: 30px;
    }

    .phoneBox i {
        font-size: 20pt;
        color: #2FBEF2;
        margin-right: 10px;
    }

    .menuBox {
        position: relative;
        top: 0px;
        float: left;
        right: 0px;
        width: 100%;
        min-height: 60px;
    }

    .overSlide {
        background: #0a0909;
        background: linear-gradient(0deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 1) 94%, rgba(13, 13, 13, 0.99) 100%);
    }



    .name_TopBanner {
        position: absolute;
        top: 0;
        margin-top: 20%;
        float: right;
        right: 10%;
        width: 80%;
        min-height: 100px;
        font-family: iranyekanwebmediumfanum;
        font-size: 40pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        background-clip: text;
        background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
        color: var(--color-background);
        font-size: var(24pt);
        font-weight: var(--font-weight);
        letter-spacing: var(--letter-spacing);
        padding: calc(--stroke-width / 2);
        -webkit-text-stroke-color: transparent;
        -webkit-text-stroke-width: var(--stroke-width);
    }

    @use postcss-preset-env {
        stage: 0;
    }

    :root {
        --color-background: #000119;
        --stroke-width: calc(1em / 16);
        --font-size: 30vmin;
        --font-weight: 700;
        --letter-spacing: calc(1em / 8);
    }

    * {
        box-sizing: border-box;
    }

    .length_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 27%;
        float: right;
        right: 10%;
        width: 80%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        color: #fff;
    }

    .summery_TopBanner {
        position: absolute;
        top: 0px;
        margin-top: 30%;
        float: right;
        right: 10%;
        width: 50%;
        min-height: 30px;
        line-height: 30px;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        font-weight: 500;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: justify;
        color: #fff;
    }

    .Link_TopBannerContainer {
        position: absolute;
        top: 0px;
        margin-top: 180px;
        float: right;
        right: 35%;
        width: 80%;
        min-height: 60px;
        line-height: 60px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        display none;
        
    }

    .Link_TopBanner {
        position: relative;
        float: right;
        width: 190px;
        height: 55px;
        line-height: 55px;
        border-radius: 30px;
        
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        color: #fff;
        cursor: pointer;
        margin-top: 20px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
    }

    .Link_TopBannerContainer {
        position: absolute;
        top: 0px;
        margin-top: 180px;
        float: right;
        right: 35%;
        width: 80%;
        min-height: 60px;
        line-height: 60px;
        font-family: iranyekanwebmediumfanum;
        font-size: 14pt;
        font-weight: 900;
        direction: rtl;
        z-index: 100000000000000000000000000000000;
        text-align: right;
        display :none;
    }



        .Link_TopBanner:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    .video_Mainbox_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

        .video_Mainbox_MainPage .video_ContainerTitle_MainPage {
            position: relative;
            top: 50px;
            text-align: center;
            width: 90%;
            min-height: 400px;
            display: inline-block;
            margin-bottom: 50px;
        }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .boxTitleVideoPage {
                position: relative;
                top: 50px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 50px;
                line-height: 50px;
            }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage {
                position: relative;
                top: 50px;
                width: 100%;
                height: 300px;
                display: inline-block;
                text-align: center;
            }

                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 20%;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover {
                        position: relative;
                        margin-top: 20px;
                        
                        width: 500px;
                        height: 250px;
                        z-index: 100000000000000000000000000000000000000000000000000000000000000000;
                    }

                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 90%;
                            height: 90%;
                            margin-top: 5%;
                            margin-bottom: 5%;
                        }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 75%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 12pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 12pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 12pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 14pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 165px;
                                    height: 50px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 12pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 50px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 50px;
                                    height: 50px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 16pt;
                                        margin-top: 12px;
                                        margin-bottom: 12px;
                                    }

                                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }

    .video_Mainbox_MainPage_other {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 350px;
        display: inline-block;
        text-align: center;
    }

        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other {
            position: relative;
            top: 50px;
            text-align: center;
            width: 90%;
            min-height: 350px;
            display: inline-block;
            margin-bottom: 50px;
        }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .boxTitleVideoPage {
                position: relative;
                top: 50px;
                margin-right: 10px;
                float: right;
                right: 0px;
                display: inline-block;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                height: 50px;
                line-height: 50px;
            }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage {
                position: relative;
                top: 50px;
                width: 100%;
                height: 300px;
                display: inline-block;
                text-align: center;
            }

                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage {
                    position: relative;
                    top: 0px;
                    float: right;
                    padding: 0;
                    margin: 0;
                    width: 20%;
                    display: block;
                    min-height: 220px;
                    border-radius: 10px;
                    border: 4px solid #fff;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    margin: 10px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                    -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
                }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
                        display: block;
                    }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover {
                        position: relative;
                        margin-top: 20px;
                        margin-left: -30px;
                        margin-right: 0px;
                        width: 500px;
                        height: 250px;
                        z-index: 100000000000000000000000000000000000000000000000000000000000000000;
                    }

                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 98%;
                            height: 90%;
                            margin-top: 5%;
                            margin-bottom: 5%;
                        }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 75%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 12pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 12pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 12pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 14pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 165px;
                                    height: 50px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 12pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 50px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 50px;
                                    height: 50px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 16pt;
                                        margin-top: 12px;
                                        margin-bottom: 12px;
                                    }

                                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }


#features{
    position :relative ;
    top:0px;
    left:0px;
    width :100%;
    min-height :900px;
    display :inline-block ;
    text-align :center ;
    margin-bottom :100px;
}

#features .containerBox{
    position :relative ;
    width :90%;
    height :900px;
    display :inline-block;
}

 #features .containerBox .slideBoxNav {
        position :relative  ;
        top:0px;
        left:0px;
        width:100%;
        display :block;
        left:0px;
        height :300px;
        overflow :hidden ;
    }

    .boxBoard {
        position: relative;
        top: 0px;
        width: 100%;
        border: 0;
        height: 600px;
        border-radius: 30px;
        margin-bottom: 150px;
    }

        .boxBoard h3 {
            margin: 0;
            padding: 0;
        }

    .boxBoard_masked {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 100000000000000000000000000000000;
        background: #0a0909;
        background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
    }

        .boxBoard_masked .mainBoradNewVideo {
            position: relative;
            top: 50px;
            bottom: 50px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 95%;
            display: inline-block;
            text-align: right;
        }

            .boxBoard_masked .mainBoradNewVideo .titleBoradNewVideo {
                position: relative;
                float: right;
                width: 100%;
                font-size: 24pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                min-height: 80px;
                line-height: 80px;
            }
          .contaiber_StaticBanner{
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        height :400px;
        display :block ;
        
    }
    .staticBananer_OtherPages {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        min-height: 385px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .staticBananer_OtherPages .maskedstaticBananer_OtherPages {
            position: absolute;
            top: 0px;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #0a0909;
            background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
        }

        .staticBananer_OtherPages .pathBox_OtherPage {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            width: 80%;
            min-height: 140px;
            margin-top: 10%;
        }

            .staticBananer_OtherPages .pathBox_OtherPage .titlePath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 24pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-weight: 900;
                margin: 0;
            }

            .staticBananer_OtherPages .pathBox_OtherPage .textPath {
                position: relative;
                float: right;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                width: 100%;
                min-height: 30px;
                line-height: 30px;
                font-weight: 600;
            }

                .staticBananer_OtherPages .pathBox_OtherPage .textPath span {
                    padding-left: 10px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 14pt;
                    color: #fff;
                    direction: rtl;
                    min-height: 30px;
                    line-height: 30px;
                }

    .VideoList_MainPage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

        .VideoList_MainPage .VideoList_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 400px;
            display: inline-block;
            margin-top: 20px;
        }

            .VideoList_MainPage .VideoList_Container .box {
                position: relative;
                top: 0px;
                float: right;
                padding: 0;
                margin: 0;
                width: 30%;
                min-height: 300px;
                margin-right: 12px;
                margin-left: 12px;
                background: #0B1A2A;
                border-radius: 15px;
               
                margin-bottom: 20px;
                padding-bottom :20px;
                
            }

                .VideoList_MainPage .VideoList_Container .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    width: 90%;
                    top: 25px;
                    bottom: 25px;
                    min-height: 480px;
                }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 100%;
                        height: 200px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        border-radius: 15px;
                        display: block;
                        overflow: hidden;
                    }



                    .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        height: 100px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 13pt;
                        font-weight: 700;
                        color: #00AEEF;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        cursor: pointer;
                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews:hover {
                            color: #cc0000;
                        }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .DateBoxnews {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 30px;
                        direction: rtl;
                        line-height: 30px;
                        font-size: 12pt;
                        font-weight: 500;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                    }


                    .VideoList_MainPage .VideoList_Container .box .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        height: 50px;
                        direction: rtl;
                        line-height: 25px;
                        font-size: 10pt;
                        color: #eee;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        overflow: hidden;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: left;
                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore {
                            position: relative;
                            float: right;
                            width: 150px;
                            height: 55px;
                            line-height: 55px;
                            border-radius: 30px;
                            
                            text-align: center;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 12pt;
                            color: #fff;
                            cursor: pointer;
                            margin-top: 20px;
                            display: block;
                            background-size: 200% auto;
                            background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                            margin-bottom: 20px;
                            direction: rtl;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore:hover {
                                background-position: right center;
                                color: #fff;
                                text-decoration: none;
                            }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList .maskVideoBox {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        padding: 0;
                        margin: 0;
                        display: none;
                        width: 100%;
                        height: 100%;
                        background: rgb(0,0,0);
                        background: rgba(0,0,0,0.8);
                        text-align: center;
                    }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox {
                        display: block;
                    }


                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent {
                            position: relative;
                            float: none;
                            margin-left: auto;
                            margin-right: auto;
                            width: 90%;
                            height: 90%;
                            margin-top: 1%;
                            margin-bottom: 1%;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .titleContentMask {
                                position: relative;
                                float: right;
                                width: 80%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 11pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                            }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask {
                                position: relative;
                                float: right;
                                width: 60%;
                                font-family: iranyekanwebmediumfanum;
                                font-size: 12pt;
                                color: #fff;
                                direction: rtl;
                                text-align: right;
                                margin: 0;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-left: 10px;
                                    background: rgb(153,153,153);
                                    background: rgba(153,153,153,0.5);
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 12pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    margin-right: 10px;
                                    padding: 5px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 14pt;
                                    color: #fff;
                                    direction: rtl;
                                    text-align: right;
                                }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                                    position: relative;
                                    top: 0px;
                                    float: right;
                                    width: 125px;
                                    height: 40px;
                                    font-family: iranyekanwebmediumfanum;
                                    font-size: 11pt;
                                    direction: rtl;
                                    background: #CC0000;
                                    color: #fff;
                                    border-radius: 30px;
                                    cursor: pointer;
                                    text-align: center;
                                    line-height: 40px;
                                    margin-top: 20px;
                                    background-size: 200% auto;
                                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                                        background-position: right center;
                                        color: #fff;
                                        text-decoration: none;
                                    }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare {
                                position: absolute;
                                float: left;
                                width: 60px;
                                height: 100%;
                                min-height: 250px;
                                padding: 0;
                                margin: 0;
                                top: 0px;
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }

                                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox {
                                    position: relative;
                                    top: 0px;
                                    float: none;
                                    margin-left: auto;
                                    margin-right: auto;
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 360px;
                                    border: 4px solid #999999;
                                    background: #fff;
                                    text-align: center;
                                    color: #cc0000;
                                    display: block;
                                    margin-top: 7px;
                                    -webkit-transition: background-color 0.5s ease;
                                    -moz-transition: background-color 0.5s ease;
                                    cursor: pointer;
                                }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                                        color: #cc0000;
                                        font-size: 14pt;
                                        margin-top: 8px;
                                        margin-bottom: 12px;
                                    }

                                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                                        background: #cc0000;
                                    }

                                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                            color: #fff;
                                        }




    .comment_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        text-align: center;
    }

        .comment_Mainpage .comment_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 300px;
            display: inline-block;
        }

            .comment_Mainpage .comment_Container .title_Comment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-size: 16pt;
                font-weight: 900;
                font-family: iranyekanwebmediumfanum;
                direction: rtl;
                text-align: right;
            }

            .comment_Mainpage .comment_Container .comment_SmallBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 60%;
                min-height: 130px;
                text-align: right;
            }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_SmallBoxTitle {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 40px;
                    line-height: 40px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_textarea {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 165px;
                    line-height: 20px;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #888;
                    direction: rtl;
                    padding: 10px;
                    border: 1px solid #fff;
                    border-radius: 10px;
                    resize: none;
                    display: block;
                    background: none;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    text-align: right;
                    margin-top: 20px;
                }

                    .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 160px;
                        height: 40px;
                        border-radius: 30px;
                        background: #cc0000;
                        color: #fff;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 11pt;
                        border: 0;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }



    .MainPage_Register {
        position: relative;
        top: 0px;
        left: 0px;
        float: right;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
    }

        .MainPage_Register .container_Register {
            position: relative;
            top: 100px;
            width: 30%;
            min-height: 400px;
            display: inline-block;
            background: #0B1A2A;
            border-radius: 15px;
            padding: 20px;
        }

            .MainPage_Register .container_Register .title_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: center;
                min-height: 60px;
                line-height: 60px;
                color: #fff;
                font-weight: 900;
                direction: rtl;
                font-size: 16pt;
                font-family: iranyekanwebmediumfanum;
            }

            .MainPage_Register .container_Register .caption_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                margin-top: 20px;
            }

            .MainPage_Register .container_Register .acceptLaw {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 20px;
                height: 20px;
                font-family: iranyekanwebmediumfanum;
                font-size: 11pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                margin: 0;
                margin-top: 20px;
            }

                .MainPage_Register .container_Register .acceptLaw span {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #fff;
                    direction: rtl;
                    text-align: center;
                }

                .MainPage_Register .container_Register .acceptLaw a {
                    position: relative;
                    float: right;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 11pt;
                    color: #cc0000;
                    direction: rtl;
                    text-align: center;
                    text-decoration: none;
                    margin-right: 5px;
                }


            .MainPage_Register .container_Register .Input_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                border: 1px solid #fff;
                border-radius: 30px;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .checkBox_Register {
                position: relative;
                top: 0px;
                float: right;
                min-height: 45px;
                height: 45px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #fff;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
            }

            .MainPage_Register .container_Register .lawLink_Register {
                position: relative;
                top: 0px;
                float: right;
                margin-right: 5px;
                line-height: 30px;
                height: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                color: #cc0000;
                direction: rtl;
                text-align: right;
                padding: 15px;
                background: none;
                text-decoration: none;
            }

            .MainPage_Register .container_Register .save_Register {
                position: relative;
                top: 0px;
                float: right;
                width: 150px;
                height: 40px;
                line-height: 40px;
                background-size: 200% auto;
                background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                cursor: pointer;
                color: #fff;
                border-radius: 30px;
                font-family: iranyekanwebmediumfanum;
                font-size: 10pt;
                border: 0;
            }

                .MainPage_Register .container_Register .save_Register:hover {
                    background-position: right center;
                    color: #fff;
                    text-decoration: none;
                }

    .mainpage_LawRegister {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

    .textLogin {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #fff;
        width: 100%;
        text-align: right;
        direction: rtl;
        margin-top: 40px;
    }

    .LinkRegister {
        position: relative;
        top: 0px;
        float: right;
        margin-left: 5px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        min-height: 30px;
        line-height: 30px;
        color: #cc0000;
        text-align: right;
        direction: rtl;
        text-decoration: none;
    }

    .linkForgetPassword {
        position: relative;
        top: 0px;
        float: right;
        min-height: 40px;
        line-height: 40px;
        font-family: iranyekanwebmediumfanum;
        font-size: 10pt;
        color: #fff;
        direction: rtl;
        width: 100%;
        text-align: right;
        text-decoration: none;
    }

        .linkForgetPassword a {
            top: 0px;
            min-height: 40px;
            line-height: 40px;
            font-family: iranyekanwebmediumfanum;
            font-size: 10pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            text-decoration: none;
        }

            .linkForgetPassword a:hover {
                color: #cc0000;
            }

    .okButtonAlert {
        position: relative;
        float: none;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #2FBEF2;
        color: #fff;
        cursor: pointer;
        border: 0;
        border-radius: 10px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        display: inline-block;
    }

        .okButtonAlert:hover {
            background: #2FBEF2;
        }

    .mainpage_LawRegister .child {
        position: absolute;
        top: 10%;
        left: 20%;
        transform: translate(-50%, -50%);
        background: #0B1A2A;
        width: 70%;
        height: 500px;
        border-radius: 15px;
        overflow: auto;
        padding: 50px;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        line-height: 40px;
        text-align: justify;
        direction: rtl;
        color: #fff;
    }

        .mainpage_LawRegister .child a {
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            height: 40px;
            width: 40px;
            text-align: center;
        }

            .mainpage_LawRegister .child a i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 18pt;
            }

    /**/
    .mainpage_saveAlert {
        position: fixed;
        top: 0px;
        left: 0px;
        display: none;
        height: 100%;
        width: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.7);
    }

        .mainpage_saveAlert .child {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #cc0000;
            width: 90%;
            max-width: 300px;
            height: 250px;
            border-radius: 15px;
            overflow: auto;
            padding: 30px;
            font-family: iranyekanwebmediumfanum;
            font-size: 11pt;
            line-height: 35px;
            text-align: center;
            direction: rtl;
            color: #fff;
            overflow: hidden;
        }

            .mainpage_saveAlert .child a {
                position: absolute;
                top: 0px;
                left: 0px;
                display: block;
                height: 40px;
                width: 40px;
                text-align: center;
            }

                .mainpage_saveAlert .child a i {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    color: #fff;
                    font-size: 18pt;
                }

    #UserPanel {
        cursor: pointer;
        width: 80px;
        direction: rtl;
    }

    .iconPanelUser {
        display: block;
        border-radius: 180px;
        text-decoration: none;
        background: none;
        text-align: center;
    }

        .iconPanelUser i {
            position: relative;
            float: none;
            margin-right: auto;
            margin-left: auto;
            font-size: 16pt;
            color: #fff;
            margin-top: 5px;
        }

    .userPanelBox {
        padding: 0;
        z-index: 0;
        margin-top: -1px;
        display: none;
        float: right;
        position: relative;
        right: -999em;
        width: 150px;
        height: 0;
        -webkit-transition: height 0.5s,top 0.7s,visibility 5s;
        transition: height 0.5s,top 0.7s,visibility 5s;
        padding: 0 0 0 0;
        padding-bottom: 30px;
        border: 0px solid #D8B442;
        border-radius: 0px;
        -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
        -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
        -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
        -o-transition: top 0.2s ease, opacity 0.2s ease-in;
        transition: top 0.2s ease, opacity 0.2s ease-in;
        background: #0B1A2A;
        box-shadow: 1px 10px 10px #000;
    }

    #UserPanel:hover .userPanelBox {
        display: block;
        right: 0;
        height: auto;
        z-index: 10000;
    }

    .userPanelBox ul {
        display: block;
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .userPanelBox li {
        padding: 0;
        margin: 0;
        width: 100%;
        padding-right: 10px;
        height: 30px;
        line-height: 30px;
        text-align: right;
        top: 0px;
        list-style: none;
    }

    .userPanelBox ul li a {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #fff;
    }

    userPanelBox ul li:hover a {
        color: #D8B442;
    }

    .video_MainPage_showComment {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 500px;
        display: inline-block;
        text-align: center;
    }

        .video_MainPage_showComment .video_Container_showComment {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 90%;
            min-height: 500px;
        }

            .video_MainPage_showComment .video_Container_showComment .video_title_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 60px;
                line-height: 60px;
                text-align: right;
                font-weight: 900;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 14pt;
            }

                .video_MainPage_showComment .video_Container_showComment .video_title_showComment a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 40px;
                    height: 40px;
                    display: inline-block;
                    text-align: center;
                    background: none;
                    border: 2px solid #fff;
                    border-radius: 180px;
                    margin-top: 5px;
                    margin-left: 10px;
                }

                    .video_MainPage_showComment .video_Container_showComment .video_title_showComment a i {
                        margin-top: 10px;
                        font-size: 14pt;
                        color: #fff;
                    }

            .video_MainPage_showComment .video_Container_showComment .video_text_showComment {
                position: relative;
                top: 0px;
                float: right;
                width: 90%;
                min-height: 80px;
                line-height: 30px;
                text-align: right;
                font-weight: 500;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                font-size: 12pt;
                border-bottom: 1px solid #999;
            }


    .paging_ListProduct_Container {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        direction: rtl;
        line-height: 40px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .moshahde-kalahaie-bishtar {
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum;
        color: rgb(153,153,153);
        border: 0px solid gray;
        padding: 10px;
        background: #0B1A2A;
        border-radius: 5px;
        text-decoration: none;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
    }

        .moshahde-kalahaie-bishtar:hover {
            border: 0;
            background: #cc0000;
            color: #fff;
        }

    .pagingNumberBox {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #0B1A2A;
        -webkit-transition: background 1s ease;
        -moz-transition: background 1s ease;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

        .pagingNumberBox:hover {
            background: #cc0000;
        }

    .pagingNumberBox_select {
        display: inline-block;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        direction: rtl;
        border-radius: 5px;
        background: #cc0000;
        text-decoration: none;
        margin-left: 4px;
        margin-right: 4px;
    }

    .video_Details_Mainpage {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        min-height: 745px;
        display: inline-block;
        text-align: center;
    }

        .video_Details_Mainpage .frameVideoDetails {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 745px;
            display: inline-block;
        }

        .video_Details_Mainpage .video_Details_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 500px;
            width: 100%;
            margin-top: 50px;
        }

            .video_Details_Mainpage .video_Details_Container .titleVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: right;
                font-size: 20pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 100px;
                min-height: 100px;
                font-weight: 900;
            }

            .video_Details_Mainpage .video_Details_Container .summeryVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 30px;
                min-height: 80px;
                font-weight: 500;
                margin-bottom: 50px;
            }

            .video_Details_Mainpage .video_Details_Container .ItemVideoDetails {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                text-align: justify;
                font-size: 13pt;
                font-family: iranyekanwebmediumfanum;
                color: #fff;
                direction: rtl;
                line-height: 40px;
                min-height: 40px;
                font-weight: 500;
                width: 100%;
            }

            .video_Details_Mainpage .video_Details_Container .shareContainer {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 80px;
                line-height: 80px;
                display: inline-block;
                margin-top: 50px;
            }

                .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle {
                    position: relative;
                    float: right;
                    margin-left: 10px;
                    width: 45px;
                    height: 45px;
                    border-radius: 360px;
                    background: #fff;
                    display: inline-block;
                    border: 4px solid gray;
                    cursor: pointer;
                    -webkit-transition: background 1s ease;
                    -moz-transition: background 1s ease;
                    text-decoration: none;
                }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover {
                        background: #cc0000;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle i {
                        color: #cc0000;
                        margin-top: 8px;
                        font-size: 16pt;
                    }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover i {
                        color: #fff;
                    }

    .shimmer-demo {
        padding: 0px;
        display: flex;
        justify-content: inherit;
        background: none;
        border-radius: 12px;
        text-align: right;
    }

    .shimmer-text {
        position: relative;
        font-size: 24px;
        font-weight: 800;
        color: #fff;
        overflow: hidden;
    }

        .shimmer-text::before {
            content: "";
            position: absolute;
            top: 0;
            left: -120%;
            width: 60%;
            height: 100%;
            background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.9), transparent );
            filter: blur(6px);
            animation: shimmerMove 3s infinite;
        }

    @keyframes shimmerMove {
        0% {
            left: -120%;
        }

        100% {
            left: 120%;
        }
    }


    .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo {
        position: relative;
        float: right;
        width: 100%;
        direction: rtl;
        min-height: 50px;
        line-height: 50px;
        margin: 0;
    }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .viewBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            background: rgb(102,102,102);
            background: rgba(102,102,102,0.6);
            text-align: center;
            color: #fff;
            border-radius: 5px;
            width: 90px;
            margin-left: 10px;
            height: 40px;
            line-height: 40px;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .lengthBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .DateBoxNewVideo {
            position: relative;
            float: right;
            padding-bottom: 2px;
            padding-top: 2px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            text-align: center;
            color: #fff;
        }

        .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .summeryBoxNewVideo {
            position: relative;
            float: right;
            font-size: 11pt;
            font-family: iranyekanwebmediumfanum;
            text-align: justify;
            color: #fff;
            line-height: 30px;
            direction: rtl;
            width: 50%;
            font-weight: 500;
        }

    .Link_newVideo {
        position: relative;
        float: right;
        width: 190px;
        height: 55px;
        line-height: 55px;
        border-radius: 30px;
        
        text-align: center;
        font-family: iranyekanwebmediumfanum;
        font-size: 12pt;
        color: #fff;
        cursor: pointer;
        margin-top: 20px;
        display: block;
        background-size: 200% auto;
        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
        direction: rtl;
    }





        .Link_newVideo:hover {
            background-position: right center;
            color: #fff;
            text-decoration: none;
        }

    .video_box_Board {
        position: relative;
        top: 0px;
        float: right;
        padding: 0;
        margin: 0;
        width: 20%;
        display: block;
        height: 220px;
        border-radius: 10px;
        border: 4px solid #fff;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
        -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
    }

        .video_box_Board h3 {
            margin: 0;
            padding: 0;
            border: 0;
        }

        .video_box_Board img {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 20px;
            border: 0;
        }

        .video_box_Board .maskVideoBox {
            position: absolute;
            top: 0px;
            left: 0px;
            padding: 0;
            margin: 0;
            display: none;
            width: 100%;
            height: 100%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.8);
            text-align: center;
        }

        .video_box_Board:hover .maskVideoBox {
            display: block;
        }



            .video_box_Board:hover .maskVideoBox .boxContent {
                position: relative;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                height: 90%;
                margin-top: 5%;
                margin-bottom: 5%;
            }

                .video_box_Board:hover .maskVideoBox .boxContent .titleContentMask {
                    position: relative;
                    float: right;
                    width: 60%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 12pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                }

                .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask {
                    position: relative;
                    float: right;
                    width: 60%;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 12pt;
                    color: #fff;
                    direction: rtl;
                    text-align: right;
                    margin: 0;
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-left: 10px;
                        background: rgb(153,153,153);
                        background: rgba(153,153,153,0.5);
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 12pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        margin-right: 10px;
                        padding: 5px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 14pt;
                        color: #fff;
                        direction: rtl;
                        text-align: right;
                    }

                    .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 165px;
                        height: 50px;
                        font-family: iranyekanwebmediumfanum;
                        font-size: 12pt;
                        direction: rtl;
                        background: #CC0000;
                        color: #fff;
                        border-radius: 30px;
                        cursor: pointer;
                        text-align: center;
                        line-height: 50px;
                        margin-top: 20px;
                        background-size: 200% auto;
                        background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                            background-position: right center;
                            color: #fff;
                            text-decoration: none;
                        }

                .video_box_Board:hover .maskVideoBox .boxContent .boxShare {
                    position: absolute;
                    float: left;
                    width: 60px;
                    height: 100%;
                    min-height: 250px;
                    padding: 0;
                    margin: 0;
                    top: 0px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                    .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox {
                        position: relative;
                        top: 0px;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        width: 50px;
                        height: 50px;
                        border-radius: 360px;
                        border: 4px solid #999999;
                        background: #fff;
                        text-align: center;
                        color: #cc0000;
                        display: block;
                        margin-top: 7px;
                        -webkit-transition: background-color 0.5s ease;
                        -moz-transition: background-color 0.5s ease;
                    }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                            color: #cc0000;
                            font-size: 16pt;
                            margin-top: 12px;
                            margin-bottom: 12px;
                        }

                        .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                            background: #cc0000;
                        }

                            .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                color: #fff;
                            }



    /*menu Section*/
    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #menu-button {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1000;
    }

        #cssmenu:after,
        #cssmenu > ul:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

        #cssmenu #menu-button {
            display: none;
        }

    #cssmenu {
        width: auto;
        font-family: iranyekanwebmediumfanum,arial;
        background: none;
    }

        #cssmenu > ul {
        }

        #cssmenu.align-right > ul > li {
            float: right;
        }

        #cssmenu > ul > li {
            float: right;
            display: inline-block;
        }

        #cssmenu.align-center > ul {
            float: none;
            text-align: center;
        }

            #cssmenu.align-center > ul > li {
                float: none;
            }

        #cssmenu.align-center ul ul {
            text-align: center;
        }

        #cssmenu > ul > li > a {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 25px;
            padding-bottom: 25px;
            border-right: 0px solid #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            text-align: center;
        }

            #cssmenu > ul > li:hover > a,
            #cssmenu > ul > li > a:hover,
            #cssmenu > ul > li.active > a {
                border-bottom: 4px solid #2FBEF2;
                color: #2FBEF2;
            }

        #cssmenu > ul > li.has-sub > a {
        }

            #cssmenu > ul > li.has-sub > a::after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                right: 0px;
                top: 22px;
            }

        #cssmenu > ul > li.has-sub.active > a::after,
        #cssmenu > ul > li.has-sub:hover > a {
        }

        #cssmenu ul ul {
            position: absolute;
            left: -9999px;
            top: 60px;
            padding-top: 6px;
            font-size: 12px;
            opacity: 0;
            -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
            -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
            -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
            -o-transition: top 0.2s ease, opacity 0.2s ease-in;
            transition: top 0.2s ease, opacity 0.2s ease-in;
        }

        #cssmenu.align-right ul ul {
            text-align: right;
        }

        #cssmenu > ul > li > ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-bottom-color: #2FBEF2;
            top: -4px;
            left: 40px;
        }

        #cssmenu.align-right > ul > li > ul::after {
            left: auto;
            right: 20px;
        }

        #cssmenu ul ul ul::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-right-color: #2FBEF2;
            top: 11px;
            right: -14px;
        }

        #cssmenu.align-right ul ul ul::after {
            border-right-color: transparent;
            border-left-color: #ffffff;
            left: auto;
            right: -1px;
        }

        #cssmenu > ul > li > ul {
            top: 120px;
        }

        #cssmenu > ul > li:hover > ul {
            top: 68px;
            left: 0;
            opacity: 1;
        }

        #cssmenu.align-right > ul > li:hover > ul {
            left: auto;
            right: 0;
        }

        #cssmenu ul ul ul {
            padding-top: 0;
            padding-left: 6px;
        }

        #cssmenu.align-right ul ul ul {
            padding-right: 6px;
        }

        #cssmenu ul ul > li:hover > ul {
            left: -208px;
            top: 0;
            opacity: 1;
        }

        #cssmenu.align-right ul ul > li:hover > ul {
            left: auto;
            right: 100%;
            opacity: 1;
        }

        #cssmenu ul ul li a {
            text-decoration: none;
            font-weight: 400;
            font-size: 10pt;
            padding-top: 12px;
            padding-bottom: 12px;
            width: 200px;
            color: #fff;
            text-align: right;
            background: #0B1A2A;
            direction: rtl;
            box-shadow: 1px 10px 10px #000;
            padding-right: 20px;
            -webkit-transition: color 0.8s;
            transition: color 0.8s;
        }

        #cssmenu ul ul li:hover > a,
        #cssmenu ul ul li.active > a {
            color: #2FBEF2;
        }

        #cssmenu ul ul li:first-child > a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        #cssmenu ul ul li:last-child > a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        #cssmenu > ul > li > ul::after {
            position: absolute;
            display: block;
        }

        #cssmenu ul ul li.has-sub > a::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-left-color: #2FBEF2;
            right: 17px;
            top: 14px;
        }

        #cssmenu.align-right ul ul li.has-sub > a::after {
            border-left-color: transparent;
            border-right-color: #2FBEF2;
            right: auto;
            left: 17px;
        }

        #cssmenu ul ul li.has-sub.active > a::after,
        #cssmenu ul ul li.has-sub:hover > a::after {
            border-left-color: #2FBEF2;
        }

        #cssmenu.align-right ul ul li.has-sub.active > a::after,
        #cssmenu.align-right ul ul li.has-sub:hover > a::after {
            border-right-color: #2FBEF2;
            border-left-color: transparent;
        }

    .bannerContainer {
        position: absolute;
        top: -60px;
        left: 0px;
        width: 100%;
        min-height: 760px;
        background: none;
        display: inline-block;
    }

    .Elamie_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: #F8FAFC;
        min-height: 554px;
        border-top: 4px solid #fff;
        display: inline-block;
        text-align: center;
    }

        .Elamie_MainPage .Elamie_Container {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            min-height: 554px;
        }

            .Elamie_MainPage .Elamie_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
            }

                .Elamie_MainPage .Elamie_Container .rightBox .sectionPart {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    min-height: 554px;
                }


                .Elamie_MainPage .Elamie_Container .rightBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 115px;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    min-height: 60px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    direction: rtl;
                    text-align: right;
                    border-bottom: 1px solid #D6D6D6;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .ContentBox {
                    position: relative;
                    top: 10px;
                    float: right;
                    width: 90%;
                    min-height: 160px;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #000;
                    direction: rtl;
                    text-align: justify;
                }

                .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: right;
                    width: 90%;
                    min-height: 110px;
                    line-height: 110px;
                }

                    .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton {
                        position: relative;
                        float: left;
                        width: 30%;
                        max-width: 200px;
                        min-height: 65px;
                        text-align: center;
                        color: #fff;
                        font-size: 10pt;
                        color: #fff;
                        border-style: solid;
                        border-width: 0px;
                        background: #2FBEF2;
                        cursor: pointer;
                        font-family: iranyekanwebmediumfanum,arial;
                    }

                        .Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton:hover {
                            background: #cc0000;
                        }

            .Elamie_MainPage .Elamie_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                padding: 0;
                margin: 0;
                min-height: 554px;
            }

                .Elamie_MainPage .Elamie_Container .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 115px;
                }

                .Elamie_MainPage .Elamie_Container .leftBox .ImagePic {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    float: left;
                    width: 430px;
                    min-height: 340px;
                    background-image: url(../images/bg-pic.jpg);
                    background-repeat: no-repeat;
                    background-position: center center;
                    margin-left: 10px;
                }

                    .Elamie_MainPage .Elamie_Container .leftBox .ImagePic img {
                        position: absolute;
                        top: 40px;
                        left: 40px;
                        width: 430px;
                        min-height: 340px;
                    }

    .news_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        background: none;
        min-height: 800px;
        display: inline-block;
        text-align: center;
        margin-top: 150px;
    }

        .news_MainPage .news_Container {
            position: relative;
            top: 0px;
            width: 90%;
            min-height: 800px;
            display: inline-block;
        }

    .News_Container .CommentBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 30px;
    }

        .News_Container .CommentBox p {
            margin: 0;
            padding: 0;
        }

    #btn_SendComment {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        border-width: 0;
        background: #888;
        color: #fff;
        cursor: pointer;
        padding: 5px 20px 5px 20px;
    }

        #btn_SendComment:hover {
            background: #2FBEF2;
        }

    .news_MainPage .news_Container .titleBox {
        position: relative;
        top: 0px;
        width: 100%;
        min-height: 130px;
        line-height: 130px;
        font-size: 14pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        text-align: right;
        direction: rtl;
    }

    .news_MainPage .news_Container .box {
        position: relative;
        top: 0px;
        float: right;
        padding: 0;
        margin: 0;
        width: 35%;
        min-height: 500px;
        margin-right: 12px;
        margin-left: 12px;
        background: #0B1A2A;
        border-radius: 15px;
        padding-bottom: 50px;
    }

        .news_MainPage .news_Container .box .innerBox {
            position: relative;
            top: 0px;
            float: none;
            margin-left: auto;
            margin-right: auto;
            width: 90%;
            top: 25px;
            bottom: 25px;
            min-height: 480px;
        }



            .news_MainPage .news_Container .box .innerBox .picBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
                min-height: 280px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                border-radius: 15px;
            }



            .news_MainPage .news_Container .box .innerBox .titleBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 100px;
                direction: rtl;
                line-height: 30px;
                font-size: 13pt;
                font-weight: 700;
                color: #00AEEF;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                padding-top: 10px;
                padding-bottom: 10px;
                cursor: pointer;
            }

                .news_MainPage .news_Container .box .innerBox .titleBoxnews:hover {
                    color: #cc0000;
                }

            .news_MainPage .news_Container .box .innerBox .DateBoxnews {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 30px;
                direction: rtl;
                line-height: 30px;
                font-size: 12pt;
                font-weight: 500;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
            }


            .news_MainPage .news_Container .box .innerBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 80px;
                direction: rtl;
                line-height: 25px;
                font-size: 10pt;
                color: #eee;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: justify;
            }

            .news_MainPage .news_Container .box .innerBox .ButtonBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 50px;
                text-align: left;
            }

                .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore {
                    position: relative;
                    float: right;
                    width: 150px;
                    height: 55px;
                    line-height: 55px;
                    border-radius: 30px;
                    
                    text-align: center;
                    font-family: iranyekanwebmediumfanum;
                    font-size: 12pt;
                    color: #fff;
                    cursor: pointer;
                    margin-top: 20px;
                    display: block;
                    background-size: 200% auto;
                    background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                    margin-bottom: 20px;
                }

                    .news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore:hover {
                        background-position: right center;
                        color: #fff;
                        text-decoration: none;
                    }

    .History_Box {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 175px;
        display: inline-block;
        text-align: center;
        margin-top: 20px;
    }

        .History_Box .History_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 175px;
            display: inline-block;
        }

            .History_Box .History_Container .right_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 20%;
                min-height: 175px;
                padding: 0;
                margin: 0;
            }

                .History_Box .History_Container .right_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    min-height: 175px;
                    background: #F8FAFC;
                    background-image: url(../images/LogoHistory.png);
                    background-repeat: no-repeat;
                    background-position: center center;
                }

            .History_Box .History_Container .left_LogoBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 175px;
                padding: 0;
                margin: 0;
                background: #F8FAFC;
                display: inline-block;
                text-align: center;
            }

                .History_Box .History_Container .left_LogoBox .innerBox {
                    position: relative;
                    top: 0px;
                    margin-top: 20px;
                    width: 80%;
                    min-height: 125px;
                    display: inline-block;
                }

                    .History_Box .History_Container .left_LogoBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 55px;
                        line-height: 55px;
                        text-align: right;
                        color: #2FBEF2;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 14pt;
                        direction: rtl;
                    }


                    .History_Box .History_Container .left_LogoBox .innerBox .ContentBox {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        min-height: 75px;
                        line-height: 30px;
                        text-align: right;
                        color: #000;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 11pt;
                        direction: rtl;
                    }

    .abountBox_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 230px;
        display: inline-block;
        text-align: center;
        margin-bottom: 40px;
    }

        .abountBox_Mainpage .abountBox_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 230px;
            display: inline-block;
        }

            .abountBox_Mainpage .abountBox_Container .box {
                position: relative;
                top: 0px;
                padding: 0px;
                margin: 0px;
                float: right;
                width: 50%;
                min-height: 230px;
            }

                .abountBox_Mainpage .abountBox_Container .box .rightBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: right;
                    right: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: right 0.5s;
                    transition: right 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view1 {
                    right: 0px;
                }

                .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 85%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 15%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                .abountBox_Mainpage .abountBox_Container .box .leftBox {
                    position: relative;
                    top: 0px;
                    min-height: 100px;
                    border: 1px solid #D6D6D6;
                    display: inline-block;
                    width: 95%;
                    float: left;
                    left: -100px;
                    margin-top: 40px;
                    text-align: center;
                    -webkit-transition: left 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: left 0.5s;
                }

                .abountBox_Mainpage .abountBox_Container .box .view2 {
                    left: 0px;
                }


                .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox {
                    position: relative;
                    top: 0px;
                    display: inline-block;
                    width: 90%;
                    min-height: 100px;
                }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 80%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .titleBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 12pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: right;
                            min-height: 35px;
                            line-height: 35px;
                        }

                        .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            width: 100%;
                            font-size: 9pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            direction: rtl;
                            text-align: justify;
                            min-height: 50px;
                            line-height: 25px;
                        }


                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                        background-image: url(../images/CheshmAndazIcon.png);
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .LogoLeftBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 20%;
                        padding: 0;
                        margin: 0;
                        min-height: 100px;
                    }

    .Login_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 520px;
        display: inline-block;
        background: #A8BFC5;
        text-align: center;
        background-image: url(../images/back_mainPage_LoginPersonel.jpg);
        background-repeat: repeat-y;
    }

        .Login_MainPage .Login_Container {
            position: relative;
            top: 0px;
            width: 75%;
            min-height: 520px;
            display: inline-block;
        }

            .Login_MainPage .Login_Container .Login_Header {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 18pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                margin-top: 30px;
                color: #fff;
            }

            .Login_MainPage .Login_Container .RightBox {
                position: relative;
                top: -100px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
                -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                transition: top 1s;
            }

            .Login_MainPage .Login_Container .view3 {
                top: 0px;
            }

            .Login_MainPage .Login_Container .RightBox .innerBox {
                position: relative;
                top: 0px;
                margin-top: 100px;
                min-height: 280px;
                float: right;
                width: 100%;
            }

                .Login_MainPage .Login_Container .RightBox .innerBox .titleBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 60px;
                    line-height: 60px;
                    font-size: 14px;
                    font-family: iranyekanwebmediumfanum,arial;
                    text-align: right;
                    direction: rtl;
                    color: #fff;
                }

                .Login_MainPage .Login_Container .RightBox .innerBox iframe {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 100%;
                    min-height: 200px;
                    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: top 0.5s;
                }




            .Login_MainPage .Login_Container .LeftBox {
                position: relative;
                top: 0px;
                float: right;
                padding: 0;
                margin: 0;
                min-height: 520px;
                width: 50%;
            }

                .Login_MainPage .Login_Container .LeftBox .picBox {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    top: 0px;
                    -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
                    transition: top 1s;
                }

                .Login_MainPage .Login_Container .LeftBox .view4 {
                    top: 100px;
                }

    .Gallery_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 660px;
        display: inline-block;
        text-align: center;
        overflow: hidden;
    }



        .Gallery_MainPage .topBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }

        .Gallery_MainPage .view5 {
            top: 0px;
        }

        .Gallery_MainPage .topBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .topBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBoxTitle {
                    position: absolute;
                    left: 0px;
                    width: 100%;
                    height: 15%;
                    display: none;
                    text-align: center;
                    background: #2FBEF2;
                    background: rgb(1,165,115);
                    background: rgb(1,165,115,0.8);
                    color: #fff;
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    bottom: -100px;
                    -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: bottom 0.5s;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBoxTitle {
                    bottom: 0px;
                    display: inline-block;
                }


                .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                    font-size: 20pt;
                    font-family: iranyekanwebmediumfanum,arial;
                }

                    .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

        .Gallery_MainPage .bottomBox {
            position: relative;
            top: -100px;
            float: right;
            width: 100%;
            min-height: 330px;
            border-bottom: 1px solid #EBEBEB;
            -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
            transition: top 1s;
        }



        .Gallery_MainPage .view6 {
            top: 0px;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBoxTitle {
            position: absolute;
            left: 0px;
            width: 100%;
            height: 15%;
            display: none;
            text-align: center;
            background: #2FBEF2;
            background: rgb(1,165,115);
            background: rgb(1,165,115,0.8);
            color: #fff;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            bottom: -100px;
            -webkit-transition: bottom 0.5s; /* For Safari 3.1 to 6.0 */
            transition: bottom 0.5s;
        }

        .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBoxTitle {
            bottom: 0px;
            display: inline-block;
        }


        .Gallery_MainPage .bottomBox .Gallery_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 330px;
            display: inline-block;
        }

            .Gallery_MainPage .bottomBox .Gallery_Container .picBox {
                position: relative;
                top: 0px;
                float: right;
                margin: 0;
                padding: 0;
                width: 33.3%;
                min-height: 330px;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
            }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 0%;
                    height: 0%;
                    background: rgb(0,0,0);
                    background: rgba(0,0,0,0.5);
                    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                    transition: height 0.5s;
                }

                    .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox:after {
                        content: "\f00e";
                        font-family: FontAwesome;
                        font-style: normal;
                        font-weight: normal;
                        text-decoration: inherit;
                        /*--adjust as necessary--*/
                        color: #fff;
                        font-size: 35px;
                        position: absolute;
                        float: none;
                        margin-left: auto;
                        margin-right: auto;
                        top: -45%;
                        display: none;
                        -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                        transition: margin-top 1.5s;
                    }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox:after {
                    display: inline-block;
                    top: 45%;
                }

                .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox {
                    width: 100%;
                    height: 100%;
                }

    .Law_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 480px;
        background: #414550;
        display: inline-block;
        text-align: center;
    }

        .Law_MainPage .Law_Continer {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 80%;
            min-height: 480px;
        }

            .Law_MainPage .Law_Continer .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 190px;
                line-height: 190px;
                text-align: center;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 16pt;
                color: #fff;
            }

            .Law_MainPage .Law_Continer .box {
                position: relative;
                float: right;
                top: 0px;
                width: 48%;
                min-height: 130px;
                padding: 0;
                margin: 0;
                margin-left: 1%;
            }

                .Law_MainPage .Law_Continer .box .innerBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 80px;
                    line-height: 80px;
                    width: 100%;
                    border-bottom: 2px solid #5F636C;
                }

                    .Law_MainPage .Law_Continer .box .innerBox .ArrowBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 10%;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox i {
                            position: relative;
                            top: 10px;
                            font-size: 45px;
                            color: #2FBEF2;
                        }


                        .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus {
                            position: relative;
                            top: 30px;
                            font-size: 25px;
                            color: #FFF;
                            cursor: pointer;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus:hover {
                                color: #FD5400;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .detBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 50px;
                        text-align: justify;
                        line-height: 25px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        display: block;
                        direction: rtl;
                    }

                        .Law_MainPage .Law_Continer .box .innerBox .detBox a {
                            text-align: justify;
                            line-height: 25px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #fff;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Law_MainPage .Law_Continer .box .innerBox .detBox a:hover {
                                color: #D7D7D7;
                            }

                    .Law_MainPage .Law_Continer .box .innerBox .ContentTextBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        min-height: 70px;
                        line-height: 70px;
                        width: 80%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 12pt;
                        color: #fff;
                        text-align: right;
                        direction: rtl;
                    }

    .certificates_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: #fff;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .certificates_MainPage .certificates_Container {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 600px;
            display: inline-block;
        }

            .certificates_MainPage .certificates_Container .titleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 200px;
                line-height: 200px;
                font-size: 16pt;
                color: #fff;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
            }

            .certificates_MainPage .certificates_Container .MainBox {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                width: 90%;
                min-height: 600px;
            }

    .maskedLiveBox {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0.8);
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_right {
        position: relative;
        float: right;
        top: 0px;
        width: 40%;
        padding: 0;
        margin: 0;
        min-height: 600px;
    }


        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .titleLive {
            position: relative;
            float: right;
            width: 90%;
            font-size: 18pt;
            font-family: iranyekanwebmediumfanum;
            font-weight: 900;
            direction: rtl;
            text-align: right;
            min-height: 90px;
            line-height: 90px;
            color: #fff;
        }



        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox {
            position: relative;
            float: right;
            width: 280px;
            direction: rtl;
            text-align: right;
            min-height: 70px;
            line-height: 70px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox iframe {
                position: relative;
                top: 0px;
                left: 0px;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 70px;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox {
            position: relative;
            float: right;
            width: 80%;
            direction: rtl;
            text-align: right;
            min-height: 30px;
            line-height: 30px;
            color: #fff;
            margin: 0;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .dateLive {
                position: relative;
                top: 0px;
                float: right;
                background: rgb(102,102,102);
                background: rgba(102,102,102,0.5);
                color: #fff;
                font-size: 12pt;
                direction: rtl;
                font-family: iranyekanwebmediumfanum;
                padding-left: 8px;
                padding-right: 8px;
                margin-left: 10px;
                direction: rtl;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .summeryLive {
            position: relative;
            float: right;
            width: 80%;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            line-height: 25px;
            color: #fff;
            margin: 0;
            font-size: 12pt;
            font-family: iranyekanwebmediumfanum;
            margin-top: 15px;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .timeLive {
            position: relative;
            top: 0px;
            float: right;
            color: #fff;
            font-size: 12pt;
            direction: ltr;
            font-family: iranyekanwebmediumfanum;
            padding-left: 8px;
            padding-right: 8px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left {
        position: relative;
        float: right;
        top: 0px;
        width: 60%;
        padding: 0;
        margin: 0;
        min-height: 600px;
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left .posterBox {
            position: relative;
            float: none;
            margin-left: auto;
            margin-right: auto;
            border-radius: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: block;
            min-height: 400px;
            margin-top: 100PX;
            margin-bottom: 100px;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 320px;
        border: 18px solid #D7D7D7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: 40px;
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 0%;
            height: 0%;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.5);
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            cursor: pointer;
        }

            .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox:after {
                content: "\f00e";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                /*--adjust as necessary--*/
                color: #fff;
                font-size: 35px;
                position: absolute;
                float: none;
                margin-left: auto;
                margin-right: auto;
                top: -45%;
                display: none;
                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: margin-top 1.5s;
            }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox:after {
            display: inline-block;
            top: 45%;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox {
            width: 100%;
            height: 100%;
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .titleBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 65px;
        line-height: 65px;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        background-image: url(../images/line_certificates.png);
        background-repeat: no-repeat;
        background-position: center right;
        text-align: center;
        width: 100%;
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox .ContentBox {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 100px;
        line-height: 25px;
        font-size: 10pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #000;
        direction: rtl;
        text-align: justify;
        width: 100%;
        right: 20px;
    }

    .Marakez_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 530px;
        display: inline-block;
        background-image: url(../images/back_Marakez.png);
        background-repeat: repeat;
        text-align: center;
    }

        .Marakez_MainPage .Marakez_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            min-height: 530px;
            width: 80%;
        }

            .Marakez_MainPage .Marakez_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 55px;
            }

            .Marakez_MainPage .Marakez_Container .MainBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 485px;
                display: inline-block;
                margin-top: 50px;
            }

                .Marakez_MainPage .Marakez_Container .MainBox .rightBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 60px;
                        line-height: 60px;
                        font-size: 11pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: right;
                        direction: rtl;
                        font-weight: 700;
                    }

                    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .ContentBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 110px;
                        line-height: 35px;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        text-align: justify;
                        direction: rtl;
                    }


                .Marakez_MainPage .Marakez_Container .MainBox .leftBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    min-height: 485px;
                    padding: 0;
                    margin: 0;
                    width: 50%;
                }

                    .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 96%;
                        min-height: 400px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        cursor: pointer;
                    }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            width: 0%;
                            height: 0%;
                            background: rgb(0,0,0);
                            background: rgba(0,0,0,0.5);
                            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
                            transition: height 0.5s;
                        }

                            .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox:after {
                                content: "\f00e";
                                font-family: FontAwesome;
                                font-style: normal;
                                font-weight: normal;
                                text-decoration: inherit;
                                /*--adjust as necessary--*/
                                color: #fff;
                                font-size: 35px;
                                position: absolute;
                                float: none;
                                margin-left: auto;
                                margin-right: auto;
                                top: -45%;
                                display: none;
                                -webkit-transition: margin-top 1.5s; /* For Safari 3.1 to 6.0 */
                                transition: margin-top 1.5s;
                            }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox:after {
                            display: inline-block;
                            top: 45%;
                        }

                        .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox {
                            width: 100%;
                            height: 100%;
                        }

    .Contact_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }

        .Contact_MainPage .Contact_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 700px;
            display: inline-block;
        }

            .Contact_MainPage .Contact_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 120px;
            }

            .Contact_MainPage .Contact_Container .rightBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view7 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
            }

            .Contact_MainPage .Contact_Container .rightBox .ContentBox1 {
                position: relative;
                top: 0px;
                float: right;
                border-right: 4px solid #2FBEF2;
                width: 80%;
                min-height: 100px;
                padding-right: 20px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                margin-top: 50px;
            }

            .Contact_MainPage .Contact_Container .rightBox .FrameBox {
                position: relative;
                top: 0px;
                float: right;
                width: 80%;
                min-height: 250px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                text-align: justify;
                line-height: 30px;
                direction: rtl;
                top: 50px;
                overflow: hidden;
            }

                .Contact_MainPage .Contact_Container .rightBox .FrameBox iframe {
                    position: absolute;
                    margin-top: -60px;
                    float: right;
                    width: 100%;
                    height: 100%;
                    display: block;
                    min-height: 250px;
                }

            .Contact_MainPage .Contact_Container .leftBox {
                position: relative;
                top: -100px;
                float: right;
                min-height: 580px;
                width: 50%;
                margin: 0;
                padding: 0;
                -webkit-transition: top 1.5s; /* For Safari 3.1 to 6.0 */
                transition: top 1.5s;
            }

            .Contact_MainPage .Contact_Container .view9 {
                top: 0px;
            }

            .Contact_MainPage .Contact_Container .leftBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 100px;
                line-height: 100px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                width: 100%;
                text-align: right;
            }

            .Contact_MainPage .Contact_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 500px;
                border-right: 1px solid #F8FAFC;
                padding: 10px 10px 10px 10px;
            }

    .footer_mainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 260px;
        display: inline-block;
        text-align: center;
        background: #0B1A2A;
    }

        .footer_mainPage .footer_Container {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 90%;
            border-bottom: 0px solid #62676D;
            min-height: 220px;
        }

            .footer_mainPage .footer_Container .whiteBox {
                position: relative;
                top: 0px;
                float: right;
                min-height: 60px;
                width: 100%;
            }

            .footer_mainPage .footer_Container .rightBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 20%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                background-repeat: no-repeat;
                background-position: top right;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;
            }

            .footer_mainPage .footer_Container .view10 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox {
                position: relative;
                top: 0px;
                float: right;
                right: -100px;
                width: 80%;
                min-height: 150px;
                padding: 0;
                margin: 0;
                -webkit-transition: right 1.5s; /* For Safari 3.1 to 6.0 */
                transition: right 1.5s;
            }

            .footer_mainPage .footer_Container .view11 {
                right: 0px;
            }

            .footer_mainPage .footer_Container .leftBox .menuBox {
                position: relative;
                top: 0px;
                float: right;
                border-right: 0px solid #fff;
                min-height: 120px;
                width: 30%;
            }

                .footer_mainPage .footer_Container .leftBox .menuBox ul {
                    position: relative;
                    float: right;
                    width: 100%;
                    min-height: 120px;
                    padding: 0;
                    margin: 0;
                    list-style: none;
                    direction: rtl;
                    margin-right: 20px;
                }

                .footer_mainPage .footer_Container .leftBox .menuBox li {
                    padding: 0;
                    margin: 0;
                    width: 100%;
                    text-align: right;
                    padding: 5px 10px 5px 30px;
                }

                    .footer_mainPage .footer_Container .leftBox .menuBox li a {
                        width: 100%;
                        text-decoration: none;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #fff;
                        direction: rtl;
                    }

                        .footer_mainPage .footer_Container .leftBox .menuBox li a:hover {
                            color: #2FBEF2;
                        }

        .footer_mainPage .footer_Container_Copy {
            position: relative;
            top: 0px;
            width: 80%;
            display: inline-block;
            text-align: center;
            min-height: 30px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 9pt;
            color: #C0C4C5;
            direction: rtl;
        }

    .InnerPage_TitlePage_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
    }

        .InnerPage_TitlePage_MainPage .barBox {
            position: relative;
            float: right;
            width: 300px;
            top: 25px;
            background-image: linear-gradient(to right, rgba(255,84,2,0), rgba(255,182,119,1));
            padding-right: 10%;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
        }

        .InnerPage_TitlePage_MainPage .IconBox {
            position: relative;
            float: right;
            top: 18px;
            left: 150px;
            width: 110px;
            height: 42px;
            border: 1px solid #13A899;
            background: #2A448F;
        }



    .Content_MainBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

    .Content_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 800px;
        padding-top: 50px;
        padding-bottom: 50px;
        display: inline-block;
    }


        .Content_Container .contentBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            margin: 0;
            padding: 0;
            min-height: 800px;
        }


            .Content_Container .contentBox .box {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                width: 50%;
                min-height: 420px;
                padding: 0;
                margin: 0;
            }

                .Content_Container .contentBox .box .loginBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    border: 1px solid #CCCCCC;
                    padding: 40px 40px 40px 40px;
                    background: #ECEDF1;
                    width: 80%;
                }

                    .Content_Container .contentBox .box .loginBox .headerBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 66px;
                        line-height: 66px;
                        width: 100%;
                        direction: rtl;
                    }

                        .Content_Container .contentBox .box .loginBox .headerBox a {
                            position: relative;
                            right: 0px;
                            float: right;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 10pt;
                            color: #000;
                            direction: rtl;
                            text-decoration: none;
                        }

                            .Content_Container .contentBox .box .loginBox .headerBox a.link {
                                position: relative;
                                right: 0px;
                                float: right;
                                font-family: iranyekanwebmediumfanum,arial;
                                font-size: 9pt;
                                color: #000;
                                direction: rtl;
                                text-decoration: none;
                            }

                                .Content_Container .contentBox .box .loginBox .headerBox a.link:hover {
                                    color: #888888;
                                }

                            .Content_Container .contentBox .box .loginBox .headerBox a i {
                                font-size: 20pt;
                                color: #A7B8BF;
                                margin-left: 10px;
                            }

                    .Content_Container .contentBox .box .loginBox .titleBox {
                        position: relative;
                        top: 0px;
                        right: 0px;
                        float: right;
                        min-height: 58px;
                        line-height: 30px;
                        width: 100%;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                        text-align: right;
                        direction: rtl;
                    }


    .ContainerTextBoxObject {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 70px;
        width: 300px;
        padding: 5px 0px 5px 25px;
        display: inline-block;
        direction: rtl;
    }


    .ContainerTextBoxObject1 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 300px;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxObject2 {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 30px;
        width: 90%;
        padding: 5px 25px 5px 25px;
        display: inline-block;
        direction: rtl;
    }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .SaveBox input {
        padding: 5pcx 20px 5px 20px;
        border-style: solid;
        border-width: 0px;
        cursor: pointer;
        background: #5C5C5C;
        color: #fff;
        font-size: 11pt;
        font-family: iranyekanwebmediumfanum,arial;
        position: relative;
        float: left;
        left: 0px;
        width: 100px;
    }

        .SaveBox input:hover {
            background: #888888;
        }

    .SaveBox p {
        width: 100%;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 12pt;
        color: #1c1c1c;
        margin-top: 10%;
        direction: rtl;
    }

    .SaveBox i {
        font-size: 20pt;
    }

    .SaveBoxContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: none;
        height: 100%;
        background: rgb(0,0,0);
        background: rgba(0,0,0,.8);
        text-align: center;
        z-index: 1000000000;
        overflow: hidden;
    }

    .SaveBox .headerBox {
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 14pt;
    }

    .SaveBox {
        position: relative;
        width: 25%;
        min-height: 300px;
        display: inline-block;
        background: #fff;
        float: left;
        top: 25%;
        left: -1000px;
        -webkit-transition: left 1.5s; /* For Safari 3.1 to 6.0 */
        transition: left 1.5s;
        padding: 10px 10% 10px 10%;
    }

    .effectContainerDiv {
        position: absolute;
        top: 0px;
        float: right;
        right: 0px;
        width: 0%;
        height: 100%;
        display: block;
        background: #cc0000;
        -webkit-transition: width 1.5s; /* For Safari 3.1 to 6.0 */
        transition: width 1.5s;
        border-radius: 5px;
        text-decoration: none;
    }

    .effectContainerDiv_active {
        width: 100%;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

        .ContainerQuotation a:hover .talkbubble {
            display: block;
        }

    .quotation {
        background: none;
        padding: 0;
        margin: 0;
        list-style: none;
        display: block;
        list-style-type: none;
        text-decoration: none;
    }

    .talkbubble {
        width: 200px;
        min-height: 50px;
        background: #2FBEF2;
        background: rgb(1,165,115);
        background: rgba(1,165,115,0.9);
        position: relative;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        z-index: 10;
        top: 20px;
        display: none;
        font-size: 9pt;
        color: #fff;
        text-align: right;
        font-family: iranyekanwebmediumfanum,arial;
        text-decoration: none;
        line-height: 20px;
        padding: 5px 10px 5px 10px;
    }

        .talkbubble:before {
            content: "";
            position: absolute;
            top: -10px;
            right: 100%;
            right: 5%;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 10px solid #2FBEF2;
            z-index: 100;
        }

    .ContainerTextBoxCaption {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        min-height: 25px;
        line-height: 25px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 10pt;
        color: #000;
        text-align: right;
        direction: rtl;
    }


    .ContainerTextBoxStyle {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        height: 40px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #EEEEEE;
        line-height: 40px;
        direction: rtl;
        -webkit-transition: border 1.5s; /* For Safari 3.1 to 6.0 */
        transition: border 1.5s;
        background: #EEEEEE;
    }

        .ContainerTextBoxStyle a {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            display: block;
            width: 35px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .ContainerTextBoxStyle i {
            position: relative;
            margin-top: 12px;
            font-size: 14pt;
            color: #4C4E4D;
        }

    .effectTextBox {
        border: 2px solid #914EAE;
    }

    .ContainerTextBoxStyle input {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .ContainerTextBoxStyle select {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 260px;
        height: 36px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
    }

    .ContainerTextBoxStyle textarea {
        position: relative;
        top: 2px;
        float: left;
        left: 1px;
        width: 240px;
        height: 34px;
        font-family: iranyekanwebmediumfanum,arial;
        font-size: 9pt;
        color: #4C4E4D;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        text-align: right;
        padding-right: 10px;
        padding-left: 10px;
        background: #fff;
        z-index: 1;
        background: #fff;
        resize: none;
    }

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .ContainerQuotation {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        text-decoration: none;
    }

        .ContainerQuotation a {
            text-decoration: none;
            line-height: 20px;
        }

        .ContainerQuotation:hover i {
            -webkit-transition: color 1.5s; /* For Safari 3.1 to 6.0 */
            transition: color 1.5s;
            color: #888888;
        }

    #btnSaveForm {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
    }

        #btnSaveForm:hover {
            background: #00AEEF;
            color: #fff;
        }

    #btnAddMember {
        position: relative;
        min-height: 30px;
        border-width: 0px;
        border-style: solid;
        background: #2FBEF2;
        border-right: 4px solid #A7B8BF;
        color: #fff;
        font-size: 9pt;
        font-family: iranyekanwebmediumfanum,arial;
        width: 60px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition: background-color 0.5s;
        text-align: center;
        border-right: 4px solid #A7B8BF;
    }

        #btnAddMember:hover {
            background: #00AEEF;
            color: #fff;
        }

    .MainPage_History {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .Container_History {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        text-align: right;
    }

    .MainPage_AboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .Container_AboutUs {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }
    .contentHistory{
        width:800px;
        color:#fff;
       
    }

    .topBannerBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 160px;
        line-height: 160px;
        background-color: #cc0000;
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2301a573' fill-opacity='0.37' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    }


        .topBannerBox hr {
            position: relative;
            float: right;
            width: 15%;
            height: 1px;
            font-size: 0pt;
            color: #fff;
            background: #fff;
            border-style: solid;
            border-width: 0px;
            margin-top: 84px;
            margin-bottom: 84px;
        }

        .topBannerBox .TextTitle {
            position: relative;
            float: right;
            top: 0px;
            min-height: 160px;
            line-height: 160px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 26pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            width: 80%;
            padding-right: 10px;
            font-weight: 700;
        }

    .MainpathBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 80px;
        display: inline-block;
        text-align: center;
        direction: rtl;
    }

    .pathBox {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 50px;
        line-height: 50px;
        text-align: right;
        display: inline-block;
    }

        .pathBox ul {
            padding: 0;
            margin: 0;
            display: inline-block;
            list-style-type: none;
            width: 100%;
        }

            .pathBox ul li {
                padding: 0;
                margin: 0;
                display: inline-block;
                margin-left: 5px;
                margin-right: 5px;
            }

                .pathBox ul li a {
                    font-size: 9pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    color: #aaa;
                    text-decoration: none;
                }

                    .pathBox ul li a i {
                        font-size: 10pt;
                        color: #aaa;
                    }

                    .pathBox ul li a:hover {
                        color: #2FBEF2;
                    }

    .Container_AboutUs .whiteBox {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 60px;
    }

    .Container_AboutUs .MainBoxContent {
        position: relative;
        top: 0px;
        float: right;
        width: 100%;
        min-height: 1080px;
    }

        .Container_AboutUs .MainBoxContent .rightBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 60%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
        }

            .Container_AboutUs .MainBoxContent .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 60px;
                text-align: right;
                line-height: 60px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #000;
                direction: rtl;
            }

            .Container_AboutUs .MainBoxContent .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 110px;
                text-align: justify;
                direction: rtl;
                line-height: 30px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 10pt;
                color: #666;
            }

            .Container_AboutUs .MainBoxContent .rightBox .lineBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 80%;
                min-height: 30px;
                display: inline-block;
                text-align: center;
                line-height: 30px;
                background-image: url(../images/image_AboutUs8.jpg);
                background-position: center center;
                background-repeat: repeat-x;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .Container_AboutUs .MainBoxContent .rightBox .CircleBox {
                position: relative;
                top: 5px;
                width: 10px;
                height: 10px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                background: #2FBEF2;
                border: 6px solid #FFBFA2;
                border-radius: 180px;
            }

        .Container_AboutUs .MainBoxContent .leftBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 40%;
            margin: 0;
            padding: 0;
            min-height: 1080px;
        }

            .Container_AboutUs .MainBoxContent .leftBox img {
                position: relative;
                top: 0px;
                float: none;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 20px;
                width: 90%;
                box-shadow: 8px 8px 8px #E8EFF9;
            }

    .MainPage_MessageManager {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 640px;
        background: #fff;
        display: inline-block;
        text-align: center;
    }

        .MainPage_MessageManager .Container_MessageManager {
            position: relative;
            top: 0px;
            float: left;
            width: 90%;
            min-height: 640px;
            display: inline-block;
        }

            .MainPage_MessageManager .Container_MessageManager .rightBox {
                position: relative;
                top: 0px;
                float: right;
                width: 35%;
                margin: 0;
                padding: 0;
                min-height: 600px;
                background-image: url(../images/image_AboutUs4.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .MainPage_MessageManager .Container_MessageManager .leftBox {
                position: relative;
                top: 0px;
                float: right;
                width: 65%;
                margin: 0;
                padding: 0;
                min-height: 600px;
            }

                .MainPage_MessageManager .Container_MessageManager .leftBox .whiteBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    min-height: 50px;
                }

                .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage {
                    position: relative;
                    top: 0px;
                    float: left;
                    width: 90%;
                    min-height: 560px;
                }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox {
                        position: relative;
                        top: 0px;
                        width: 100%;
                        min-height: 45px;
                        line-height: 45px;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox .ContentBox {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            min-width: 150px;
                            font-family: iranyekanwebmediumfanum,arial;
                            font-size: 14pt;
                            color: #000;
                            text-align: right;
                            direction: rtl;
                            line-height: 45px;
                            min-height: 45px;
                            background: #fff;
                        }

                    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .amountContent {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 90%;
                        min-height: 510px;
                        text-align: justify;
                        direction: rtl;
                        line-height: 30px;
                        font-family: iranyekanwebmediumfanum,arial;
                        font-size: 10pt;
                        color: #000;
                    }

    .MainPage_whiteAboutUs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 700px;
        display: inline-block;
        text-align: center;
        background: none;
        
    }

        .MainPage_whiteAboutUs .Container_whiteAboutUs {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 90%;
            min-height: 700px;
            
        }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .whiteSpace {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 76px;
            }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox {
                position: relative;
                top: 0px;
                float: right;
                text-align: right;
                width: 100%;
                min-height: 74px;
                line-height: 74px;
                font-size: 13pt;
                color: #fff;
                direction: rtl;
                font-family: iranyekanwebmediumfanum,arial;
            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox i {
                    font-size: 28pt;
                    color: #fff;
                    margin-left: 10px;
                    vertical-align: middle;
                }

            .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 50%;
                min-height: 190px;
            }

                .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox {
                    position: relative;
                    top: 0px;
                    min-height: 190px;
                    float: right;
                    margin: 0;
                    padding: 0;
                    width: 90%;
                }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 50px;
                        line-height: 50px;
                        width: 100%;
                        background-image: url(../images/image_AboutUs5.jpg);
                        background-position: center center;
                        background-repeat: repeat-x;
                    }

                        .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox .titleText {
                            position: relative;
                            float: right;
                            min-height: 45px;
                            line-height: 45px;
                            font-size: 13pt;
                            font-family: iranyekanwebmediumfanum,arial;
                            color: #fff;
                            text-align: right;
                            direction: rtl;
                            background: #06121E;
                            min-width: 120px;
                            vertical-align: middle;
                        }

                    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .Text {
                        position: relative;
                        top: 0px;
                        float: right;
                        width: 100%;
                        min-height: 130px;
                        line-height: 30px;
                        text-align: justify;
                        font-size: 10pt;
                        font-family: iranyekanwebmediumfanum,arial;
                        direction: rtl;
                        color: #fff;
                    }

    .Mainpage_Taghdiname {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
        background: none;
    }

    .Container_Taghdiname {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .Container_Taghdiname .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 50px;
        }

        .Container_Taghdiname .TitleBox {
            position: relative;
            top: 0px;
            width: 100%;
            min-height: 90px;
            line-height: 90px;
            float: right;
            text-align: center;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum,arial;
            color: #fff;
        }

        .Container_Taghdiname .Box {
            position: relative;
            top: 0px;
            width: 30%;
            min-height: 550px;
            margin-left: 55px;
            margin-right: 55px;
        }

            .Container_Taghdiname .Box .PicBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 360px;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .Container_Taghdiname .Box a {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 260px;
                display: block;
            }

            .Container_Taghdiname .Box .BoxText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 170px;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: center;
                line-height: 25px;
                color: #fff;
                text-align: justify;
                direction: rtl;
                padding-top: 30px;
            }

    .Mainpage_Mashi {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 340px;
        background: none;
        display: inline-block;
        text-align: center;
        margin-bottom :50px;
    }

    .Container_Mashi {
        position: relative;
        top: 0px;
        width: 90%;
        min-height: 340px;
        display: inline-block;
    }

        .Container_Mashi .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 65px;
        }

        .Container_Mashi .titleBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 40px;
        }



            .Container_Mashi .titleBox .amountText {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 13pt;
                color: #fff;
                text-align: right;
                direction: rtl;
            }

                .Container_Mashi .titleBox .amountText .Line {
                    position: relative;
                    margin: 0;
                    padding: 0;
                    top: 20px;
                    float: right;
                    max-width: 240px;
                    color: #2FBEF2;
                    background: #2FBEF2;
                    height: 2px;
                    width: 20%;
                    border: 0;
                    margin-left: 20px;
                }

        .Container_Mashi .contentText {
            position: relative;
            top: 0px;
            float: right;
            width: 80%;
            min-height: 330px;
            text-align: justify;
            direction: rtl;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            background: none;
        }

    .MainPage_Certificates {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: inline-block;
        text-align: center;
    }

        .MainPage_Certificates .Container_Certificates {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 800px;
            display: inline-block;
            padding-top: 30px;
        }

    .News_MainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .News_Container {
        position: relative;
        top: 0px;
        width: 90%;
        display: inline-block;
        min-height: 600px;
    }

    .news_RightBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 75%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
        margin-left: 5%;
    }



        .news_RightBox .titleNewsBox {
            position: relative;
            top: 0px;
            width: 100%;
            float: right;
            right: 0px;
            min-height: 45px;
            line-height: 30px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 14pt;
            color: #fff;
            direction: rtl;
            text-align: right;
            padding-top: 0px;
        }

            .news_RightBox .titleNewsBox a {
                direction: rtl;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #fff;
                text-decoration: none;
            }

                .news_RightBox .titleNewsBox a:hover {
                    color: #a20000;
                }

        .news_RightBox .DateNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 30px;
            line-height: 30px;
            text-align: right;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 10pt;
            color: #a1a1a1;
            direction: rtl;
        }

            .news_RightBox .DateNewsBox i {
                font-size: 16pt;
                margin-left: 10px;
                color: #ffffff;
            }

        .news_RightBox .picBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 450px;
            overflow: hidden;
            border-radius: 15px;
        }

            .news_RightBox .picBox img {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                max-width: 90%;
                max-height: 440px;
                border-radius: 15px;
            }

        .news_RightBox .SummeryNewsBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            line-height: 25px;
            direction: rtl;
            text-align: justify;
            min-height: 100px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .news_RightBox .WriterName {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 11pt;
            color: #fff;
            direction: rtl;
            text-align: justify;
            min-height: 30px;
        }

        .news_RightBox .buttonBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            text-align: right;
            min-height: 100px;
        }

            .news_RightBox .buttonBox input {
                position: relative;
                top: 0px;
                float: left;
                left: 0px;
                text-align: center;
                font-size: 10pt;
                font-family: iranyekanwebmediumfanum,arial;
                color: #fff;
                cursor: pointer;
                width: 150px;
                min-height: 50px;
                background: #2FBEF2;
                border: 0px solid #2FBEF2;
                border-radius: 0px;
                -webkit-transition: background 0.5s,color 0.5s; /* For Safari 3.1 to 6.0 */
                transition: background 0.5s,color 0.5s;
            }

                .news_RightBox .buttonBox input:hover {
                    background: #cc0000;
                    color: #FFF;
                }

        .news_RightBox .lineBox {
            position: relative;
            top: 0px;
            right: 0px;
            float: right;
            width: 100%;
            min-height: 20px;
            line-height: 20px;
            border-bottom: 1px solid #2FBEF2;
            margin-bottom: 30px;
        }



    .news_LeftBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 20%;
        margin: 0;
        padding: 0;
        min-height: 600px;
        display: inline-block;
        margin-top: 0px;
    }

        .news_LeftBox .recentTitle {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: right;
        }

        .news_LeftBox .recentNewsBox {
            position: relative;
            top: 0px;
            right: 0px;
            width: 100%;
            float: right;
            margin-bottom: 20px;
        }

            .news_LeftBox .recentNewsBox .imageBox {
                position: relative;
                top: 0px;
                right: 0px;
                float: right;
                min-height: 140px;
                display: inline-block;
                text-align: right;
                width: 100%;
            }

                .news_LeftBox .recentNewsBox .imageBox img {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 100%;
                    border: 2px solid #fff;
                    border-radius: 15px;
                }

            .news_LeftBox .recentNewsBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 80px;
                padding-top: 10px;
                padding-bottom: 10px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                text-align: right;
            }

                .news_LeftBox .recentNewsBox .titleBox a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 10pt;
                    color: #fff;
                    text-decoration: none;
                    text-align: right;
                    direction: rtl;
                }

                    .news_LeftBox .recentNewsBox .titleBox a:hover {
                        color: #cc0000;
                    }

    .news_PagingBox {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        width: 100%;
        display: inline-block;
        text-align: right;
        min-height: 60px;
        line-height: 60px;
    }

        .news_PagingBox ul {
            position: relative;
            top: 0px;
            float: right;
            direction: rtl;
            right: 0px;
            display: inline-block;
            list-style-type: none;
        }

            .news_PagingBox ul li {
                display: inline-block;
                width: 30px;
            }

                .news_PagingBox ul li a {
                    font-family: iranyekanwebmediumfanum,arial;
                    font-size: 12pt;
                    color: #000;
                    display: block;
                    padding: 5px;
                    text-decoration: none;
                }

                    .news_PagingBox ul li a:hover {
                        color: #26ACDE;
                    }

                    .news_PagingBox ul li a.active {
                        color: #26ACDE;
                    }

                .news_PagingBox ul li i {
                    font-size: 18pt;
                }

    .chart_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 900px;
        display: inline-block;
        text-align: center;
    }

        .chart_MainPage .chart_Container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 900px;
            display: inline-block;
            overflow: auto;
        }

            .chart_MainPage .chart_Container iframe {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 900px;
            }


    .mainpageBox_Link {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 600px;
    }

    .Container_Link {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        margin-top: 50px;
    }


    .box_Link {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        display: inline-block;
        width: 22%;
        margin: 5px;
        min-height: 280px;
        cursor: pointer;
        overflow: hidden;
        border: 1px solid #c1c1c1;
    }

        .box_Link .maskBoxLink {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 0%;
            display: inline-block;
            background: rgb(0,0,0);
            background: rgba(0,0,0,0.7);
            z-index: 1;
            -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
            transition: height 0.5s;
            text-align: center;
            font-family: yakan,arial;
            font-size: 12pt;
            color: #fff;
        }

        .box_Link:hover .maskBoxLink {
            height: 100%;
        }

        .box_Link .maskBoxLink p {
            position: absolute;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 12pt;
            color: #fff;
            text-align: center;
            min-height: 40px;
            line-height: 40px;
            top: -100px;
            width: 100%;
            -webkit-transition: top 0.9s; /* For Safari 3.1 to 6.0 */
            transition: top 0.9s;
            z-index: -10000;
        }

        .box_Link:hover .maskBoxLink p {
            top: 40%;
            z-index: 1;
        }

    .GalleryMainBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .GalleryContainer {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
        padding-bottom: 30px;
        margin-bottom: 150px;
    }

        .GalleryContainer .headerBoxGallery {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 50px;
            line-height: 50px;
            font-family: iranyekanwebmediumfanum,arial;
            font-size: 28pt;
            color: #000;
            text-align: center;
        }

        .GalleryContainer .GalleryBox {
            position: relative;
            top: 100px;
            float: left;
            left: 0px;
            margin: 0;
            padding: 0;
            width: 48%;
            min-height: 350px;
            margin: 1%;
        }

        .GalleryContainer .GalleryBox_view {
            top: 0px;
            opacity: 1;
            filter: alpha(opacity=100);
        }


    .GalleryBox .maskBoxGallery {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(0,0,0);
        background: rgba(0,0,0,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery {
        background: rgba(0,0,0,.5);
    }

    .GalleryBox .maskBoxGallery:before {
        content: "\f00e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery:before {
        visibility: visible;
    }




    .GalleryBox .maskBoxGallery1 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: rgb(38,173,221);
        background: rgba(38,173,221,0);
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
        transition: background 1s;
    }

    .GalleryBox:hover .maskBoxGallery1 {
        background: rgba(38,173,221,.6);
    }

    .GalleryBox .maskBoxGallery1:before {
        content: "\f144";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 50px;
        padding-right: 0.5em;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        padding-top: 20%;
        visibility: hidden;
        -webkit-transition: visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition: visibility 1.2s;
    }

    .GalleryBox:hover .maskBoxGallery1:before {
        visibility: visible;
    }



    .LawPage_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        min-height: 800px;
    }

        .LawPage_MainPage .LawPage_Container {
            position: relative;
            top: 0px;
            width: 90%;
            display: inline-block;
            min-height: 800px;
        }

            .LawPage_MainPage .LawPage_Container .TitleBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 80px;
                line-height: 80px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
                font-weight: 900;
            }

            .LawPage_MainPage .LawPage_Container .ContentBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: justify;
                min-height: 60px;
                line-height: 35px;
                font-size: 12pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
                color: #fff;
            }

            .LawPage_MainPage .LawPage_Container .WhiteBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                text-align: right;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                direction: rtl;
            }

    .Contact_MainpageBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .Contact_ContainerMainPage {
        position: relative;
        top: 0px;
        width: 90%;
        min-height: 300px;
        display: inline-block;
        margin-bottom: 50px;
        margin-top: 10px;
    }

        .Contact_ContainerMainPage .contact_Titr {
            position: relative;
            top: 0px;
            float: right;
            width: 100%;
            min-height: 80px;
            line-height: 80px;
            font-size: 16pt;
            font-family: iranyekanwebmediumfanum;
            direction: rtl;
            text-align: right;
            color: #cc0000;
            font-weight: 900;
        }



        .Contact_ContainerMainPage iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 650px;
            margin-top: 50px;
            margin-bottom: 10px;
        }

    .contact_Header {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        text-align: center;
        font-size: 18pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        margin-top: 60px;
        min-height: 80px;
        line-height: 80px;
        width: 100%;
    }

    .contact_Text {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        text-align: right;
        font-size: 12pt;
        font-family: iranyekanwebmediumfanum,arial;
        color: #fff;
        min-height: 60px;
        line-height: 30px;
        width: 35%;
        margin-bottom: 0px;
        direction: rtl;
        padding-left: 50px;
    }

    .contact_AddressBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        line-height: 180px;
    }

    .contact_Box {
        position: relative;
        top: 0px;
        right: -20%;
        float: right;
        width: 33.3%;
        margin: 0;
        padding: 0;
        min-height: 180px;
    }

    .contact_Box_view {
        right: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .contact_Box .logo_ContactBox {
        position: relative;
        top: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        min-height: 60px;
        display: inline-block;
    }

    .contact_Box .Content_ContactBox {
        position: relative;
        top: 0px;
        right: 0px;
        float: right;
        width: 100%;
        min-height: 180px;
        margin: 0;
        padding: 0;
    }

    .ContactMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        text-align: center;
        min-height: 700px;
    }

    .Contact_ContainerMainPage .BoxFrame {
        position: relative;
        top: 0px;
        float: right;
        right: 0px;
        margin: 0;
        padding: 0;
        min-height: 1000px;
        width: 65%;
    }

    .Contact_ContainerMainPage .frameContact {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 800px;
        display: block;
        background: #0B1A2A;
        border-radius: 15px;
        padding: 20px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    #map {
        position: relative;
        top: 5px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: block;
    }



    .ContactMap_Container iframe {
        position: relative;
        top: 0px;
        left: 0px;
        width: 80%;
        min-height: 700px;
        display: block;
        border-radius: 15px;
        padding: 20px;
    }

    .showService_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 400px;
        display: inline-block;
        text-align: center;
    }

    .showService_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 400px;
        display: inline-block;
    }

        .showService_Container .whiteBox {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 100px;
        }

        .showService_Container .rightBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .rightBox .titleBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 80px;
                line-height: 80px;
                text-align: right;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 14pt;
                color: #2FBEF2;
                direction: rtl;
            }

            .showService_Container .rightBox .contentBox {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 95%;
                min-height: 400px;
                line-height: 30px;
                direction: rtl;
                text-align: justify;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 11pt;
                color: #000;
            }


        .showService_Container .leftBox {
            position: relative;
            top: 0px;
            float: right;
            width: 50%;
            margin: 0;
            padding: 0;
            min-height: 400px;
        }

            .showService_Container .leftBox iframe {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 100%;
                min-height: 400px;
            }

    .siteMap_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .siteMap_Container {
        position: relative;
        top: 0px;
        width: 80%;
        min-height: 600px;
        display: inline-block;
    }

        .siteMap_Container .whiteBox {
            position: relative;
            top: 0px;
            float: right;
            right: 0px;
            width: 100%;
            min-height: 80px;
        }

        .siteMap_Container .BoxMap {
            position: relative;
            top: 0px;
            float: right;
            width: 23%;
            min-height: 300px;
        }

            .siteMap_Container .BoxMap .headBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 14pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                font-weight: 700;
            }


                .siteMap_Container .BoxMap .headBox a {
                    font-size: 14pt;
                    text-decoration: none;
                    color: #000;
                }

            .siteMap_Container .BoxMap .itemBox {
                position: relative;
                top: 0px;
                float: right;
                width: 100%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }



                .siteMap_Container .BoxMap .itemBox a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 90%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

                    .siteMap_Container .BoxMap .itemBox a:hover {
                        color: #2FBEF2;
                    }

            .siteMap_Container .BoxMap .itemBoxUnder {
                position: relative;
                top: 0px;
                float: left;
                width: 90%;
                min-height: 40px;
                line-height: 40px;
                font-size: 11pt;
                font-family: iranyekanwebmediumfanum,arial;
                text-align: right;
                direction: rtl;
                border-right: 4px solid #2FBEF2;
            }

                .siteMap_Container .BoxMap .itemBoxUnder a {
                    position: relative;
                    top: 0px;
                    float: right;
                    width: 80%;
                    height: 100%;
                    display: block;
                    text-decoration: none;
                    text-align: right;
                    font-size: 11pt;
                    font-family: iranyekanwebmediumfanum,arial;
                    padding-right: 10%;
                    color: #000;
                }

        .siteMap_Container .BoxMapUnder .itemBox a:hover {
            color: #2FBEF2;
        }

    .SearchView_MaonBox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 600px;
        display: inline-block;
        text-align: center;
    }

    .SearchView_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 600;
    }

        .SearchView_Container iframe {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            min-height: 600px;
        }

    .MenuScroll_MainPage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 130px;
        display: inline-block;
        text-align: center;
    }

    .MenuScroll_Container {
        position: relative;
        top: 0px;
        width: 80%;
        display: inline-block;
        min-height: 130px;
    }

        .MenuScroll_Container .boxMenu {
            position: relative;
            top: 0px;
            min-height: 100px;
            width: 140px;
            cursor: pointer;
        }



            .MenuScroll_Container .boxMenu .LogoPicBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 80px;
                line-height: 80px;
            }


                .MenuScroll_Container .boxMenu .LogoPicBox img {
                    position: relative;
                    float: none;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 30px;
                    max-width: 86px;
                }

            .MenuScroll_Container .boxMenu .titleBox {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                min-height: 44px;
                font-family: iranyekanwebmediumfanum,arial;
                font-size: 12pt;
                color: #000;
            }

            .MenuScroll_Container .boxMenu:hover .titleBox {
                color: #2FBEF2;
            }

    .khadamatMainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 120px;
        display: inline-block;
        text-align: center;
        background: #F8FAFC;
        box-shadow: 1px 1px 2px gray;
    }

    .khadamatContainer {
        position: relative;
        top: 0px;
        display: inline-block;
        min-height: 120px;
        width: 100%;
    }

    .loginBox_hrhs {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 362px;
        display: inline-block;
        text-align: center;
    }


        .loginBox_hrhs .container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 232px;
            margin-top: 65px;
            border-radius: 10px;
            background: rba(248,250,252);
            background: rgba(248,250,252,1);
            text-align: center;
            display: inline-block;
        }

            .loginBox_hrhs .container .innerBox {
                position: relative;
                top: 0px;
                width: 80%;
                min-height: 160px;
                display: inline-block;
                margin-top: 36px;
            }

                .loginBox_hrhs .container .innerBox .contentBox {
                    position: relative;
                    top: 0px;
                    float: right;
                    right: 0px;
                    width: 50%;
                    min-height: 160px;
                    text-align: right;
                }

                    .loginBox_hrhs .container .innerBox .contentBox .textBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        min-height: 42px;
                        width: 100%;
                        border-radius: 5px;
                        background: #fff;
                        margin: 0;
                        padding: 0;
                        margin-bottom: 10px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .caption {
                            position: relative;
                            top: 0px;
                            right: 0px;
                            float: right;
                            width: 30%;
                            text-align: center;
                            min-height: 42px;
                            line-height: 42px;
                            margin: 0;
                            padding: 0;
                            border-top-right-radius: 5px;
                            border-bottom-right-radius: 5px;
                            background: #2FBEF2;
                            font-size: 12pt;
                            color: #fff;
                            font-family: iranyekanwebmediumfanum;
                            font-weight: 300;
                        }

                        .loginBox_hrhs .container .innerBox .contentBox .textBox .styleText {
                            position: relative;
                            top: 0px;
                            float: right;
                            right: 0px;
                            width: 60%;
                            padding: 0;
                            padding-right: 5%;
                            min-height: 42px;
                            line-height: 42px;
                            font-size: 12pt;
                            color: #222;
                            font-family: iranyekanwebmediumfanum;
                            background: #fff;
                            border-top-left-radius: 5px;
                            border-bottom-left-radius: 5px;
                            border: 0;
                            direction: rtl;
                            text-align: right;
                        }

                    .loginBox_hrhs .container .innerBox .contentBox .buttonBox {
                        position: relative;
                        top: 0px;
                        float: right;
                        right: 0px;
                        width: 100%;
                        min-height: 46px;
                        margin-top: 20px;
                        line-height: 46px;
                    }

                        .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button {
                            position: relative;
                            float: left;
                            left: 0px;
                            width: 40%;
                            max-width: 124px;
                            height: 45px;
                            line-height: 45px;
                            text-align: center;
                            border: 0;
                            font-family: iranyekanwebmediumfanum;
                            font-size: 11pt;
                            color: #fff;
                            background: #2FBEF2;
                            border-radius: 10px;
                            cursor: pointer;
                            direction: rtl;
                        }

                            .loginBox_hrhs .container .innerBox .contentBox .buttonBox .button:hover {
                                background: #964B00;
                            }

    .counter_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 200px;
        line-height: 200px;
        display: inline-block;
        text-align: center;
        background: none;
    }

        .counter_hrhs_Mainpage .container {
            position: relative;
            top: 0px;
            width: 80%;
            min-height: 140px;
            display: inline-block;
            margin: 0;
            padding: 0;
            margin-top: 60px;
        }

            .counter_hrhs_Mainpage .container .boxAmar {
                position: relative;
                top: 0px;
                float: right;
                right: 0px;
                width: 25%;
                min-height: 200px;
                line-height: 200px;
            }


                .counter_hrhs_Mainpage .container .boxAmar .headerAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 70px;
                    line-height: 70px;
                    font-size: 22pt;
                    color: #fff;
                    font-family: byekan;
                    width: 100%;
                    font-weight: 800;
                }


                .counter_hrhs_Mainpage .container .boxAmar .BodyAmar {
                    position: relative;
                    top: 0px;
                    float: right;
                    text-align: center;
                    min-height: 50px;
                    line-height: 50px;
                    font-size: 16pt;
                    color: #fff;
                    font-family: iranyekanwebmediumfanum;
                    width: 100%;
                }

    .map_hrhs_Mainpage {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 722px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }
    .popupLive{
        position :fixed ;
        top:0px;
        left:0px;
        width :100%;
        height :0%;
        display :none ;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.9);
        text-align :center ;
        z-index :111111111111111111111111111111111111111111111111111111111111;
        padding :50px;
	}
}

@media screen and (min-width: 1367px) and (max-width: 50000px)
{
	.popupLive{
        position :fixed ;
        top:0px;
        left:0px;
        width :100%;
        height :0%;
        display :none ;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.9);
        text-align :center ;
        z-index :111111111111111111111111111111111111111111111111111111111111;
        padding :100px;
	}

	.managerMainBox
	{
		position :relative ;
		top:0px;
		left:0px;
		width :100%;
		min-height:800px;
		display :inline-block ;
		text-align :center ;

	}
	
	.managerContainer
	{
		position :relative ;
		top:0px;
		width :60%;
		min-height:800px;
		display :inline-block ;
		direction :rtl;
	}
	
	.managerContainer .boxManagerModirAmel
	{
		position :relative ;
		top:0px;
		float :none ;
		width :50%;
		margin-left :auto ;
		margin-right :auto ;
		min-height:325px;
	-webkit-box-shadow: 3px 3px 3px 3px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:3px 3px 3px 3px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:3px 3px 3px 3px #ccc;
  border:4px solid #2FBEF2;
  background-image: url("https://3.bp.blogspot.com/-piZWCW2uUbg/W2fPXxkWZgI/AAAAAAAAOu0/eydmMjTIqcwLMHEEr2H7imqoRTxMw4o9QCLcBGAs/s1600/among_trees_night_dribbble.png");
  border-radius: 4px;
  
   padding:10px;
   direction :rtl;
		
	}
	.managerContainer .boxManagerModirAmel .innertoBox
	{
		position:relative ;
		top:0px;
		float :right ;
		min-height:325px;
		
		background :#2FBEF2;
		width :60%;
		background-repeat:no-repeat;
		background-position:center center;
		background
	}
	
	.managerContainer .boxManagerModirAmel .middleBox
	{
		position:absolute  ;
		bottom:0px;
		margin-bottom :0px;
		
		min-height:65px;
		background :#2FBEF2;
		width :100%;
		font-family :iranyekanwebmediumfanum,arial;
		font-size :11pt;
		color:#fff;
		line-height :65px;
		text-align :center ;
	}
	
		
.managerContainer .boxManagerModirAmel .bottomBox
	{
		position:relative ;
		top:0px;
		float :right ;
		min-height:325px;
		background :#fff;
		width :40%;
		display:inline-block ;
	
	}	
	.managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer
	{
		position:relative ;
		top:10px;
		right :0px;
		float:right;
		min-height :300px;
		
		text-align :center ;
		width :30px;

	}
	.managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox
	{
		position :relative ;
		float :right ;
	
		width :55px;
		height :55px;
		border-radius:180px;
		text-align :center ;
		margin-right:-20px;
		background :#cc0000;
		cursor:pointer ;
		margin-bottom :5px;
	}
	
	.managerContainer .boxManagerModirAmel .bottomBox .circleBoxContainer .circleBox:hover 
	{
		background :#2FBEF2;
	}
	
	.managerContainer .boxManagerModirAmel .bottomBox .circleBox i
	{
		color:#fff;
		margin-top :15px;
		font-size :25px;
	}

.managerContainer .boxManagerModirAmel .bottomBox p
{
	
	float :right ;
	top:0px;
	width :60%;
	min-height:30px;
	line-height :30px;
	padding-right :10%;
	font-family :iranyekanwebmediumfanum,arial;
	font-size :12pt;
	color:#333;
	text-align :right ;
	direction :rtl;
	

	
	
}

.managerContainer .boxManagerModirAmel .bottomBox p i
{
	color:#2FBEF2;
	font-size :10pt;
	margin-left :10px;
	margin-top :5px;
}

.managerContainer .boxManagerModirAmel .bottomBox p.user
{
	font-family:iranyekanwebmediumfanum;
}

.managerContainer .boxManagerModirAmel .bottomBox p.phone
{
	font-family:byekan;
}

.managerContainer .boxManagerModirAmel .bottomBox p.email
{
	font-family:iranyekanwebmediumfanum;
}

.managerContainer .boxManagerModirAmel .bottomBox p.fax
{
	font-family:byekan;
}




	.managerContainer .boxManager
	{
		position :relative ;
		top:0px;
		float :none  ;
		width :35%;
		margin-left :auto ;
		margin-right :auto ;
		display:inline-block ;
		min-height:400px;
	-webkit-box-shadow: 3px 3px 3px 3px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:3px 3px 3px 3px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:3px 3px 3px 3px #ccc;
  border:4px solid #2FBEF2;
  
  border-radius: 4px;
  
   padding:10px;
   margin :1%;
   margin-top :2.5%;
   margin-bottom :2.5%;
		
	}
	.managerContainer .fourBox
	{
		width :22%;
	}
	.managerContainer .boxManager .innertoBox
	{
		position:relative ;
		top:0px;
		float :right ;
		min-height:200px;
		
		width :100%;
		background-position :center center ;
		background-repeat :no-repeat ;
		background-size:100px; 
	}
	
	.managerContainer .boxManager .middleBox
	{
		position:relative ;
		top:0px;
		float :right ;
		min-height:55px;
		background :#2FBEF2;
		width :100%;
		font-family :iranyekanwebmediumfanum,arial;
		font-size :11pt;
		color:#fff;
		line-height :25px;
		text-align :center ;
	}
	
		
.managerContainer .boxManager .bottomBox
	{
		position:relative ;
		top:0px;
		float :left ;
		min-height:145px;
		background :#fff;
		width :100%;
		display:inline-block ;
		direction :rtl;
	}	
	.managerContainer .boxManager .bottomBox .circleBoxContainer
	{
		position:relative ;
		top:0px;
		left :0px;
		float:none ;
		margin-left :auto ;
		margin-right :auto ;
		min-height :35px;
		display :inline-block ;
		text-align :center ;
		
	}
	.managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox
	{
		position :relative ;
		float :right ;
		margin-left :5px;
		width :40px;
		height :40px;
		border-radius:180px;
		text-align :center ;
		margin-top :-20px;
		background :#00AEEF;
		cursor:pointer ;
	}
	
	.managerContainer .boxManager .bottomBox .circleBoxContainer .circleBox:hover 
	{
		background :#cc0000;
	}
	
	.managerContainer .boxManager .bottomBox .circleBox i
	{
		color:#fff;
		margin-top :10px;
		font-size :20px;
	}

.managerContainer .boxManager .bottomBox p
{
	position :relative ;
	float :left ;
	top:0px;
	width :90%;
	min-height:20px;
	line-height :20px;
	padding-right :10%;
	font-family :iranyekanwebmediumfanum,arial;
	font-size :10pt;
	color:#333;
	text-align :right ;
	direction :rtl;
	margin :0.5px;

	
}

.managerContainer .boxManager .bottomBox p i
{
	color:#2FBEF2;
	font-size :10pt;
	margin-left :10px;
	margin-top :5px;
}

.managerContainer .boxManager .bottomBox p.user
{
	font-family:iranyekanwebmediumfanum;
}

.managerContainer .boxManager .bottomBox p.phone
{
	font-family:byekan;
}

.managerContainer .boxManager .bottomBox p.email
{
	font-family:iranyekanwebmediumfanum;
}

.managerContainer .boxManager .bottomBox p.fax
{
	font-family:byekan;
}

	
.titleBox_Inf
	{
	    position :relative ;
	    top:0px;
	    width :100%;
	    min-height :130px;
	    line-height :130px;
	    font-size :14pt;
	    font-family :iranyekanwebmediumfanum,arial;
	    color:#000;
	    text-align :center ;
	    direction:rtl;
	}
    
    
   .NewsFori
    {
    	position :fixed ;
    	bottom:0px;
    	width :20%;
    	max-width :300px;
    	height :180px;
    	background :rgb(4,49,0);
    	background :rgba(4,49,182,0.9);
    	padding :10px 20px  10px  10px;
    	font-family :iranyekanwebmediumfanum,arial;
    	font-size :10pt;
    	color:#fff;
    	z-index :1000000000000;
    	box-shadow:1px 1px 1px gray;
    	min-width:300px;
    	font-weight :300;
    }
    
    
    
    
    .marqueeBox
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        display :inline-block ;
        height :40px;
        z-index:10000000000;
         font-family :iranyekanwebmediumfanum,arial;
        font-size:11pt;
        color:#333;
        padding-top :5px;
        direction :rtl;
    }
    
    
    
    .socialBox
    {
        position :fixed;
        float :left ;
        top:25%;
        min-width:40px;
        background :rgb(191,189,192);
        background:rgba(191,189,192,0.5); 
        
    }
    
    .socialBox ul
    {
       
      
        left:0px;
        float :left ;
        padding :0;
        margin :0;
        display :block ;
    }
    
    .socialBox ul li
    {
        margin :0;
        padding :0;
        width :40px;
        height :40px;
        display :block ;
        
    }
    
    .socialBox ul li a
    {
        position:relative  ;
        top:0px;
        left:0px;
        width :100%;
        height :100%;
        text-decoration :none;
        display :block ;
    }
    
    html,body
    {
        padding :0;
        margin :0;
    }
    .mainPageScreen
	{
		position :relative ;
		top:0px;
		left:0px;
		width:100%;
		min-height :800px;
		display :inline-block ;
		text-align :center ;
		overflow :hidden ;
        background :#06121E;
		
	}
      .mainPageScreen .mainPageScreen_child {
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        height :700px;
        display :block ;
        
    }
	.topWhiteBar
	{
		position :absolute;
		top:0px;
		left:0px;
		width:100%;
		background :none;
		height :50px; 
		display :inline-block ;
        z-index :100000;
	}
	
	.topWhiteBar_Container 
	{
		position :relative;
		top:0px;
		width:90%;
		min-height :55px; 
		display :inline-block ;
	}
	
	.topWhiteBar .main_ul
	{
		float:left ;
		left :0px;
		min-height:55px;
		
		
	}
	
	.topWhiteBar .main_li
	{
		
		display :inline-block ;
		list-style :none;
		
		margin :0;
		padding :0;
	}
	
	.topWhiteBar iframe
	{
		position :relative ;
		float :left ;
		left:0px;
		top:0px;
		width:40px;
		height :35px;
		display :inline-block ;
	}
	
	.topWhiteBar a
	{
		font-family :iranyekanwebmediumfanum,arial;
		font-size :10pt;
		color:#fff;
		text-decoration :none;
		padding :5px 10px 5px 10px;
		min-height:35px;
		line-height :35px;
		 -webkit-transition:color 0.5s; /* For Safari 3.1 to 6.0 */
        transition:color 0.5s;
	}
	.topWhiteBar a i
	{
		font-size :16pt;
		color:#fff;
		margin-right :5px;
		 -webkit-transition:color 0.5s; /* For Safari 3.1 to 6.0 */
        transition:color 0.5s;
	}
	.topWhiteBar a:hover i
	{
		color:#00AEEF;
	}
	
	.topWhiteBar a:hover
	{
		color:#00AEEF;
	}
	.topWhiteBar i:hover
	{
		color:#00AEEF;
	}
	
	.main_li .topWhiteBar_DropDown
	{
		float:none;
		list-style :none;
		display:none ;
		list-style-type:none ;
		position:absolute ;
		z-index:10000;
		direction:rtl;
		margin :0;
		padding :15px  15px 15px 15px;
		background :#00AEEF;
		color:#fff;
	}
	
	.main_li .topWhiteBar_DropDown_Search
	{
		float:none;
		list-style :none;
		display:none ;
		list-style-type:none ;
		position:absolute ;
		z-index:10000;
		direction:rtl;
		margin :0;
		padding :15px 5px 15px 5px;
		background :#00AEEF;
		color:#fff;
		width :215px;
	}
	
	/*.main_li:hover .topWhiteBar_DropDown
	{
		display:block ;
	}*/
	
	.topWhiteBar_DropDown li
	{
		display:block;
		margin :0;
	}
	
	
	
	#btnLogin
	{
		font-family :iranyekanwebmediumfanum,arial;
		font-size :10pt;
		color:#fff;
		border:2px solid #00AEEF;
		border-radius:30px;
		cursor:pointer;
		background :#00AEEF;
		width:40%;
	}
	
	#btnLogin:hover
	{
		background :#fff;
		color:#00AEEF;
	}
	
	#btnSearch
	{
		font-family :iranyekanwebmediumfanum,arial;
		font-size :10pt;
		color:#fff;
		border:2px solid #00AEEF;
		border-radius:30px;
		cursor:pointer;
		background :#00AEEF;
		width:40%;
	}
	
	#btnSearch:hover
	{
		background :#fff;
		color:#00AEEF;
	}
   .topBar
	{
		position :relative;
		top:0px;
		float :none;
        margin-left :auto ;
        margin-right :auto ;
		width:100%;
		background :none;
		display :inline-block ;
		text-align :center ;
        z-index :11111111111111111111111111111111111111111111111111111111;
	}
	.topBar_Container
	{
		position :relative ;
		top:0px;
		width :90%;
		display :inline-block ;
	}
	
	.topBar_Container .logoBox
	{
		position :relative ;
		top:0px;
		float:right;
		right :0px;
		cursor:pointer ;
		width:323px;
	}
	
	.logoBox img
	{
		position :relative ;
		float:right ;
		top:0px;
		right :0px;
	}
	
	.topBar_Container .menuPhoneBox
	{
		position :relative ;
		top:0px;
		float :right ;
		right :0px;
		background :none;
	}
	
	.menuPhoneBox .phoneBox
	{
		position :relative ;
		top:0px;
		float :left ;
		left :20px;
		width:100%;
		min-height:50px;
		background :none;		
	}
	.phoneBox a
	{
		position :absolute  ;
		float :left ;
		left :0px;
		bottom :10px;
		padding :10px 0px 10px 0px;
		font-family:byekan,arial;
		font-size :16pt;
		color:#000;
		text-align :left ;
		display :inline-block  ;
		width :100%;
		height :30px;
		
		
	}
	.phoneBox i
	{
		font-size :20pt;
		color:#2FBEF2;
		margin-right :10px;
	}
	.menuBox
	{
		position :relative ;
		top:0px;
		float  :right ;
		right:0px;
		width:100%;
		min-height :60px;
		
	}

    .overSlide {
background: #0a0909;
background: linear-gradient(0deg, rgba(10, 9, 9, 0) 76%, rgba(13, 12, 12, 1) 94%, rgba(13, 13, 13, 0.62) 99%);
    }

   

    .name_TopBanner{
        position :absolute   ;
        top:0;
        margin-top :20%;
        float :right ;
        right :10%;
        width :80%;
        min-height :100px;
        font-family :iranyekanwebmediumfanum;
        font-size :40pt;
        font-weight :900;
        direction :rtl;
        z-index :100000000000000000000000000000000;
      
        text-align :right ;
        background-clip: text;
  background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
  color: var(--color-background);
  font-size: var(24pt);
  font-weight: var(--font-weight);
  letter-spacing: var(--letter-spacing);
  padding: calc(--stroke-width / 2);
  -webkit-text-stroke-color: transparent;
  -webkit-text-stroke-width: var(--stroke-width);
    }
     @use postcss-preset-env {
  stage: 0;
}

:root {
  --color-background: #000119;
  --stroke-width: calc(1em / 16);
  --font-size: 30vmin;
  --font-weight: 700;
  --letter-spacing: calc(1em / 8);
}

* {
  box-sizing: border-box;
}

 .length_TopBanner{
        position :absolute    ;
        top:0px;
        margin-top :27%;
        float :right ;
        right :10%;
        width :80%;
        min-height :30px;
        line-height :30px;
        font-family :iranyekanwebmediumfanum;
        font-size :14pt;
        font-weight :900;
        direction :rtl;
        z-index :100000000000000000000000000000000;
        text-align :right ;
        color:#fff;
      
    }

 .summery_TopBanner{
        position :absolute    ;
        top:0px;
        margin-top :30%;
        float :right ;
        right :10%;
        width :50%;
        min-height :30px;
        line-height :30px;
        font-family :iranyekanwebmediumfanum;
        font-size :12pt;
        font-weight :500;
        direction :rtl;
        z-index :100000000000000000000000000000000;
        text-align :justify  ;
        color:#fff;
      
    }



 .Link_TopBanner{
     position :relative ;
     float :right ;
     width :190px;
     height :55px;
     line-height :55px;
     border-radius :30px;
   
     text-align :center ;
     font-family :iranyekanwebmediumfanum;
     font-size :12pt;
     color:#fff;
     cursor :pointer ;
     margin-top :20px;
      display: block;
     background-size: 200% auto;
      background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
 }
	




.Link_TopBanner:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}

.video_Mainbox_MainPage{
    position :relative ;
    top:0px;
    left:0px;
    width:100%;
    min-height :400px;
    display :inline-block ;
    text-align :center ;
    
    
}

.video_Mainbox_MainPage .video_ContainerTitle_MainPage{
    position :relative ;
    top:50px;
    text-align :center  ;
    width :80%;
    min-height :400px;
    display :inline-block ;
   margin-bottom :50px;
  
}

.video_Mainbox_MainPage .video_ContainerTitle_MainPage  .boxTitleVideoPage{
    position :relative ;
    top:50px;
    margin-right :10px;
    float :right ;
    right :0px;
    display :inline-block ;
    font-family :iranyekanwebmediumfanum;
    font-size :14pt;
    color:#fff;
    direction :rtl;
    height :50px;
    line-height :50px;
    
}

.video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage{
    position :relative ;
    top:50px;
    width:100%;
    height :300px;
    display :inline-block ;
    text-align :center ;


}

.video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage{
    position :relative ;
	top:0px;
	float :right ;
	padding :0;
	margin :0;
	width :20%;
    display :block ;
	min-height:220px;
	border-radius :10px;
    border:4px solid #fff;
    background-size :cover  ;
    background-position :center center ;
    background-repeat :no-repeat ; 
    margin :10px;
    margin-top :10px;
    margin-bottom :10px;
    cursor :pointer ;
    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
  -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
}

.video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage .maskVideoBox{
    position :absolute  ;
    top:0px;
    left:0px;
    padding :0;
    margin :0;
    display :none ;
    width :100%;
    height :100%;
    background :rgb(0,0,0);
    background:rgba(0,0,0,0.8);
    text-align :center ; 
      
}

    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
        display :block ;
    }

    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover{
      position :relative ;
	  margin-top :20px;
 
      width :500px;
      height :250px;
      z-index:100000000000000000000000000000000000000000000000000000000000000000;
    }

    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent{
        position :relative ;
        float :none;
        margin-left :auto ;
        margin-right :auto ;
        width :90%;
        height :90%;
        margin-top :5%;
        margin-bottom :5%;
      
      
    }

        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
            position :relative ;
            float :right ;
            width :75%;
            font-family :iranyekanwebmediumfanum;
            font-size :12pt;
            color:#fff;
            direction :rtl;
            text-align :right ;
        }

        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
            position :relative ;
            float :right ;
            width :60%;
            font-family :iranyekanwebmediumfanum;
            font-size :12pt;
            color:#fff;
            direction :rtl;
            text-align :right ;
            margin :0;
        }

            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                position :relative ;
                top:0px;
                float :right ;
                margin-left :10px;
                background :rgb(153,153,153);
                background :rgba(153,153,153,0.5);
                padding :5px;
                 font-family :iranyekanwebmediumfanum;
                font-size :12pt;
                color:#fff;
                direction :rtl;
                text-align :right ;
            }

             .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                position :relative ;
                top:0px;
                float :right ;
                margin-right  :10px;
                padding :5px;
                 font-family :iranyekanwebmediumfanum;
                font-size :14pt;
                color:#fff;
                direction :rtl;
                text-align :right ;
            }

               .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay{
                   position :relative ;
                   top:0px;
                   float :right ;
                   width:165px;
                   height :50px;
                   font-family :iranyekanwebmediumfanum;
                   font-size :12pt;
                   direction :rtl;
                   background :#CC0000;
                   color:#fff;
                   border-radius :30px;
                   cursor :pointer ;
                   text-align :center ;
                   line-height :50px;
                   margin-top :20px;
                  background-size: 200% auto;
                  background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
               }

                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                      background-position: right center;
                      color: #fff;
                      text-decoration: none;
                }

                .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare{
                    position :absolute  ;
                    float :left  ;
                    width :60px;
                    height :100%;
                    min-height :250px;
                    padding :0;
                    margin :0;
                    top:0px;
                    margin-top :10px;
                    margin-bottom :10px;

                   
                }

                    .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                        position :relative ;
                        top:0px;
                        float :none;
                        margin-left :auto ;
                        margin-right :auto ;
                        width :50px;
                        height :50px;
                        border-radius :360px;
                        border:4px solid #999999;
                        background :#fff;
                        text-align :center ;
                        color:#cc0000;
                        display :block ;
                        margin-top :7px;
                         -webkit-transition:background-color 0.5s ease;
                        -moz-transition: background-color 0.5s ease;
                    }

                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                            color:#cc0000;
                            font-size :16pt;
                            margin-top :12px;
                            margin-bottom :12px;
                        }

                        .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                            background :#cc0000;
                        }

                            .video_Mainbox_MainPage .video_ContainerTitle_MainPage .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                color:#fff;
                            }

.video_Mainbox_MainPage_other{
    position :relative ;
    top:0px;
    left:0px;
    width:100%;
    min-height :350px;
    display :inline-block ;
    text-align :center ;
   
    
    
}

.video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other{
    position :relative ;
    top:50px;
    text-align :center  ;
    width :80%;
    min-height :350px;
    display :inline-block ;
   margin-bottom :50px;
  
}

.video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other  .boxTitleVideoPage{
    position :relative ;
    top:50px;
    margin-right :10px;
    float :right ;
    right :0px;
    display :inline-block ;
    font-family :iranyekanwebmediumfanum;
    font-size :14pt;
    color:#fff;
    direction :rtl;
    height :50px;
    line-height :50px;
    
}

.video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage{
    position :relative ;
    top:50px;
    width:100%;
    height :300px;
    display :inline-block ;
    text-align :center ;


}

.video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage{
    position :relative ;
	top:0px;
	float :right ;
	padding :0;
	margin :0;
	width :20%;
    display :block ;
	min-height:220px;
	border-radius :10px;
    border:4px solid #fff;
    background-size :cover  ;
    background-position :center center ;
    background-repeat :no-repeat ; 
    margin :10px;
    margin-top :10px;
    margin-bottom :10px;
    cursor :pointer ;
    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
  -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
}

.video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage .maskVideoBox{
    position :absolute  ;
    top:0px;
    left:0px;
    padding :0;
    margin :0;
    display :none ;
    width :100%;
    height :100%;
    background :rgb(0,0,0);
    background:rgba(0,0,0,0.8);
    text-align :center ; 
      
}

    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox {
        display :block ;
    }

    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover{
      position :relative ;
	  margin-top :20px;
      margin-left :-30px;
      margin-right :0px;
      width :500px;
      height :250px;
      z-index:100000000000000000000000000000000000000000000000000000000000000000;
    }

    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent{
        position :relative ;
        float :none;
        margin-left :auto ;
        margin-right :auto ;
        width :90%;
        height :90%;
        margin-top :5%;
        margin-bottom :5%;
      
      
    }

        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .titleContentMask {
            position :relative ;
            float :right ;
            width :75%;
            font-family :iranyekanwebmediumfanum;
            font-size :12pt;
            color:#fff;
            direction :rtl;
            text-align :right ;
        }

        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask {
            position :relative ;
            float :right ;
            width :60%;
            font-family :iranyekanwebmediumfanum;
            font-size :12pt;
            color:#fff;
            direction :rtl;
            text-align :right ;
            margin :0;
        }

            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                position :relative ;
                top:0px;
                float :right ;
                margin-left :10px;
                background :rgb(153,153,153);
                background :rgba(153,153,153,0.5);
                padding :5px;
                 font-family :iranyekanwebmediumfanum;
                font-size :12pt;
                color:#fff;
                direction :rtl;
                text-align :right ;
            }

             .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                position :relative ;
                top:0px;
                float :right ;
                margin-right  :10px;
                padding :5px;
                 font-family :iranyekanwebmediumfanum;
                font-size :14pt;
                color:#fff;
                direction :rtl;
                text-align :right ;
            }

               .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay{
                   position :relative ;
                   top:0px;
                   float :right ;
                   width:165px;
                   height :50px;
                   font-family :iranyekanwebmediumfanum;
                   font-size :12pt;
                   direction :rtl;
                   background :#CC0000;
                   color:#fff;
                   border-radius :30px;
                   cursor :pointer ;
                   text-align :center ;
                   line-height :50px;
                   margin-top :20px;
                  background-size: 200% auto;
                  background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
               }

                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                      background-position: right center;
                      color: #fff;
                      text-decoration: none;
                }

                .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare{
                    position :absolute  ;
                    float :left  ;
                    width :60px;
                    height :100%;
                    min-height :250px;
                    padding :0;
                    margin :0;
                    top:0px;
                    margin-top :10px;
                    margin-bottom :10px;

                   
                }

                    .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox {
                        position :relative ;
                        top:0px;
                        float :none;
                        margin-left :auto ;
                        margin-right :auto ;
                        width :50px;
                        height :50px;
                        border-radius :360px;
                        border:4px solid #999999;
                        background :#fff;
                        text-align :center ;
                        color:#cc0000;
                        display :block ;
                        margin-top :7px;
                         -webkit-transition:background-color 0.5s ease;
                        -moz-transition: background-color 0.5s ease;
                    }

                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                            color:#cc0000;
                            font-size :16pt;
                            margin-top :12px;
                            margin-bottom :12px;
                        }

                        .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                            background :#cc0000;
                        }

                            .video_Mainbox_MainPage_other .video_ContainerTitle_MainPage_other .video_Container_MainPage .video_box_MainPage:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                color:#fff;
                            }

#features{
    position :relative ;
    top:0px;
    left:0px;
    width :100%;
    min-height :900px;
    display :inline-block ;
    text-align :center ;
    margin-bottom :150px;
}

#features .containerBox{
    position :relative ;
    width :80%;
    height :900px;
    display :inline-block;
}

 #features .containerBox .slideBoxNav {
        position :relative  ;
        top:0px;
        left:0px;
        width:100%;
        display :block;
        left:0px;
        height :300px;
        overflow :hidden ;
    }

   .boxBoard{
      position :relative ;
      top:0px;
      width:100%;
      border :0;
      height :600px;
      border-radius :30px;
      margin-bottom :150px;
    }

   .boxBoard h3{
       margin :0;
       padding :0;
   }
   .boxBoard_masked{
       position :absolute ;
       top:0px;
       left:0px;
       width :100%;
       height :100%;
       display :block ;
        z-index :100000000000000000000000000000000;
  background: #0a0909;
background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
  
}

    .boxBoard_masked .mainBoradNewVideo {
        position :relative ;
        top:50px;
        bottom :50px;
        float:none ;
        margin-left :auto ;
        margin-right :auto ; 
        width :95%;
        display :inline-block ;
        text-align :right ;
    }

   .boxBoard_masked .mainBoradNewVideo .titleBoradNewVideo{
       position :relative ;
       float :right ;
       width :100%;
       font-size :24pt;
       font-family :iranyekanwebmediumfanum;
       color:#fff;
       direction :rtl;
       min-height :80px;
       line-height :80px;
    
   }

    .contaiber_StaticBanner{
        position :relative ;
        top:0px;
        left:0px;
        width:100%;
        margin :0;
        padding :0;
        height :400px;
        display :block ;
        
    }

   .staticBananer_OtherPages{
       position :absolute ;
       top:0px;
       left:0px;
       width:100%;
       display :inline-block ;
       min-height :385px;
       background-position :center center ;
       background-size :cover ;
       background-repeat :no-repeat ;
        
   }

    .staticBananer_OtherPages .maskedstaticBananer_OtherPages {
        position :absolute ;
        top:0px;
        left:0px;
        margin :0;
        padding :0;
        width :100%;
        height :100%;
        display :block ;
        background: #0a0909;
        background: linear-gradient(90deg,rgba(10, 9, 9, 0) 0%, rgba(13, 12, 12, 0.78) 50%, rgba(13, 13, 13, 0.99) 100%);
    }

    .staticBananer_OtherPages .pathBox_OtherPage{
        position :relative ;
        float :none ;
        margin-right :auto ;
        margin-left :auto ;
        width :80%;
        min-height :140px;
        margin-top :10%;
        
    }

        .staticBananer_OtherPages .pathBox_OtherPage .titlePath {
            position :relative ;
            float :right ;
            font-family :iranyekanwebmediumfanum;
            font-size :24pt;
            color:#fff;
            direction :rtl;
            text-align :right ;
            width :100%;
            min-height :40px;
            line-height :40px;
            font-weight :900;
            margin :0;
        }

        .staticBananer_OtherPages .pathBox_OtherPage .textPath {
           position :relative ;
            float :right ;
            font-family :iranyekanwebmediumfanum;
            font-size :14pt;
            color:#fff;
            direction :rtl;
            text-align :right ;
            width :100%;
            min-height :30px;
            line-height :30px;
            font-weight :600;
        }

            .staticBananer_OtherPages .pathBox_OtherPage .textPath span {
                padding-left :10px;
                font-family :iranyekanwebmediumfanum;
                font-size :14pt;
                color:#fff;
                direction :rtl;
                min-height :30px;
                line-height :30px;
            }

    .VideoList_MainPage{
        position :relative ;
        top:0px;
        right:0px;
        width :100%;
        min-height :400px;
        display :inline-block  ;
        text-align :center ;
       
    }

        .VideoList_MainPage .VideoList_Container {
            position :relative ;
            top:0px;
            width :80%;
            min-height :400px;
            display :inline-block ;
            margin-top :20px;
             
            
        }

        .VideoList_MainPage .VideoList_Container .box
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    padding :0;
	    margin :0;
	    width :30%;
	    min-height:300px;
	    margin-right :12px;
	    margin-left :12px;
        background :#0B1A2A;
        border-radius :15px;
        padding-bottom :50px;
        margin-bottom :20px;

        
     
	}
	
	.VideoList_MainPage .VideoList_Container .box .innerBox
	{
	    position :relative ;
	    top:0px;
	    float :none ;
	    margin-left :auto ;
        margin-right :auto ;
        width :90%;
        top:25px;
        bottom :25px;
        min-height :480px;
   
	}


	
	.VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList
	{
	    position :relative ;
	    top:0px;
	    float:none ;
        margin-left :auto ;
        margin-right :auto ;
	    width :100%;
	    height :200px;
	    background-repeat :no-repeat ;
	    background-position :center center ;
	    background-size:cover;
        border-radius :15px;
        display :block ;
        overflow :hidden ;
	}
	
	
	
	.VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews
	{
	    position:relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    height:100px;
	    direction:rtl;
	    line-height :30px;
	    font-size :14pt;
	    font-weight :700;
	    color:#00AEEF;
	    font-family :iranyekanwebmediumfanum,arial;
	    text-align :right;
        padding-top :10px;
        padding-bottom :10px;
        cursor :pointer ;
	}

    .VideoList_MainPage .VideoList_Container .box .innerBox .titleBoxnews:hover{
        color:#cc0000;
    }

    .VideoList_MainPage .VideoList_Container .box .innerBox .DateBoxnews
	{
	    position:relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    min-height:30px;
	    direction:rtl;
	    line-height :30px;
	    font-size :12pt;
	    font-weight :500;
	    color:#eee;
	    font-family :iranyekanwebmediumfanum,arial;
	    text-align :right;
        direction :rtl;
	}
	
	
	.VideoList_MainPage .VideoList_Container .box .innerBox .ContentBox
	{
	    position:relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    height:50px;
	    direction:rtl;
	    line-height :25px;
	    font-size :10pt;
	    color:#eee;
	    font-family :iranyekanwebmediumfanum,arial;
	    text-align :justify ;
        overflow :hidden ;
	}
	
	.VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox
	{
	    position:relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    min-height:50px;
	    text-align :left;
        
	}
	
	.VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore
	{
	     position :relative ;
     float :right ;
     width :150px;
     height :55px;
     line-height :55px;
     border-radius :30px;
   
     text-align :center ;
     font-family :iranyekanwebmediumfanum;
     font-size :12pt;
     color:#fff;
     cursor :pointer ;
     margin-top :20px;
      display: block;
     background-size: 200% auto;
      background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
       margin-bottom :20px;
       direction :rtl;
	}

	.VideoList_MainPage .VideoList_Container .box .innerBox .ButtonBox .buttonMore:hover
	{
	     background-position: right center;
  color: #fff;
  text-decoration: none;
	}

    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList .maskVideoBox{
    position :absolute  ;
    top:0px;
    left:0px;
    padding :0;
    margin :0;
    display :none ;
    width :100%;
    height :100%;
    background :rgb(0,0,0);
    background:rgba(0,0,0,0.8);
    text-align :center ; 
      
}

    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox {
        display :block ;
    }

   
    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent{
        position :relative ;
        float :none;
        margin-left :auto ;
        margin-right :auto ;
        width :90%;
        height :90%;
        margin-top :1%;
        margin-bottom :1%;
       
      
      
    }

        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .titleContentMask {
            position :relative ;
            float :right ;
            width :80%;
            font-family :iranyekanwebmediumfanum;
            font-size :11pt;
            color:#fff;
            direction :rtl;
            text-align :right ;

        }

        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask {
            position :relative ;
            float :right ;
            width :60%;
            font-family :iranyekanwebmediumfanum;
            font-size :12pt;
            color:#fff;
            direction :rtl;
            text-align :right ;
            margin :0;
        }

            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                position :relative ;
                top:0px;
                float :right ;
                margin-left :10px;
                background :rgb(153,153,153);
                background :rgba(153,153,153,0.5);
                padding :5px;
                 font-family :iranyekanwebmediumfanum;
                font-size :12pt;
                color:#fff;
                direction :rtl;
                text-align :right ;
            }

             .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                position :relative ;
                top:0px;
                float :right ;
                margin-right  :10px;
                padding :5px;
                 font-family :iranyekanwebmediumfanum;
                font-size :14pt;
                color:#fff;
                direction :rtl;
                text-align :right ;
            }

               .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay{
                   position :relative ;
                   top:0px;
                   float :right ;
                   width:125px;
                   height :40px;
                   font-family :iranyekanwebmediumfanum;
                   font-size :11pt;
                   direction :rtl;
                   background :#CC0000;
                   color:#fff;
                   border-radius :30px;
                   cursor :pointer ;
                   text-align :center ;
                   line-height :40px;
                   margin-top :20px;
                  background-size: 200% auto;
                  background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
               }

                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                      background-position: right center;
                      color: #fff;
                      text-decoration: none;
                }

                .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare{
                    position :absolute  ;
                    float :left  ;
                    width :60px;
                    height :100%;
                    min-height :250px;
                    padding :0;
                    margin :0;
                    top:0px;
                    margin-top :10px;
                    margin-bottom :10px;
                        
                   
                }

                    .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox {
                        position :relative ;
                        top:0px;
                        float :none;
                        margin-left :auto ;
                        margin-right :auto ;
                        width :40px;
                        height :40px;
                        border-radius :360px;
                        border:4px solid #999999;
                        background :#fff;
                        text-align :center ;
                        color:#cc0000;
                        display :block ;
                        margin-top :7px;
                         -webkit-transition:background-color 0.5s ease;
                        -moz-transition: background-color 0.5s ease;
                        cursor :pointer ;
                    }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                            color:#cc0000;
                            font-size :14pt;
                            margin-top :8px;
                            margin-bottom :12px;
                        }

                        .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                            background :#cc0000;
                        }

                            .VideoList_MainPage .VideoList_Container .box .innerBox .picBox_VideoList:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                color:#fff;
                            }




        .comment_Mainpage{
            position :relative ;
            top:0px;
            right :0px;
            width :100%;
            min-height:300px;
            display :inline-block ;
            text-align :center ;
        }

            .comment_Mainpage .comment_Container {
                position :relative ;
                top:0px;
                width :80%;
                min-height :300px;
                display :inline-block ;
            }

                .comment_Mainpage .comment_Container .title_Comment {
                    position :relative ;
                    top:0px;
                    float :right ;
                    width :100%;
                    min-height :60px;
                    line-height :60px;
                    color:#fff;
                    font-size :16pt;
                    font-weight :900;
                    font-family :iranyekanwebmediumfanum;
                    direction :rtl;
                    text-align :right ;
                }

                .comment_Mainpage .comment_Container .comment_SmallBox{
                    position :relative ;
                    top:0px;
                    right:0px;
                    float :right ;
                    width :60%;
                    min-height :130px;
                    text-align :right ;
                }

                    .comment_Mainpage .comment_Container .comment_SmallBox .comment_SmallBoxTitle {
                        position :relative ;
                        top:0px;
                        float :right ;
                        width :100%;
                        min-height :40px;
                        line-height :40px;
                        font-family :iranyekanwebmediumfanum;
                        font-size :11pt;
                        color:#fff;
                        direction :rtl;
                        text-align :right ;
                    }

                    .comment_Mainpage .comment_Container .comment_SmallBox .comment_textarea{
                        position :relative ;
                        top:0px;
                        float :right ;
                        width :100%;
                        min-height :165px;
                        line-height :20px;
                        font-family :iranyekanwebmediumfanum;
                        font-size :11pt;
                        color:#888;
                        direction :rtl;
                        padding :10px;
                        border:1px solid #fff;
                        border-radius :10px;
                        resize :none;
                        display :block ;
                        background :none;
                    }

                    .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox{
                        position :relative ;
                        top:0px;
                        float :right ;
                        width :100%;
                        min-height :60px;
                        line-height :60px;
                        text-align :right ;
                        margin-top :20px;
                    }

                        .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton {
                            position :relative ;
                            top:0px;
                            float :right ;
                            width :160px;
                            height :40px;
                            border-radius :30px;
                            background :#cc0000;
                            color:#fff;
                            cursor :pointer ;
                             font-family :iranyekanwebmediumfanum;
                            font-size :11pt;
                            border:0;
                             background-size: 200% auto;
                            background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
                            
                        }

                            .comment_Mainpage .comment_Container .comment_SmallBox .comment_sendButtonBox .comment_sendButton:hover {
                                  background-position: right center;
                                color: #fff;
                                text-decoration: none;
                            }



.MainPage_Register {
  position :relative ;
  top:0px;
  left:0px;
  float :right ;
  width :100%;
  min-height :700px;
  display :inline-block ;
  text-align :center; 
}

.MainPage_Register .container_Register{
    position :relative ;
    top:100px;
    width :30%;
    min-height :400px;
    display :inline-block ;
    background :#0B1A2A;
    border-radius:15px;
        padding :20px;
}

    .MainPage_Register .container_Register .title_Register {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        text-align :center ;
        min-height :60px;
        line-height :60px;
        color:#fff;
        font-weight :900;
        direction :rtl;
        font-size :16pt;
        font-family :iranyekanwebmediumfanum;
    
    }

    .MainPage_Register .container_Register .caption_Register {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :30px;
        height :30px;
        font-family :iranyekanwebmediumfanum;
        font-size :11pt;
        color:#fff;
        direction :rtl;
        text-align :right ;
        margin-top :20px;
    }

    .MainPage_Register .container_Register .acceptLaw {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :20px;
        height :20px;
        font-family :iranyekanwebmediumfanum;
        font-size :11pt;
        color:#cc0000;
        direction :rtl;
        text-align :right ;
        margin :0;
        margin-top :20px;
        
    }

    .MainPage_Register .container_Register .acceptLaw span{
        position :relative ;
        float :right ;
        font-family :iranyekanwebmediumfanum;
        font-size :11pt;
        color:#fff;
        direction :rtl;
        text-align :center  ;
    }

     .MainPage_Register .container_Register .acceptLaw a{
        position :relative ;
        float :right ;
        font-family :iranyekanwebmediumfanum;
        font-size :11pt;
        color:#cc0000;
        direction :rtl;
        text-align :center  ;
        text-decoration :none;
        margin-right :5px;
    }


    .MainPage_Register .container_Register .Input_Register {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :45px;
        height :45px;
        font-family :iranyekanwebmediumfanum;
        font-size :10pt;
        color:#fff;
        direction :rtl;
        text-align :right ;
        border:1px solid #fff;
        border-radius :30px;
        padding :15px;
        background :none;
    }

    .MainPage_Register .container_Register .checkBox_Register {
        position :relative ;
        top:0px;
        float :right ;
        min-height :45px;
        height :45px;
        font-family :iranyekanwebmediumfanum;
        font-size :10pt;
        color:#fff;
        direction :rtl;
        text-align :right ;
        padding :15px;
        background :none;
    }

    .MainPage_Register .container_Register .lawLink_Register {
        position :relative ;
        top:0px;
        float :right ;
        margin-right :5px;
        line-height :30px;
        height :30px;
        font-family :iranyekanwebmediumfanum;
        font-size :10pt;
        color:#cc0000;
        direction :rtl;
        text-align :right ;
        padding :15px;
        background :none;
        text-decoration :none;
    }

     .MainPage_Register .container_Register .save_Register{
         position :relative ;
         top:0px;
         float :right ;
         width :150px;
         height :40px;
         line-height :40px;
         background-size: 200% auto;
         background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
         cursor :pointer ;
         color:#fff;
         border-radius :30px;
          font-family :iranyekanwebmediumfanum;
        font-size :10pt;
        border:0;
     }
    .MainPage_Register .container_Register .save_Register:hover {
        background-position: right center;
        color: #fff;
        text-decoration: none;
    }

    .mainpage_LawRegister{
        position :fixed  ;
        top:0px;
        left:0px;
        display :none ;
        height :100%;
        width :100%;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.7);
    }

    .textLogin{
        position :relative ;
        top:0px;
        float :right ;
        margin-left :5px;
        font-family :iranyekanwebmediumfanum;
        font-size :10pt;
        min-height :30px;
        line-height :30px;
        color:#fff;
        width :100%;
        text-align :right ;
        direction :rtl;
        margin-top :40px;
       
    }

     .LinkRegister{
        position :relative ;
        top:0px;
        float :right ;
        margin-left :5px;
        font-family :iranyekanwebmediumfanum;
        font-size :10pt;
        min-height :30px;
        line-height :30px;
        color:#cc0000;
        text-align :right ;
        direction :rtl;
        text-decoration :none;
    }

     .linkForgetPassword{
         position :relative ;
         top:0px;
         float :right ;
         min-height :40px;
         line-height :40px;
          font-family :iranyekanwebmediumfanum;
        font-size :10pt;
        color:#fff;
        direction :rtl;
        width :100%;
        text-align :right   ;
        text-decoration :none;
     }

      .linkForgetPassword a{
         top:0px;
         min-height :40px;
         line-height :40px;
          font-family :iranyekanwebmediumfanum;
        font-size :10pt;
        color:#fff;
        direction :rtl;
        text-align :right ;
        text-decoration :none;
     }
        .linkForgetPassword a:hover {
            color:#cc0000;
        }

        .okButtonAlert{
            position :relative ;
            float :none;
            margin-left :auto ;
            margin-right :auto ;
            top:0px;
            padding-top :5px;
            padding-bottom :5px;
            background :#2FBEF2;
            color:#fff;
            cursor :pointer ;
            border:0;
            border-radius :10px;
            font-size:10pt;
            font-family :iranyekanwebmediumfanum;
            width :200px;
            height :30px;
            line-height :30px;
            text-decoration :none;
            display :inline-block;
        }
        .okButtonAlert:hover
        {
            background : #2FBEF2;
        }

   .mainpage_LawRegister .child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background :#0B1A2A;
  width :50%;
  height :500px;
  border-radius :15px;
  overflow :auto ;
  padding :50px;
  font-family :iranyekanwebmediumfanum;
  font-size :12pt;
  line-height :40px;
  text-align :justify ;
  direction :rtl;
  color:#fff;
}

    .mainpage_LawRegister .child a {
        position :absolute ;
        top:0px;
        left:0px;
        display :block ;
        height :40px;
        width :40px;
        text-align :center ;
    }

    .mainpage_LawRegister .child a i{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color:#fff;
        font-size :18pt;
    }

    /**/
    .mainpage_saveAlert{
        position :fixed  ;
        top:0px;
        left:0px;
        display :none ;
        height :100%;
        width :100%;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.7);
        
    }
      .mainpage_saveAlert .child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background :#cc0000;
  width :90%;
  max-width :300px;
  height :250px;
  border-radius :15px;
  overflow :auto ;
  padding :30px;
  font-family :iranyekanwebmediumfanum;
  font-size :11pt;
  line-height :35px;
  text-align :center ;
  direction :rtl;
  color:#fff;
  overflow :hidden ;
}

    .mainpage_saveAlert .child a {
        position :absolute ;
        top:0px;
        left:0px;
        display :block ;
        height :40px;
        width :40px;
        text-align :center ;
    }

    .mainpage_saveAlert .child a i{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color:#fff;
        font-size :18pt;
    }

     #UserPanel{
        cursor:pointer;
        width:80px;
        direction:rtl
    }

     .iconPanelUser{
       display :block  ;
        
         border-radius :180px;
        
         text-decoration :none;
         background :none;
         text-align :center ;
     }

    .iconPanelUser i {
        position :relative ;
        float :none;
        margin-right :auto ;
        margin-left :auto ;
        font-size :16pt;
        color:#fff;
        margin-top :5px;
    }
    .userPanelBox{
        padding:0;
        z-index:0;
        margin-top:-1px;
        display:none;
        float:right;
        position:relative;
        right:-999em;
        width:150px;
        height:0;
        -webkit-transition:height 0.5s,top 0.7s,visibility 5s;
        transition:height 0.5s,top 0.7s,visibility 5s;
        padding:0 0 0 0;
        padding-bottom:30px;
        border:0px solid #D8B442;
        border-radius:0px;
          -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
  
 background: #0B1A2A;
  box-shadow:1px 10px 10px #000;
    }
    #UserPanel:hover .userPanelBox{
        display:block;
        right:0;
        height:auto;
        z-index:10000
    }
    .userPanelBox ul{
       
        display:block;
        width:100%;
        padding :0;
        padding-top :20px;
    }
    .userPanelBox li{
        padding:0;
        margin:0;
        width:100%;
        padding-right:10px;
        height:30px;
        line-height:30px;
        text-align:right;
        top:0px;
        list-style :none ;

    }
    .userPanelBox ul li a{
        font-family:iranyekanwebmediumfanum,arial;
        font-size:9pt;
        color:#fff;
    }
    userPanelBox ul li:hover a{
        color:#D8B442;
    }

    .video_MainPage_showComment{
        position :relative ;
        top:0px;
        float :right ;
        right :0px;
        width :100%;
        min-height :500px;
        display :inline-block ;
        text-align :center ;
    }

        .video_MainPage_showComment .video_Container_showComment {
            position :relative ;
            top:0px;
            display :inline-block ;
            width :80%;
            min-height :500px;
        }

        .video_MainPage_showComment .video_Container_showComment .video_title_showComment{
            position :relative ;
            top:0px;
            float :right ;
            width :100%;
            min-height :60px;
            line-height :60px;
            text-align :right ;
            font-weight :900;
            color:#fff;
            direction :rtl;
            font-family :iranyekanwebmediumfanum;
            font-size :14pt;
        }

            .video_MainPage_showComment .video_Container_showComment .video_title_showComment a{
                position :relative ;
                top:0px;
                float :right ;
                width :40px;
                height :40px;
                display :inline-block ;
                text-align :center ;
                background :none;
                border:2px solid #fff;
                border-radius :180px;
                margin-top :5px;
                margin-left :10px;
            }

                .video_MainPage_showComment .video_Container_showComment .video_title_showComment a i {
                    margin-top :10px;
                    font-size :14pt;
                    color:#fff;
                }

        .video_MainPage_showComment .video_Container_showComment .video_text_showComment{
            position :relative ;
            top:0px;
            float :right ;
            width :90%;
            min-height :80px;
            line-height :30px;
            text-align :right ;
            font-weight :500;
            color:#fff;
            direction :rtl;
            font-family :iranyekanwebmediumfanum;
            font-size :12pt;
            border-bottom :1px solid #999;
        }


.paging_ListProduct_Container
	{
		position:relative;
		top:0px;
		float:right;
		right:0px;
		width:100%;
		min-height:120px;
		display:inline-block;
		text-align:center;
		direction:rtl;
		line-height:40px;
		margin-top:0px;
		margin-bottom :50px;
	}

.moshahde-kalahaie-bishtar
{
	font-size:12pt;
	font-family:iranyekanwebmediumfanum;
	color:rgb(153,153,153);
	border:0px solid gray;
	padding:10px;
    background :#0B1A2A;
    border-radius :5px;
    text-decoration :none ;
        -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
}

.moshahde-kalahaie-bishtar:hover
{
	border:0;
	background :#cc0000;
	color:#fff;
}

.pagingNumberBox{
    display :inline-block ;
    font-size :10pt;
    font-family :iranyekanwebmediumfanum;
    color:#fff;
    width:50px;
    height :50px;
    text-align :center ;
    line-height :50px;
    direction :rtl;
    border-radius :5px;
    background :#0B1A2A;
    -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  text-decoration :none;
  margin-left :4px;
  margin-right :4px;
}
    .pagingNumberBox:hover {
        background :#cc0000;
    }

.pagingNumberBox_select{
    display :inline-block ;
    font-size :10pt;
    font-family :iranyekanwebmediumfanum;
    color:#fff;
    width:50px;
    height :50px;
    text-align :center ;
    line-height :50px;
    direction :rtl;
    border-radius :5px;
    background :#cc0000;
  text-decoration :none;
  margin-left :4px;
  margin-right :4px;
}

.video_Details_Mainpage{
    position :relative ;
    top:0px;
    right :0px;
    width :100%;
    min-height :745px;
    display :inline-block ;
    text-align :center ;
  
    
}

    .video_Details_Mainpage .frameVideoDetails {
        position :absolute  ;
        top:0px;
        left:0px;
        width:100%;
        min-height :745px;
        display :inline-block ;
    }

    .video_Details_Mainpage .video_Details_Container{
        position :relative ;
        top:0px;
        display :inline-block ;
        min-height :500px;
        width :100%;
        margin-top :50px;
    }

        .video_Details_Mainpage .video_Details_Container .titleVideoDetails {
            position :relative ;
            top:0px;
            right :0px;
            float :right ;
            text-align:right ;
            font-size :20pt;
            font-family :iranyekanwebmediumfanum;
            color:#fff;
            direction :rtl;
            line-height :100px;
            min-height :100px;
            font-weight :900;
        }

         .video_Details_Mainpage .video_Details_Container .summeryVideoDetails {
            position :relative ;
            top:0px;
            right :0px;
            float :right ;
            text-align:justify  ;
            font-size :13pt;
            font-family :iranyekanwebmediumfanum;
            color:#fff;
            direction :rtl;
            line-height :30px;
            min-height :80px;
            font-weight :500;
            margin-bottom :50px;
        }

          .video_Details_Mainpage .video_Details_Container .ItemVideoDetails {
            position :relative ;
            top:0px;
            right :0px;
            float :right ;
            text-align:justify  ;
            font-size :13pt;
            font-family :iranyekanwebmediumfanum;
            color:#fff;
            direction :rtl;
            line-height :40px;
            min-height :40px;
            font-weight :500;
            width :100%;
        }

          .video_Details_Mainpage .video_Details_Container .shareContainer{
              position :relative ;
              top:0px;
              float :right ;
              width :100%;
              min-height :80px;
              line-height :80px;
              display :inline-block ;
              margin-top :50px;

          }

            .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle {
                position :relative ;
                float :right ;
                margin-left :10px;
                width :45px;
                height :45px;
                border-radius :360px;
                background :#fff;
                display :inline-block ;
                border:4px solid gray;
                cursor :pointer ;
                -webkit-transition: background 1s ease;
                 -moz-transition: background 1s ease;
                text-decoration :none;
            }
                .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover {
                    background :#cc0000;
                }

                    .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle i {
                        color:#cc0000;
                        margin-top :8px;
                        font-size :16pt;
                    }

                .video_Details_Mainpage .video_Details_Container .shareContainer .shareCircle:hover i {
                    color:#fff;
                }

   .shimmer-demo{
padding:0px;
display:flex;
justify-content:inherit ;
background:none;
border-radius:12px;
text-align :right ;
}

.shimmer-text{
position:relative;
font-size:24px;
font-weight:800;
color:#fff;
overflow:hidden;
}

.shimmer-text::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:60%;
height:100%;
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,0.9),
transparent
);
filter:blur(6px);
animation:shimmerMove 3s infinite;
}

@keyframes shimmerMove{
0%{left:-120%;}
100%{left:120%;}
}


    .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo {
       position :relative ;
       float :right ;
       width :100%;
       direction :rtl;
       min-height :50px;
       line-height :50px;
       margin :0;
    }

    .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .viewBoxNewVideo{
        position :relative ;
        float :right ;
        padding-bottom :2px;
        padding-top :2px;
        padding-left :8px;
        padding-right :8px;
        font-size :12pt;
        font-family :iranyekanwebmediumfanum;
        background :rgb(102,102,102);
        background :rgba(102,102,102,0.6);
        text-align :center ;
        color:#fff;
        border-radius :5px;
        width :90px;
        margin-left :10px;
        height :40px;
        line-height :40px;
    }

    .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .lengthBoxNewVideo{
        position :relative ;
        float :right ;
        padding-bottom :2px;
        padding-top :2px;
        padding-left :8px;
        padding-right :8px;
        font-size :12pt;
        font-family :iranyekanwebmediumfanum;
        text-align :center ;
        color:#fff;
    }

     .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .DateBoxNewVideo{
        position :relative ;
        float :right ;
        padding-bottom :2px;
        padding-top :2px;
        padding-left :8px;
        padding-right :8px;
        font-size :12pt;
        font-family :iranyekanwebmediumfanum;
        text-align :center ;
        color:#fff;
    }

      .boxBoard_masked .mainBoradNewVideo .ViewBoradNewVideo .summeryBoxNewVideo{
        position :relative ;
        float :right ;
        font-size :11pt;
        font-family :iranyekanwebmediumfanum;
        text-align :justify  ;
        color:#fff;
        line-height :30px;
        direction :rtl;
        width :50%;
        font-weight :500;

    }

       .Link_newVideo{
     position :relative ;
     float :right ;
     width :190px;
     height :55px;
     line-height :55px;
     border-radius :30px;
    
     text-align :center ;
     font-family :iranyekanwebmediumfanum;
     font-size :12pt;
     color:#fff;
     cursor :pointer ;
     margin-top :20px;
      display: block;
     background-size: 200% auto;
      background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
      direction :rtl;
 }
	




.Link_newVideo:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}

     .video_box_Board{
    position :relative ;
	top:0px;
	float :right ;
	padding :0;
	margin :0;
	width :20%;
    display :block ;
	height:220px;
	border-radius :10px;
    border:4px solid #fff;
    background-size :cover  ;
    background-position :center center ;
    background-repeat :no-repeat ; 
    margin :10px;
    margin-top :10px;
    margin-bottom :10px;
    cursor :pointer ;
    -webkit-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
  -moz-transition: margin-top 1s ease,margin-left 1s ease,margin-right 1s ease,height 0.5s ease;
}
     .video_box_Board h3{
         margin :0;
         padding :0;
         border:0;
     }

        .video_box_Board img {
            position :relative ;
            top:0px;
            left:0px;
            width :100%;
            height :100%;
            display :block ;
            border-radius :20px;
            border:0;
        }

 .video_box_Board .maskVideoBox{
    position :absolute  ;
    top:0px;
    left:0px;
    padding :0;
    margin :0;
    display :none ;
    width :100%;
    height :100%;
    background :rgb(0,0,0);
    background:rgba(0,0,0,0.8);
    text-align :center ; 

      
}

     .video_box_Board:hover .maskVideoBox {
        display :block ;
    }

    

     .video_box_Board:hover .maskVideoBox .boxContent{
        position :relative ;
        float :none;
        margin-left :auto ;
        margin-right :auto ;
        width :90%;
        height :90%;
        margin-top :5%;
        margin-bottom :5%;
        
      
    }

         .video_box_Board:hover .maskVideoBox .boxContent .titleContentMask {
            position :relative ;
            float :right ;
            width :60%;
            font-family :iranyekanwebmediumfanum;
            font-size :12pt;
            color:#fff;
            direction :rtl;
            text-align :right ;
        }

         .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask {
            position :relative ;
            float :right ;
            width :60%;
            font-family :iranyekanwebmediumfanum;
            font-size :12pt;
            color:#fff;
            direction :rtl;
            text-align :right ;
            margin :0;
        }

             .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .viewBox {
                position :relative ;
                top:0px;
                float :right ;
                margin-left :10px;
                background :rgb(153,153,153);
                background :rgba(153,153,153,0.5);
                padding :5px;
                 font-family :iranyekanwebmediumfanum;
                font-size :12pt;
                color:#fff;
                direction :rtl;
                text-align :right ;
            }

              .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .lengthVideoBox {
                position :relative ;
                top:0px;
                float :right ;
                margin-right  :10px;
                padding :5px;
                 font-family :iranyekanwebmediumfanum;
                font-size :14pt;
                color:#fff;
                direction :rtl;
                text-align :right ;
            }

                .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay{
                   position :relative ;
                   top:0px;
                   float :right ;
                   width:165px;
                   height :50px;
                   font-family :iranyekanwebmediumfanum;
                   font-size :12pt;
                   direction :rtl;
                   background :#CC0000;
                   color:#fff;
                   border-radius :30px;
                   cursor :pointer ;
                   text-align :center ;
                   line-height :50px;
                   margin-top :20px;
                  background-size: 200% auto;
                  background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
               }

                 .video_box_Board:hover .maskVideoBox .boxContent .PropertyVideoMask .buttonBoxPlay:hover {
                      background-position: right center;
                      color: #fff;
                      text-decoration: none;
                }

                 .video_box_Board:hover .maskVideoBox .boxContent .boxShare{
                    position :absolute  ;
                    float :left  ;
                    width :60px;
                    height :100%;
                    min-height :250px;
                    padding :0;
                    margin :0;
                    top:0px;
                    margin-top :10px;
                    margin-bottom :10px;

                   
                }

                     .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox {
                        position :relative ;
                        top:0px;
                        float :none;
                        margin-left :auto ;
                        margin-right :auto ;
                        width :50px;
                        height :50px;
                        border-radius :360px;
                        border:4px solid #999999;
                        background :#fff;
                        text-align :center ;
                        color:#cc0000;
                        display :block ;
                        margin-top :7px;
                         -webkit-transition:background-color 0.5s ease;
                        -moz-transition: background-color 0.5s ease;
                    }

                         .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox i {
                            color:#cc0000;
                            font-size :16pt;
                            margin-top :12px;
                            margin-bottom :12px;
                        }

                         .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover {
                            background :#cc0000;
                        }

                             .video_box_Board:hover .maskVideoBox .boxContent .boxShare .circleBox:hover i {
                                color:#fff;
                            }



	/*menu Section*/
	#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
z-index:1000;
  
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family:iranyekanwebmediumfanum,arial;
  background:none ;
}
#cssmenu > ul {
  
  
  
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: right;
  display: inline-block;
  
  

  
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
  
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: center;
  
}
#cssmenu > ul > li > a 
{
	
  padding-left :30px;
  padding-right :30px;
  padding-top :25px;
  padding-bottom :25px;
  border-right: 0px solid #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-align :center ;
 
    
  
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  
  border-bottom :4px solid #2FBEF2;
  color:#2FBEF2;

}
#cssmenu > ul > li.has-sub > a {
  
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0px;
  top: 22px;
  
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {

}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 12px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
  
}
#cssmenu.align-right ul ul {
  text-align: right;
  
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #2FBEF2;
  top: -4px;
  left: 40px;
  
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
  
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #2FBEF2;
  top: 11px;
  right: -14px;
  
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -1px;
  
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 68px;
  left: 0;
  opacity: 1;
  
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
  
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: -208px;
  top: 0;
  opacity: 1;

}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
  
}

#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  font-size :10pt;
  padding-top :12px;
  padding-bottom :12px;
  width: 200px;
  color: #fff;
  text-align :right  ;
  background: #0B1A2A;
  direction :rtl;
  box-shadow:1px 10px 10px #000;
  padding-right :20px;
  -webkit-transition:color 0.8s;
        transition:color 0.8s;
    
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #2FBEF2;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #2FBEF2;
  right: 17px;
  top: 14px;

}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #2FBEF2;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #2FBEF2;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #2FBEF2;
  border-left-color: transparent;
}

    .bannerContainer
	{
		position :absolute  ;
		top:-60px;
		left:0px;
		width:100%;
		min-height:760px;
		background :none;
		display :inline-block ;
	}
	
	.Elamie_MainPage
	{
	    position :relative ;
	    top:0px;
	    left:0px;
	    width:100%;
	    background :#F8FAFC;
	    min-height:554px;
	    border-top :4px solid #fff;
	    display :inline-block ;
	    text-align :center ;
	}
	
	.Elamie_MainPage .Elamie_Container
	{
	    position:relative ;
	    top:0px;
	    width :80%;
	    display :inline-block ;
	    min-height :554px;
	}
	
	.Elamie_MainPage .Elamie_Container .rightBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :50%;
	    padding :0;
	    margin :0;
	    min-height :554px;
	
	}
	
	.Elamie_MainPage .Elamie_Container .rightBox .sectionPart
	{
	    position:relative ;
	    top:0px;
	    left:0px;
	    width :100%;
	    min-height :554px;
	}
	
	
	.Elamie_MainPage .Elamie_Container .rightBox .whiteBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :100%;
	    min-height :115px;

	}
	
	.Elamie_MainPage .Elamie_Container .rightBox .titleBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :90%;
	    min-height :60px;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size:12pt;
	    color:#000;
	    direction :rtl;
	    text-align :right ;
	    border-bottom :1px solid #D6D6D6;
	}
	
	.Elamie_MainPage .Elamie_Container .rightBox .ContentBox
	{
	    position :relative ;
	    top:10px;
	    float :right ;
	    width :90%;
	    min-height :160px;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size:10pt;
	    color:#000;
	    direction :rtl;
	    text-align :justify  ;
	}
	
	.Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox
	{
	    position:relative ;
	    top:0px;
	    left:0px;
	    float :right ;
	    width :90%;
	    min-height: 110px;
	    line-height:110px;
	}
	
	.Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton
	{
	    position :relative ;
	    float:left ;
	    width:30%;
	    max-width:200px;
	    min-height :65px;
	    text-align :center ;
	    color:#fff;
	    font-size :10pt;
	    color:#fff;
	    border-style :solid ;
	    border-width:0px;
	    background :#2FBEF2;
	    cursor :pointer ;
	    font-family :iranyekanwebmediumfanum,arial;
	}
	
	.Elamie_MainPage .Elamie_Container .rightBox .MoreButtonBox .MoreButton:hover
	{
	    background :#cc0000;
	}
	
	.Elamie_MainPage .Elamie_Container .leftBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :50%;
	    padding :0;
	    margin :0;
	    min-height :554px;
	}
	
	.Elamie_MainPage .Elamie_Container .leftBox .whiteBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :100%;
	    min-height :115px;
	}
	
	.Elamie_MainPage .Elamie_Container .leftBox .ImagePic
	{
	    position:relative ;
	    top:0px;
	    left:0px;
	    float :left ;
	    width :430px;
	    min-height :340px;
	   
	    background-image :url(../images/bg-pic.jpg);
	    background-repeat :no-repeat ;
	    background-position :center center ;
	    margin-left :10px;
	    
	}
	
	.Elamie_MainPage .Elamie_Container .leftBox .ImagePic img
	{
	    position:absolute ;
	    top:40px;
	    left :40px;
	    width :430px;
	    min-height :340px;
	}
	
	.news_MainPage
	{
	    position :relative  ;
	    top:0px;
	    left:0px;
	    width :100%;
	    background :none;
	    min-height :800px;
	    display :inline-block ;
	    text-align :center ;
        margin-top :150px;
	}
	
	.news_MainPage .news_Container
	{
	    position :relative  ;
	    top:0px;
	    width :80%;
	    min-height :800px;
	    display :inline-block ;
	    
	}
	
	.News_Container .CommentBox
	{
	    position :relative  ;
	    top:0px;
	    width :100%;
	    min-height :300px;
	    display :inline-block ;
	    margin-bottom :30px;
	    
	}
	.News_Container .CommentBox p
	{
	    margin :0;
	    padding :0;
	}
	
	#btn_SendComment
	{
	    font-family:iranyekanwebmediumfanum,arial;
	    font-size:9pt;
	    border-width:0;
	    background :#888;
	    color:#fff;
	    cursor:pointer ;
	    padding :5px 20px 5px 20px;
	}
	
	#btn_SendComment:hover
	{
	    background :#2FBEF2;
	}
	
	.news_MainPage .news_Container .titleBox
	{
	    position :relative ;
	    top:0px;
	    width :100%;
	    min-height :130px;
	    line-height :130px;
	    font-size :14pt;
	    font-family :iranyekanwebmediumfanum,arial;
	    color:#fff;
	    text-align :right  ;
	    direction:rtl;
	}
	
	.news_MainPage .news_Container .box
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    padding :0;
	    margin :0;
	    width :30%;
	    min-height:630px;
	    margin-right :12px;
	    margin-left :12px;
        background :#0B1A2A;
        border-radius :15px;
        padding-bottom :50px;
       
	}
	
	.news_MainPage .news_Container .box .innerBox
	{
	    position :relative ;
	    top:0px;
	    float :none ;
	    margin-left :auto ;
        margin-right :auto ;
        width :90%;
        top:25px;
        bottom :25px;
        min-height :480px;
      
	}


	
	.news_MainPage .news_Container .box .innerBox .picBox
	{
	    position :relative ;
	    top:0px;
	    float:none ;
        margin-left :auto ;
        margin-right :auto ;
	    width :100%;
	    min-height :320px;
	    background-repeat :no-repeat ;
	    background-position :center center ;
	    background-size:cover;
        border-radius :15px;
	}
	
	
	
	.news_MainPage .news_Container .box .innerBox .titleBoxnews
	{
	    position:relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    min-height:100px;
	    direction:rtl;
	    line-height :30px;
	    font-size :13pt;
	    font-weight :700;
	    color:#00AEEF;
	    font-family :iranyekanwebmediumfanum,arial;
	    text-align :right;
        padding-top :10px;
        padding-bottom :10px;
        cursor:pointer ;
	}

    .news_MainPage .news_Container .box .innerBox .titleBoxnews:hover{
        color:#cc0000;
    }

    .news_MainPage .news_Container .box .innerBox .DateBoxnews
	{
	    position:relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    min-height:30px;
	    direction:rtl;
	    line-height :30px;
	    font-size :12pt;
	    font-weight :500;
	    color:#eee;
	    font-family :iranyekanwebmediumfanum,arial;
	    text-align :right;
	}
	
	
	.news_MainPage .news_Container .box .innerBox .ContentBox
	{
	    position:relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    min-height:100px;
	    direction:rtl;
	    line-height :25px;
	    font-size :10pt;
	    color:#eee;
	    font-family :iranyekanwebmediumfanum,arial;
	    text-align :justify ;
	}
	
	.news_MainPage .news_Container .box .innerBox .ButtonBox
	{
	    position:relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    min-height:50px;
	    text-align :left;
        
	}
	
	.news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore
	{
	     position :relative ;
     float :right ;
     width :150px;
     height :55px;
     line-height :55px;
     border-radius :30px;
    
     text-align :center ;
     font-family :iranyekanwebmediumfanum;
     font-size :12pt;
     color:#fff;
     cursor :pointer ;
     margin-top :20px;
      display: block;
     background-size: 200% auto;
      background-image: linear-gradient(to right, #e52d27 0%, #b31217 51%, #e52d27 100%);
       margin-bottom :20px;
	}

	.news_MainPage .news_Container .box .innerBox .ButtonBox .buttonMore:hover
	{
	     background-position: right center;
  color: #fff;
  text-decoration: none;
	}
	
	.History_Box
	{
	    position :relative ;
	    top:0px;
	    left:0px;
	    width :100%;
	    min-height:175px;
	    display :inline-block ;
	    text-align :center ;
	    margin-top :20px;
	}
	
	.History_Box .History_Container
	{
	    position :relative ;
	    top:0px;
	    width :80%;
	    min-height:175px;
	    display :inline-block ;
	}
	
	.History_Box .History_Container .right_LogoBox
	{
	    position :relative; 
	    top:0px;
	    float :right ;
	    width :20%;
	    min-height :175px;
	    padding :0;
	    margin :0;
	}
	
	.History_Box .History_Container .right_LogoBox .innerBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :80%;
	    min-height :175px;
	    background :#F8FAFC;
	    background-image :url(../images/LogoHistory.png);
	    background-repeat :no-repeat ;
	    background-position :center center ;
	}
	
	.History_Box .History_Container .left_LogoBox
	{
	    position :relative; 
	    top:0px;
	    float :right ;
	    width :80%;
	    min-height :175px;
	    padding :0;
	    margin :0;
	    background :#F8FAFC;
	    display :inline-block ;
	    text-align :center ;
	}
	
	.History_Box .History_Container .left_LogoBox .innerBox
	{
	    position :relative ;
	    top:0px;
	    margin-top :20px;
	    width :80%;
	    min-height :125px;
	    display :inline-block ;
	}
	
	.History_Box .History_Container .left_LogoBox .innerBox .titleBox
	{
	    position :relative ;
	    top:0px;
	    left :0px;
	    width :100%;
	    min-height :55px;
	    line-height :55px;
	    text-align :right ;
	    color:#2FBEF2;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size:14pt;
	    direction :rtl;
	}
	
	
	.History_Box .History_Container .left_LogoBox .innerBox .ContentBox
	{
	    position :relative ;
	    top:0px;
	    left :0px;
	    width :100%;
	    min-height :75px;
	    line-height :30px;
	    text-align :right ;
	    color:#000;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size:11pt;
	    direction :rtl;
	}
    
    .abountBox_Mainpage
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :230px;
        display:inline-block ;
        text-align :center ;
        margin-bottom :40px;
    }
    
    .abountBox_Mainpage .abountBox_Container
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height :230px;
        display:inline-block ;
    }
    
    .abountBox_Mainpage .abountBox_Container .box
    {
        position :relative ;
        top:0px;
        padding :0px;
        margin :0px;
        float:right ;
        width :50%;
        min-height :230px;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .rightBox
    {
        position :relative ;
        top:0px;
        min-height:100px;
        border:1px solid #D6D6D6;
        display:inline-block ;
        width :95%;
        float :right ;
        right :-100px;
        margin-top :40px;
        text-align :center ;
        -webkit-transition:right 0.5s;
        transition:right 0.5s;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .view1
    {
        right :0px;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox
    {
        position :relative ;
        top:0px;
        display :inline-block ;
        width :90%;
        min-height:100px;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :85%;
        padding :0;
        margin :0;
        min-height:100px;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .titleBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :100%;
        font-size :12pt;
        font-family :iranyekanwebmediumfanum,arial;
        direction :rtl;
        text-align :right ;
        min-height:35px;
        line-height :35px;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentRightBox .ContentBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :100%;
        font-size :9pt;
        font-family :iranyekanwebmediumfanum,arial;
        direction :rtl;
        text-align :justify  ;
        min-height:50px;
        line-height :25px;
    }
    
    
    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .contentLeftBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :15%;
        padding :0;
        margin :0;
        min-height:100px;
        
        background-position :center center ;
        background-repeat :no-repeat ;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .rightBox .innerBox .LogoLeftBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :20%;
        padding :0;
        margin :0;
        min-height:100px;
    }
    
     .abountBox_Mainpage .abountBox_Container .box .leftBox
    {
        position :relative ;
        top:0px;
        min-height:100px;
        border:1px solid #D6D6D6;
        display:inline-block ;
        width :95%;
        float :left ;
        left:-100px;
        margin-top :40px;
        text-align :center ;
         -webkit-transition:left 0.5s; /* For Safari 3.1 to 6.0 */
        transition:left 0.5s;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .view2
    {
         left:0px;
    }
    
    
    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox
    {
        position :relative ;
        top:0px;
        display :inline-block ;
        width :90%;
        min-height:100px;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :80%;
        padding :0;
        margin :0;
        min-height:100px;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .titleBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :100%;
        font-size :12pt;
        font-family :iranyekanwebmediumfanum,arial;
        direction :rtl;
        text-align :right ;
        min-height:35px;
        line-height :35px;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentRightBox .ContentBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :100%;
        font-size :9pt;
        font-family :iranyekanwebmediumfanum,arial;
        direction :rtl;
        text-align :justify  ;
        min-height:50px;
        line-height :25px;
    }
    
    
    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .contentLeftBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :20%;
        padding :0;
        margin :0;
        min-height:100px;
        background-image :url(../images/CheshmAndazIcon.png);
        background-position :center center ;
        background-repeat :no-repeat ;
    }
    
    .abountBox_Mainpage .abountBox_Container .box .leftBox .innerBox .LogoLeftBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :20%;
        padding :0;
        margin :0;
        min-height:100px;
    }
    
    .Login_MainPage
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :520px;
        display :inline-block ;
        background :#A8BFC5;
        text-align :center;
		background-image:url(../images/back_mainPage_LoginPersonel.jpg);
		background-repeat:repeat-y ;
		  
    }
    
    .Login_MainPage .Login_Container
    {
        position :relative ;
        top:0px;
        width :75%;
        min-height :520px;
        display :inline-block ;
    }
     .Login_MainPage .Login_Container .Login_Header
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height:40px;
        line-height :40px;
        font-size :18pt;
        font-family :iranyekanwebmediumfanum,arial;
        text-align :center ;
        margin-top :30px;
        color:#fff;
        
    }
    
    .Login_MainPage .Login_Container .RightBox
    {
        position :relative ;
        top:-100px;
        float :right ;
        padding :0;
        margin :0;
        min-height :520px;
        width :50%;
         -webkit-transition:top 1s; /* For Safari 3.1 to 6.0 */
        transition:top 1s;
    }
    
    .Login_MainPage .Login_Container .view3
    {
        top:0px;
    }
    
    .Login_MainPage .Login_Container .RightBox .innerBox
    {
        position:relative ;
        top:0px;
        margin-top:100px;
        min-height:280px;
        float :right ;
        width :100%;
    }
    
    .Login_MainPage .Login_Container .RightBox .innerBox .titleBox
    {
        position:relative ;
        top:0px;
        float:right ;
        width :100%;
        min-height:60px;
        line-height :60px;
        font-size :14px;
        font-family:iranyekanwebmediumfanum,arial;
        text-align :right ;
        direction :rtl;
        color:#fff;
    }
    
     .Login_MainPage .Login_Container .RightBox .innerBox iframe
     {
         position :relative ;
         top :0px;
         float :right ;
         width :100%;
         min-height:200px;
         -webkit-transition:top 0.5s; /* For Safari 3.1 to 6.0 */
         transition:top 0.5s;
     }
     
     
        
    
    .Login_MainPage .Login_Container .LeftBox
    {
        position :relative ;
        top:0px;
        float :right ;
        padding :0;
        margin :0;
        min-height :520px;
        width :50%;
    }
    
    .Login_MainPage .Login_Container .LeftBox .picBox
    {
        position :relative ;
        float :none;
        margin-left :auto ;
        margin-right :auto ;
        top :0px;
         -webkit-transition:top 1s; /* For Safari 3.1 to 6.0 */
        transition:top 1s;
        
    }
    
    .Login_MainPage .Login_Container .LeftBox .view4
    {
        top :100px;
    }
    
    .Gallery_MainPage
    {
        position:relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :660px;
        display :inline-block ;
        text-align :center ;
        overflow :hidden ;
    }
    
    
    
    .Gallery_MainPage .topBox
    {
        position :relative ;
        top:-100px;
        float :right ;
        width :100%;
        min-height :330px;
        border-bottom :1px solid #EBEBEB;
        -webkit-transition:top 1s; /* For Safari 3.1 to 6.0 */
        transition:top 1s;
    }
    
    .Gallery_MainPage .view5
    {
        top:0px;
    }
    
    .Gallery_MainPage .topBox .Gallery_Container
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height:330px;
        display :inline-block ;
    }
    
    .Gallery_MainPage .topBox .Gallery_Container .picBox
    {
        position :relative ;
        top:0px;
        float :right ;
        margin :0;
        padding :0;
        width :33.3%;
        min-height :330px;
        background-position :center center ;
        background-repeat :no-repeat ;
        background-size:cover;
        cursor :pointer ;
    }
    
    .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBoxTitle
    {
        position:absolute ;
        left:0px;
        width:100%;
        height :15%;
        display :none ;
        text-align :center ;
        background :#2FBEF2;
       background :rgb(1,165,115);
        background :rgb(1,165,115,0.8);
        color:#fff;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :12pt;
        bottom :-100px;
         -webkit-transition:bottom 0.5s; /* For Safari 3.1 to 6.0 */
        transition:bottom 0.5s;
    }
    
    .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBoxTitle
    {
        bottom :0px;
        display :inline-block ;
    }
    
    
    .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox
    {
        position :absolute  ;
        top:0px;
        left :0px;
        width :0%;
        height :0%;
        background :rgb(0,0,0);
        background:rgba(0,0,0,0.5); 
        -webkit-transition:height 0.5s; /* For Safari 3.1 to 6.0 */
        transition:height 0.5s;
        font-size:20pt;
        font-family :iranyekanwebmediumfanum,arial;
    }
    
    .Gallery_MainPage .topBox .Gallery_Container .picBox .maskBox:after {
        content: "\f00e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
/*--adjust as necessary--*/
        color: #fff;
        font-size: 35px;
        position: absolute  ;
        float:none ;
        margin-left :auto ;
        margin-right :auto ;
        top :-45%;
        display :none;
         -webkit-transition:margin-top 1.5s; /* For Safari 3.1 to 6.0 */
        transition:margin-top 1.5s;
        }
    
    .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox:after 
    {
        display :inline-block ;
        top :45%;
    }
    .Gallery_MainPage .topBox .Gallery_Container .picBox:hover .maskBox
    {
        width :100%;
        height :100%;
    }
    
    .Gallery_MainPage .bottomBox
    {
        position :relative ;
        top:-100px;
        float :right ;
        width :100%;
        min-height :330px;
        border-bottom :1px solid #EBEBEB;
        -webkit-transition:top 1s; /* For Safari 3.1 to 6.0 */
        transition:top 1s;
    }
    
    
    
    .Gallery_MainPage .view6
    {
        top:0px;
    }
    
     .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBoxTitle
    {
        position:absolute ;
        left:0px;
        width:100%;
        height :15%;
        display :none ;
        text-align :center ;
        background :#2FBEF2;
        background :rgb(1,165,115);
        background :rgb(1,165,115,0.8);
        color:#fff;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :12pt;
        bottom :-100px;
         -webkit-transition:bottom 0.5s; /* For Safari 3.1 to 6.0 */
        transition:bottom 0.5s;
    }
    
    .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBoxTitle
    {
        bottom :0px;
        display :inline-block ;
    }
    
    
    .Gallery_MainPage .bottomBox .Gallery_Container
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height:330px;
        display :inline-block ;
    }
    
    .Gallery_MainPage .bottomBox .Gallery_Container .picBox
    {
        position :relative ;
        top:0px;
        float :right ;
        margin :0;
        padding :0;
        width :33.3%;
        min-height :330px;
        background-position :center center ;
        background-repeat :no-repeat ;
        background-size:cover;
        cursor :pointer ;
    }
    
    .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox
    {
        position :absolute  ;
        top:0px;
        left :0px;
        width :0%;
        height :0%;
        background :rgb(0,0,0);
        background:rgba(0,0,0,0.5); 
        -webkit-transition:height 0.5s; /* For Safari 3.1 to 6.0 */
        transition:height 0.5s;
    }
    
    .Gallery_MainPage .bottomBox .Gallery_Container .picBox .maskBox:after {
        content: "\f00e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
/*--adjust as necessary--*/
        color: #fff;
        font-size: 35px;
        position: absolute  ;
        float:none ;
        margin-left :auto ;
        margin-right :auto ;
        top :-45%;
        display :none;
         -webkit-transition:margin-top 1.5s; /* For Safari 3.1 to 6.0 */
        transition:margin-top 1.5s;
        }
    
    .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox:after 
    {
        display :inline-block ;
        top :45%;
    }
    .Gallery_MainPage .bottomBox .Gallery_Container .picBox:hover .maskBox
    {
        width :100%;
        height :100%;
    }
    
    .Law_MainPage
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :480px;
        background :#414550;
        display :inline-block ;
        text-align :center ;
    }
    
    .Law_MainPage .Law_Continer
    {
        position :relative ;
        top:0px;
        display :inline-block ;
        width :80%;
        min-height :480px;
    }
    
    .Law_MainPage .Law_Continer .titleBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :190px;
        line-height :190px;
        text-align :center ;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :16pt;
        color:#fff;
    }
    
    .Law_MainPage .Law_Continer .box
    {
        position:relative ;
        float:right ;
        top:0px;
        width :48%;
        min-height :130px;
        padding :0;
        margin :0;
        margin-left :1%;
        
        
    }
    
    .Law_MainPage .Law_Continer .box .innerBox
    {
        position :relative ;
        top:0px;
        float :right ;
        min-height:80px;
        line-height :80px;
        width :100%;
        border-bottom :2px solid #5F636C;
        
    }
    
    .Law_MainPage .Law_Continer .box .innerBox .ArrowBox
    {
        position :relative ;
        top:0px;
        float :right ;
        min-height:70px;
        line-height :70px;
        width :10%;
       
    }
    
    .Law_MainPage .Law_Continer .box .innerBox .ArrowBox i
    {
        position :relative ;
        top:10px;
        font-size :45px;
        color:#2FBEF2;
    }
    
    
     .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus
    {
        position :relative ;
        top:30px;
        font-size :25px;
        color:#FFF;
        cursor :pointer ;
    }
    
    .Law_MainPage .Law_Continer .box .innerBox .ArrowBox .Plus:hover
    {
        color:#FD5400;
    }
    
    .Law_MainPage .Law_Continer .box .innerBox .detBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :50px;
        text-align :justify ;
        line-height :25px;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :10pt;
        color:#fff;
        display :block ;
        direction :rtl;
    }
    
.Law_MainPage .Law_Continer .box .innerBox .detBox a
    {
        text-align :justify ;
        line-height :25px;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :10pt;
        color:#fff;
        direction :rtl;
        text-decoration :none;
    }
    
    .Law_MainPage .Law_Continer .box .innerBox .detBox a:hover
    {
        color:#D7D7D7;
    }
    
    .Law_MainPage .Law_Continer .box .innerBox .ContentTextBox
    {
        position :relative ;
        top:0px;
        float :right ;
        min-height:70px;
        line-height :70px;
        width :80%;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :12pt;
        color:#fff;
        text-align :right ;
        direction:rtl;
       
    }
    
    .certificates_MainPage
    {
        position :relative ;
        top:0px;
        left :0px;
        width :100%;
        min-height :700px;
        display :inline-block ;
        text-align :center ;
        background :#fff;
         -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
        
    }
    
    .certificates_MainPage .certificates_Container
    {
        position :relative ;
        top:0px;
        width :100%;
        min-height :700px;
        display :inline-block ;
    }
    
    .certificates_MainPage .certificates_Container .titleBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height:200px;
        line-height :200px;
        font-size :16pt;
        color:#fff;
        font-family :iranyekanwebmediumfanum,arial;
        text-align :center ;
    }
    
    .certificates_MainPage .certificates_Container .MainBox
    {
        position :relative ;
        top:0px;
        float :none ;
        margin-left :auto ;
        margin-right :auto ;
        width :80%;
        min-height:600px;
    }

    .maskedLiveBox{
        position :absolute ;
        top:0px;
        left:0px;
        display :block ;
        width :100%;
        height :100%;
        background :rgb(0,0,0);
        background :rgba(0,0,0,0.8);
    }
    
    .certificates_MainPage .certificates_Container .MainBox .InnerBox_right
    {
        position :relative ;
        float :right ;
        top:0px;
        width:40%;
        padding :0;
        margin :0;
        min-height :600px;

    }


    .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .titleLive{
        position :relative ;
        float :right ;
        width:90%;
        font-size :18pt;
        font-family :iranyekanwebmediumfanum;
        font-weight :900;
        direction :rtl;
        text-align :right ;
        min-height :90px;
        line-height :90px;
        color:#fff;
    }



    .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox{
        position :relative ;
        float :right ;
        width:280px;
        direction :rtl;
        text-align :right ;
        min-height :70px;
        line-height :70px;
        color:#fff;
        margin :0;
        
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .countDownBox iframe {
            position :relative ;
            top:0px;
            left:0px;
            margin :0;
            padding :0;
            width :100%;
            height :70px;
      
        }

.certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox{
        position :relative ;
        float :right ;
        width:80%;
        direction :rtl;
        text-align :right ;
        min-height :30px;
        line-height :30px;
        color:#fff;
        margin :0;
    }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .dateLive {
            position :relative ;
            top:0px;
            float :right ;
            background :rgb(102,102,102);
            background :rgba(102,102,102,0.5);
            color:#fff;
            font-size :12pt;
            direction :rtl;
            font-family :iranyekanwebmediumfanum;
            padding-left :8px;
            padding-right :8px;
            margin-left :10px;
            direction :rtl;
        }

        .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .summeryLive{
           
        position :relative ;
        float :right ;
        width:80%;
        direction :rtl;
        text-align :justify  ;
        min-height :100px;
        line-height :25px;
        color:#fff;
        margin :0;
        font-size :12pt;
         font-family :iranyekanwebmediumfanum;
          margin-top :15px;
    }

         .certificates_MainPage .certificates_Container .MainBox .InnerBox_right .dateTimeBox .timeLive {
            position :relative ;
            top:0px;
            float :right ;
            color:#fff;
            font-size :12pt;
            direction :ltr;
            font-family :iranyekanwebmediumfanum;
            padding-left :8px;
            padding-right :8px;
          
        }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left
    {
        position :relative ;
        float :right ;
        top:0px;
        width:60%;
        padding :0;
        margin :0;
        min-height :600px;
    }

    .certificates_MainPage .certificates_Container .MainBox .InnerBox_Left .posterBox{
        position :relative ;
        float :none;
        margin-left :auto ;
        margin-right :auto ;
        border-radius :15px;
        background-position:center ;
        background-repeat :no-repeat ;
        background-size :cover ;
        display :block ;
        min-height :400px;
        margin-top :100PX;
        margin-bottom :100px;
    }
    
    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height:320px;
        border:18px solid #D7D7D7;
        background-position :center center ;
        background-repeat :no-repeat ;
        background-size:cover;
        margin-left :40px;
    }
    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox
    {
        position :absolute  ;
        top:0px;
        left :0px;
        width :0%;
        height :0%;
        background :rgb(0,0,0);
        background:rgba(0,0,0,0.5); 
        -webkit-transition:height 0.5s; /* For Safari 3.1 to 6.0 */
        transition:height 0.5s;
        cursor:pointer ;
    }
    
    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox .maskBox:after {
        content: "\f00e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
/*--adjust as necessary--*/
        color: #fff;
        font-size: 35px;
        position: absolute  ;
        float:none ;
        margin-left :auto ;
        margin-right :auto ;
        top :-45%;
        display :none;
         -webkit-transition:margin-top 1.5s; /* For Safari 3.1 to 6.0 */
        transition:margin-top 1.5s;
        }
    
    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox:after 
    {
        display :inline-block ;
        top :45%;
    }
    .certificates_MainPage .certificates_Container .MainBox .InnerBox .picBox:hover .maskBox
    {
        width :100%;
        height :100%;
    }
    .certificates_MainPage .certificates_Container .MainBox .InnerBox .titleBox
    {
        position:relative ;
        top:0px;
        display :inline-block ;
        min-height:65px;
        line-height :65px;
        font-size :11pt;
        font-family :iranyekanwebmediumfanum,arial;
        color:#000;
        direction :rtl;
        background-image:url(../images/line_certificates.png);
        background-repeat:no-repeat ;
        background-position :center right ;
        text-align :center ;
        width :100%;
    }
    
    .certificates_MainPage .certificates_Container .MainBox .InnerBox .ContentBox
    {
        position:relative ;
        top:0px;
        display :inline-block ;
        min-height:100px;
        line-height :25px;
        font-size :10pt;
        font-family :iranyekanwebmediumfanum,arial;
        color:#000;
        direction :rtl;
        text-align :justify  ;
        width :100%;
        right :20px;
        
    }
    
    .Marakez_MainPage
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :530px;
        display :inline-block ;
        background-image:url(../images/back_Marakez.png);
        background-repeat :repeat ;
        text-align :center ;
    }
    
    .Marakez_MainPage .Marakez_Container
    {
        position :relative ;
        top:0px;
        display :inline-block ;
        min-height :530px;
        width :80%;
    }
    
    .Marakez_MainPage .Marakez_Container .whiteBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :55px;
    }
    
    .Marakez_MainPage .Marakez_Container .MainBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :485px;
        display :inline-block ;
        margin-top :50px;
    }
    
    .Marakez_MainPage .Marakez_Container .MainBox .rightBox
    {
        position :relative ;
        top:0px;
        float :right ;
        min-height :485px;
        padding :0;
        margin :0;
        width :50%;
    }
    
    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .titleBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height:60px;
        line-height :60px;
        font-size :11pt;
        font-family:iranyekanwebmediumfanum,arial;
        text-align :right ;
        direction :rtl;
        font-weight :700;
    }
    
    .Marakez_MainPage .Marakez_Container .MainBox .rightBox .ContentBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :90%;
        min-height:110px;
        line-height :35px;
        font-size :10pt;
        font-family:iranyekanwebmediumfanum,arial;
        text-align :justify  ;
        direction :rtl;
    }
    
    
    .Marakez_MainPage .Marakez_Container .MainBox .leftBox
    {
        position :relative ;
        top:0px;
        float :right ;
        min-height :485px;
        padding :0;
        margin :0;
        width :50%;
    }
    
    .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :96%;
        min-height :400px;
        background-repeat :no-repeat ;
        background-position :center center ;
        background-size:cover;
        cursor :pointer ;
        
    }
    
     .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox
    {
        position :absolute  ;
        top:0px;
        left :0px;
        width :0%;
        height :0%;
        background :rgb(0,0,0);
        background:rgba(0,0,0,0.5); 
        -webkit-transition:height 0.5s; /* For Safari 3.1 to 6.0 */
        transition:height 0.5s;
    }
    
    .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox .maskBox:after {
        content: "\f00e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
/*--adjust as necessary--*/
        color: #fff;
        font-size: 35px;
        position: absolute  ;
        float:none ;
        margin-left :auto ;
        margin-right :auto ;
        top :-45%;
        display :none;
         -webkit-transition:margin-top 1.5s; /* For Safari 3.1 to 6.0 */
        transition:margin-top 1.5s;
        }
    
    .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox:after 
    {
        display :inline-block ;
        top :45%;
    }
    .Marakez_MainPage .Marakez_Container .MainBox .leftBox .picBox:hover .maskBox
    {
        width :100%;
        height :100%;
    }
    
    .Contact_MainPage
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height:700px;
        display:inline-block ;
        text-align :center ;
        background :#fff;
       
    }
    
    .Contact_MainPage .Contact_Container
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height:700px;
        display :inline-block ;
    }
    
    .Contact_MainPage .Contact_Container .whiteBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :120px;
    }
    
    .Contact_MainPage .Contact_Container .rightBox
    {
        position :relative ;
        top:-100px;
        float :right ;
        min-height :580px;
        width :50%;
        margin :0;
        padding :0;
        -webkit-transition:top 1.5s; /* For Safari 3.1 to 6.0 */
        transition:top 1.5s;
    }
    
    .Contact_MainPage .Contact_Container .view7
    {
        top:0px;
    }
    
    .Contact_MainPage .Contact_Container .rightBox .titleBox
    {
        position :relative ;
        top:0px;
        float :right ;
        min-height:100px;
        line-height :100px;
        font-size :14pt;
        font-family :iranyekanwebmediumfanum,arial;
        width :100%;
        text-align :right ;
    }
    
    .Contact_MainPage .Contact_Container .rightBox .ContentBox
    {
        position:relative ;
        top:0px;
        float :right ;
        border-right :4px solid #2FBEF2;
        width :80%;
        min-height :100px;
        padding-right :20px;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :10pt;
        text-align :justify ;
        line-height :30px;
        direction:rtl;
    }
    
    .Contact_MainPage .Contact_Container .rightBox .ContentBox1
    {
        position:relative ;
        top:0px;
        float :right ;
        border-right :4px solid #2FBEF2;
        width :80%;
        min-height :100px;
        padding-right :20px;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :10pt;
        text-align :justify ;
        line-height :30px;
        direction:rtl;
        margin-top :50px;
    }
    
    .Contact_MainPage .Contact_Container .rightBox .FrameBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :80%;
        min-height :250px;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :10pt;
        text-align :justify ;
        line-height :30px;
        direction:rtl;
        top:50px;
        overflow :hidden ;
    }
    
    .Contact_MainPage .Contact_Container .rightBox .FrameBox iframe
	{
	    position :absolute  ;
	    margin-top :-60px;
	    float :right ;
	    width :100%;
	    height :100%;
	    display :block ;
	    min-height :250px;
	}
    
    .Contact_MainPage .Contact_Container .leftBox
    {
        position :relative ;
        top:-100px;
        float :right ;
        min-height :580px;
        width :50%;
        margin :0;
        padding :0;
        -webkit-transition:top 1.5s; /* For Safari 3.1 to 6.0 */
        transition:top 1.5s;
    }
    
    .Contact_MainPage .Contact_Container .view9
    {
        top:0px;
    }
    
    .Contact_MainPage .Contact_Container .leftBox .titleBox
    {
        position :relative ;
        top:0px;
        float :right ;
        min-height:100px;
        line-height :100px;
        font-size :14pt;
        font-family :iranyekanwebmediumfanum,arial;
        width :100%;
        text-align :right ;
       
    }
    
     .Contact_MainPage .Contact_Container .leftBox iframe
     {
         position:relative ;
         top:0px;
         float :right ;
         width :100%;
         min-height :500px;
         border-right :1px solid #F8FAFC;
         padding :10px 10px 10px 10px;
     }
     
     .footer_mainPage
     {
         position :relative ;
         top:0px;
         left:0px;
         width :100%;
         min-height :260px;
         display :inline-block ;
         text-align :center;
         background :#0B1A2A;
     }
     
     .footer_mainPage .footer_Container
     {
         position :relative ;
         top:0px;
         display :inline-block ;
         width :80%;
         border-bottom :0px solid #62676D;
         min-height :220px;
     }
     
     .footer_mainPage .footer_Container .whiteBox
     {
         position :relative ;
         top:0px;
         float:right ;
         min-height :60px;
         width :100%;
     }
     
     .footer_mainPage .footer_Container .rightBox
     {
         position :relative ;
         top:0px;
         float :right ;
         right:-100px;
         width :20%;
         min-height :150px;
         padding :0;
         margin :0;
         
         background-repeat :no-repeat ;
         background-position :top  right ;
         -webkit-transition:right 1.5s; /* For Safari 3.1 to 6.0 */
        transition:right 1.5s;
     }
     
     .footer_mainPage .footer_Container .view10
     {
         right:0px;
     }
     
     .footer_mainPage .footer_Container .leftBox
     {
         position :relative ;
         top:0px;
         float :right ;
         right:-100px;
         width :80%;
         min-height :150px;
         padding :0;
         margin :0;
          -webkit-transition:right 1.5s; /* For Safari 3.1 to 6.0 */
        transition:right 1.5s;
     }
     
     .footer_mainPage .footer_Container .view11
     {
         right:0px;
     }
     
     .footer_mainPage .footer_Container .leftBox .menuBox
     {
         position :relative ;
         top:0px;
         float :right ;
         border-right :0px solid #fff;
         min-height :120px;
         width :30%;
     }
     
     .footer_mainPage .footer_Container .leftBox .menuBox ul
     {
         position :relative ;
         float :right ;
         width :100%;
         min-height :120px;
         padding :0;
         margin :0;
         list-style :none;
         direction :rtl;
         margin-right :20px;
     }
     
     .footer_mainPage .footer_Container .leftBox .menuBox li
     {
         padding :0;
         margin :0;
         width :100%;
         text-align :right ;
         padding :5px 10px 5px 30px;
     }
     
     .footer_mainPage .footer_Container .leftBox .menuBox li a
     {
         width :100%;
         text-decoration :none;
         font-family :iranyekanwebmediumfanum,arial;
         font-size :10pt;
         color:#fff;
         direction :rtl;
     }
     
     .footer_mainPage .footer_Container .leftBox .menuBox li a:hover
     {
         color:#2FBEF2;
     }
     
     .footer_mainPage .footer_Container_Copy
     {
         position :relative ;
         top:0px;
         width :80%;
         display :inline-block ;
         text-align :center ;
         min-height:30px;
         line-height :30px;
         font-family :iranyekanwebmediumfanum,arial;
         font-size :9pt;
         color:#C0C4C5;
         direction :rtl;
     }
     
     .InnerPage_TitlePage_MainPage
{
    position :relative ;
    top:0px;
    left :0px;
    width :100%;
    min-height:80px;
}

.InnerPage_TitlePage_MainPage .barBox
{
    position :relative ;
    float:right ;
    width :300px;
    top:25px;
    background-image: linear-gradient(to right, rgba(255,84,2,0), rgba(255,182,119,1));
    padding-right :10%;
    text-align :right  ;
    font-family :iranyekanwebmediumfanum,arial;
    font-size :12pt;
    color:#fff;
}

.InnerPage_TitlePage_MainPage .IconBox
{
    position:relative  ;
    float :right ;
    top:18px;
    left:150px;
    width :110px;
    height:42px;
    border:1px solid #13A899;
    background :#2A448F;
}



.Content_MainBox
{
    position :relative ;
    top:0px;
    float :right ;
    right :0px;
    width :100%;
    min-height :800px;
    display :inline-block ;
    text-align :center ;
}
.Content_Container
{
    position :relative ;
    top:0px;
    width :80%;
    min-height :800px;
    padding-top :50px;
    padding-bottom :50px;  
    display :inline-block ;  
}


.Content_Container .contentBox
{
    position :relative ;
    top:0px;
    right :0px;
    float :right ;
    width :100%;
    margin :0;
    padding :0;
    min-height :800px;
}


.Content_Container .contentBox .box
{
    position :relative ;
    top:0px;
    right :0px;
    float :right ;
    width :50%;
    min-height :420px;
    padding :0;
    margin :0;
    
}

.Content_Container .contentBox .box .loginBox
{
    position:relative ;
    top:0px;
    float :right ;
    right:0px;
    border:1px solid #CCCCCC;
    padding :40px 40px 40px 40px;
    background :#ECEDF1;
    width :80%;
}

.Content_Container .contentBox .box .loginBox .headerBox
{
    position :relative ;
    top:0px;
    right :0px;
    float :right ;
    min-height :66px;
    line-height :66px;
    width :100%;
    direction :rtl;
}

.Content_Container .contentBox .box .loginBox .headerBox a
{
    position:relative ;
    right :0px;
    float :right ;
    font-family :iranyekanwebmediumfanum,arial;
    font-size :10pt;
    color:#000;
    direction :rtl;
    text-decoration:none;
}

.Content_Container .contentBox .box .loginBox .headerBox a.link
{
    position:relative ;
    right :0px;
    float :right ;
    font-family :iranyekanwebmediumfanum,arial;
    font-size :9pt;
    color:#000;
    direction :rtl;
    text-decoration:none;
}

.Content_Container .contentBox .box .loginBox .headerBox a.link:hover
{
    color:#888888;
}

.Content_Container .contentBox .box .loginBox .headerBox a i
{
    font-size :20pt;
    color:#A7B8BF;
    margin-left :10px;
}

.Content_Container .contentBox .box .loginBox .titleBox
{
    position :relative ;
    top:0px;
    right :0px;
    float :right ;
    min-height :58px;
    line-height :30px;
    width :100%;
    font-family :iranyekanwebmediumfanum,arial;
    font-size :10pt;
    color:#000;
    text-align :right;
    direction :rtl;
}


.ContainerTextBoxObject
{
	position :relative ;
	top:0px;
	float:right ;
	right :0px;
	margin :0;
	padding :0;
	min-height :70px;
	width :300px;
	padding :5px 0px 5px 25px;
	display :inline-block ;
	direction :rtl;

}


.ContainerTextBoxObject1
{
	position :relative ;
	top:0px;
	float:right ;
	right :0px;
	margin :0;
	padding :0;
	min-height :30px;
	width :300px;
	padding :5px 25px 5px 25px;
	display :inline-block ;
	direction :rtl;

}
.ContainerTextBoxObject2
{
	position :relative ;
	top:0px;
	float:right ;
	right :0px;
	margin :0;
	padding :0;
	min-height :30px;
	width :90%;
	padding :5px 25px 5px 25px;
	display :inline-block ;
	direction :rtl;

}
.ContainerTextBoxCaption
{
	position:relative ;
	top:0px;
	float:right ;
	right :0px;
	width :100%;
	min-height:25px;
	line-height :25px;
	font-family :iranyekanwebmediumfanum,arial;
	font-size:10pt;
	color:#000;
	text-align :right;
	direction :rtl;
}


.ContainerTextBoxStyle
{
	position:relative ;
	top:0px;
	float :right ;
	right :0px;	
	height:40px;
	width :100%;
	border-radius:5px;
	border:1px solid #EEEEEE;
	line-height :40px;
	direction :rtl;
	-webkit-transition:border 1.5s; /* For Safari 3.1 to 6.0 */
    transition:border 1.5s;
    background :#EEEEEE;
}
.ContainerTextBoxStyle a
{
	position :relative ;
	top:0px;
	right :0px;
	float :right ;
	display :block ;
	width :35px;
	height :40px;
	line-height :40px;
	text-align :center ;
	
	
}

.ContainerTextBoxStyle i
{
	position :relative ;
	margin-top :12px;
	font-size :14pt;
	color:#4C4E4D;
	
}
.effectTextBox
{
	
	border:2px solid #914EAE;
	
}

	.SaveBox input
{
	padding :5pcx 20px 5px 20px;
	border-style :solid ;
	border-width:0px;
	cursor :pointer ;
	background :#5C5C5C;
	color:#fff;
	font-size :11pt;
	font-family :iranyekanwebmediumfanum,arial;
	position:relative ;
	float :left ;
	left :0px;
	width :100px;
}

.SaveBox input:hover
{
	background :#888888;
}
.SaveBox p
{
	width:100%;
	font-family :iranyekanwebmediumfanum,arial;
	font-size:12pt;
	color:#1c1c1c;
	margin-top :10%;
	direction :rtl;
	
}	

.SaveBox i
{
	font-size:20pt;
}

.SaveBoxContainer
{
	position :absolute ;
	top:0px;
	left:0px;
	width :100%;
	display :none  ;
	height :100%;
	background :rgb(0,0,0);
	background :rgba(0,0,0,.8);
	text-align :center ;
	z-index :1000000000;
	overflow :hidden ;
}
.SaveBox .headerBox
	{
	    font-family:iranyekanwebmediumfanum,arial;
	    font-size:14pt;
	}
.SaveBox
{
	position :relative ;
	width:25%;
	min-height :300px;
	display :inline-block ;
	background :#fff;
	float :left ;
	top:25%;
	left:-1000px;
	-webkit-transition:left 1.5s; /* For Safari 3.1 to 6.0 */
    transition:left 1.5s;
    padding :10px 10% 10px 10%;
}
.effectContainerDiv
{
	position:absolute ;
	top:0px;
	float :right ;
	right :0px;
	width:0%;
	height :100%;
	display :block ;
	background :#cc0000;
	-webkit-transition:width 1.5s; /* For Safari 3.1 to 6.0 */
    transition:width 1.5s;
    border-radius:5px;
    text-decoration:none;
}
.effectContainerDiv_active
{
	width:100%;
}

.ContainerQuotation
{
	width :100%;	
	padding :0;
	margin :0;
	list-style :none;
	display:inline-block;
	text-decoration:none;
	
}

.ContainerQuotation a
{
	text-decoration :none;
	line-height :20px;
}

.ContainerQuotation:hover i
{
	-webkit-transition:color 1.5s; /* For Safari 3.1 to 6.0 */
    transition:color 1.5s;
	color:#888888;
}

.ContainerQuotation a:hover .talkbubble
{
	display :block ;
}
.quotation
{
	background :none;
	padding :0;
	margin :0;
	list-style :none;
	display:block;
	list-style-type:none ; 
	text-decoration:none;
}

.talkbubble {
   width: 200px;
   min-height: 50px;
   background: #2FBEF2;
   background :rgb(1,165,115);
   background :rgba(1,165,115,0.9);
   position: relative;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   z-index:10;
   top:20px;
   display :none ;
   font-size:9pt;
   color:#fff;
   text-align :right  ;
   font-family :iranyekanwebmediumfanum,arial;
   text-decoration:none;
	line-height :20px;
	padding :5px 10px 5px 10px;
}
.talkbubble:before {
   content:"";
   position: absolute;
   top: -10px;
    right: 100%;
    right :5%;
   width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #2FBEF2;
	z-index :100;
}

.ContainerTextBoxCaption
{
	position:relative ;
	top:0px;
	float:right ;
	right :0px;
	width :100%;
	min-height:25px;
	line-height :25px;
	font-family :iranyekanwebmediumfanum,arial;
	font-size:10pt;
	color:#000;
	text-align :right;
	direction :rtl;
}


.ContainerTextBoxStyle
{
	position:relative ;
	top:0px;
	float :right ;
	right :0px;	
	height:40px;
	width :100%;
	border-radius:5px;
	border:1px solid #EEEEEE;
	line-height :40px;
	direction :rtl;
	-webkit-transition:border 1.5s; /* For Safari 3.1 to 6.0 */
    transition:border 1.5s;
    background :#EEEEEE;
}
.ContainerTextBoxStyle a
{
	position :relative ;
	top:0px;
	right :0px;
	float :right ;
	display :block ;
	width :35px;
	height :40px;
	line-height :40px;
	text-align :center ;
	
	
}

.ContainerTextBoxStyle i
{
	position :relative ;
	margin-top :12px;
	font-size :14pt;
	color:#4C4E4D;
	
}
.effectTextBox
{
	
	border:2px solid #914EAE;
	
}
.ContainerTextBoxStyle input
{
	position :relative ;
	top:2px;
	float :left;
	left :1px;
	width :240px;
	height:34px;
	font-family :iranyekanwebmediumfanum,arial;
	font-size:9pt;
	color:#4C4E4D;
	border-radius:0px;
	border-width :0px;
	border-style:solid;
	text-align :right;
	padding-right :10px;
	padding-left:10px;
	background :#fff;
	z-index :1;
	background :#fff;
	resize:none;
}

.ContainerTextBoxStyle select
{
	position :relative ;
	top:2px;
	float :left;
	left :1px;
	width :260px;
	height:36px;
	font-family :iranyekanwebmediumfanum,arial;
	font-size:9pt;
	color:#4C4E4D;
	border-radius:0px;
	border-width :0px;
	border-style:solid;
	text-align :right;
	padding-right :10px;
	padding-left:10px;
	background :#fff;
	z-index :1;
	background :#fff;
}

.ContainerTextBoxStyle textarea
{
	position :relative ;
	top:2px;
	float :left;
	left :1px;
	width :240px;
	height:34px;
	font-family :iranyekanwebmediumfanum,arial;
	font-size:9pt;
	color:#4C4E4D;
	border-radius:0px;
	border-width :0px;
	border-style:solid;
	text-align :right;
	padding-right :10px;
	padding-left:10px;
	background :#fff;
	z-index :1;
	background :#fff;
	resize:none;
}
.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.ContainerQuotation
{
	width :100%;	
	padding :0;
	margin :0;
	list-style :none;
	display:inline-block;
	text-decoration:none;
	
}

.ContainerQuotation a
{
	text-decoration :none;
	line-height :20px;
}

.ContainerQuotation:hover i
{
	-webkit-transition:color 1.5s; /* For Safari 3.1 to 6.0 */
    transition:color 1.5s;
	color:#888888;
}
#btnSaveForm
	{
		position :relative ;
		
		min-height :30px;
		border-width:0px;
		border-style :solid ;
		background :#2FBEF2;
		border-right:4px solid #A7B8BF;
		color:#fff;
		font-size:9pt;
		font-family :iranyekanwebmediumfanum ,arial;
		width :60px;
		cursor :pointer ;
		 -webkit-transition:background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition:background-color 0.5s;
        text-align :center ;
	}
	#btnSaveForm:hover
	{
		background:#00AEEF;
		color:#fff;
	}
	#btnAddMember
	{
		position :relative ;
		
		min-height :30px;
		border-width:0px;
		border-style :solid ;
		background :#2FBEF2;
		border-right :4px solid #A7B8BF;
		color:#fff;
		font-size:9pt;
		font-family :iranyekanwebmediumfanum ,arial;
		width :60px;
		cursor :pointer ;
		 -webkit-transition:background-color 0.5s; /* For Safari 3.1 to 6.0 */
        transition:background-color 0.5s;
        text-align :center ;
        border-right :4px solid #A7B8BF;
	}
	#btnAddMember:hover
	{
		background:#00AEEF;
		color:#fff;
	}
    
    .MainPage_History
    {
        position :relative ;
        top:0px;
        left :0px;
        width :100%;
        min-height :600px;
        display:inline-block ;
        text-align :center ;
    }
    
    .Container_History
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height :600px;
        display:inline-block ;
        text-align :right ;
    }
    
    .MainPage_AboutUs
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :600px;
        display :inline-block ;
        text-align :center ;
    }
    
    .Container_AboutUs
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height :600px;
        display :inline-block ;
    }
    
    .topBannerBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :160px;
        line-height :160px;
        background-color: #cc0000;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2301a573' fill-opacity='0.37' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
      

    }
    
    
    .topBannerBox hr
    {
        position :relative ;
        float:right ;
        width :15%;
        height :1px;
        font-size :0pt;
        color:#fff;
        background :#fff;
        border-style :solid ;
        border-width :0px;
        margin-top :84px;
        margin-bottom :84px; 
        
    }
    
    .topBannerBox .TextTitle
    {
        position :relative ;
        float:right ;
        top:0px;
        min-height:160px;
        line-height :160px;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :26pt;
        color:#fff;
        direction :rtl;
        text-align :right ;
        width :80%;
        padding-right :10px;
        font-weight :700;
    }
    
    .MainpathBox
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :80px;
        display :inline-block ;
        text-align :center ;
        direction :rtl;
    }
    
    .pathBox
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height:50px;
        line-height :50px;
        text-align :right ;
        display :inline-block ;
    }
    
    .pathBox ul
    {
        padding :0;
        margin :0;
        display :inline-block ;
        list-style-type :none;
        width :100%;
    }
    
    .pathBox ul li
    {
        padding :0;
        margin :0;
        display :inline-block ;
        margin-left :5px;
        margin-right :5px;
    }
    
    .pathBox ul li a
    {
        font-size :9pt;
        font-family :iranyekanwebmediumfanum,arial;
        color:#aaa;
        text-decoration :none;
    }
    
    .pathBox ul li a i
    {
        font-size :10pt;
        color:#aaa;
        
    }
    
    .pathBox ul li a:hover
    {
        color:#2FBEF2;
    }
    
    .Container_AboutUs .whiteBox
    {
        position :relative ;
        top:0px;
        float:right ;
        width :100%;
        min-height:60px;
    }
    
    .Container_AboutUs .MainBoxContent
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :1080px;
    }
    
    .Container_AboutUs .MainBoxContent .rightBox
    {
        position :relative ;
        top:0px;
        float :right ;
        right :0px;
        width :60%;
        margin :0;
        padding :0;
        min-height :1080px;
    }
    
    .Container_AboutUs .MainBoxContent .rightBox .titleBox
    {
        position :relative ;
        top:0px;
        float :right ;
        right :0px;
        width :100%;
        min-height :60px;
        text-align :right ;
        line-height :60px;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :13pt;
        color:#000;
        direction :rtl;
    }
    
    .Container_AboutUs .MainBoxContent .rightBox .contentBox
    {
        position :relative ;
        top:0px;
        float :right ;
        right :0px;
        width :80%;
        min-height :110px;
        text-align :justify  ;
        direction :rtl;
        line-height :30px;
        font-family :iranyekanwebmediumfanum,arial;
        font-size :10pt;
        color:#666;
    }
    
    .Container_AboutUs .MainBoxContent .rightBox .lineBox
    {
        position :relative ;
        top:0px;
        float :right ;
        right :0px;
        width :80%;
        min-height :30px;
        display :inline-block ;
        text-align :center ;
        line-height :30px;
        background-image :url(../images/image_AboutUs8.jpg);
        background-position :center center ;
        background-repeat:repeat-x ;
        margin-top :10px;
        margin-bottom :10px;
    }
    
    .Container_AboutUs .MainBoxContent .rightBox .CircleBox
    {
        position :relative ;
        top:5px;
        width :10px;
        height :10px;
        float :none;
        margin-left :auto ;
        margin-right :auto ;
        background :#2FBEF2;
        border:6px solid #FFBFA2;
        border-radius:180px;
        
        
    }
    
    .Container_AboutUs .MainBoxContent .leftBox
    {
        position :relative ;
        top:0px;
        float :right ;
        right :0px;
        width :40%;
        margin :0;
        padding :0;
        min-height :1080px;
    }
    
    .Container_AboutUs .MainBoxContent .leftBox img
    {
        position:relative ;
        top:0px;
        float:none ;
        margin-left :auto ;
        margin-right :auto ;
        margin-bottom :20px;
        width:90%;
        box-shadow:8px 8px 8px #E8EFF9;
    }
    
    .MainPage_MessageManager
    {
        position:relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :640px;
        background :#fff;
        display :inline-block ;
        text-align :center ;
    }
    
    .MainPage_MessageManager .Container_MessageManager
    {
        position:relative ;
        top:0px;
        float:left ;
        width :90%;
        min-height:640px;
        display :inline-block ;
    }
    
    .MainPage_MessageManager .Container_MessageManager .rightBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :35%;
        margin :0;
        padding :0;
        min-height :600px;
        background-image:url(../images/image_AboutUs4.jpg);
        background-position :center center ;
        background-repeat :no-repeat ;
        background-size:cover; 
    }
    
    .MainPage_MessageManager .Container_MessageManager .leftBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :65%;
        margin :0;
        padding :0;
        min-height :600px;
    }
    
    .MainPage_MessageManager .Container_MessageManager .leftBox .whiteBox
    {
        position :relative ;
        top:0px;
        float :right ;
        right :0px;
        width :100%;
        min-height :50px;
    }
    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage
    {
        position :relative ;
        top:0px;
        float :left ;
        width :90%;
        min-height :560px;
    }
    
    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox
    {
        position:relative ;
        top:0px;
        width :100%;
        min-height :45px;
        line-height :45px;
        background-image :url(../images/image_AboutUs5.jpg);
        background-position :center center ;
        background-repeat :repeat-x ;
    }
    
    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .TitleBox .ContentBox
    {
        position :relative ;
        top:0px;
        float :right ;
        right :0px;
        min-width:150px;
        font-family:iranyekanwebmediumfanum,arial;
        font-size :14pt;
        color:#000;
        text-align :right ;
        direction :rtl ;
        line-height :45px;
        min-height :45px;
        background :#fff;
    }
    .MainPage_MessageManager .Container_MessageManager .leftBox .ContentMessage .amountContent
    {
        position :relative ;
        top:0px;
        float :right ;
        
        width :90%;
        min-height:510px;
        text-align :justify  ;
        direction :rtl;
        line-height:30px;
        font-family :iranyekanwebmediumfanum,arial;
        font-size:10pt;
        color:#000;
        
        
    }
    
    .MainPage_whiteAboutUs
    {
        position:relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :700px;
        display :inline-block ;
        text-align :center ;
        background :none;
    }
    
    .MainPage_whiteAboutUs .Container_whiteAboutUs
    {
        position:relative ;
        top:0px;
        display :inline-block ;
        width :80%;
        min-height :700px;
    }
    
    .MainPage_whiteAboutUs .Container_whiteAboutUs .whiteSpace
    {
        position :relative ;
        top:0px;
        float :right ;
        right:0px;
        width :100%;
        min-height :76px;
    }
    
    .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox
    {
        position :relative ;
        top:0px;
        float :right ;
        text-align :right ;
        width :100%;
        min-height :74px;
        line-height :74px;
        font-size :13pt;
        color:#fff;
        direction:rtl;
        font-family :iranyekanwebmediumfanum,arial;
        
        
    }
    
    .MainPage_whiteAboutUs .Container_whiteAboutUs .titleBox i
    {
       
        font-size :28pt;
        color:#fff;
        margin-left :10px;
        vertical-align :middle ;

    }
    
    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width:50%;
        min-height :190px;
    }
    
    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox
    {
        position :relative ;
        top:0px;
        min-height :190px;
        float :right;
        margin :0;
        padding :0;
        width :90%;
    }
    
    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox
    {
        position:relative ;
        top:0px;
        float :right ;
        right:0px;
        min-height:50px;
        line-height :50px;
        width :100%;
        background-image :url(../images/image_AboutUs5.jpg);
        background-position :center center ;
        background-repeat :repeat-x ;
    }
    
    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .titleBox .titleText
    {
        position :relative ;
        float:right ;
        min-height:45px;
        line-height:45px;
        font-size:13pt;
        font-family :iranyekanwebmediumfanum,arial;
        color:#fff;
        text-align :right ;
        direction :rtl;
        background :#06121E;
        min-width :120px;
        vertical-align :middle ;
    }
    
    .MainPage_whiteAboutUs .Container_whiteAboutUs .ContentBox .innerBox .Text
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height:130px;
        line-height :30px;
        text-align :justify  ;
        font-size :10pt;
        font-family :iranyekanwebmediumfanum,arial;
        direction :rtl;
        color:#fff;
    }
    
    .Mainpage_Taghdiname
    {
        position :relative ;
        top:0px;
        left :0px;
        width:100%;
        min-height :600px;
        display :inline-block ;
        text-align :center ;
        background :none;
    }
    
    .Container_Taghdiname
    {
        position:relative ;
        top:0px;
        width :80%;
        min-height :600px;
        display :inline-block ;
        
    }
    
    .Container_Taghdiname .whiteBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :50px;
    }
    .Container_Taghdiname .TitleBox
    {
        position:relative ;
        top:0px;
        width :100%;
        min-height :90px;
        line-height :90px;
        float:right ;
        text-align :center ;
        font-size :16pt;
        font-family :iranyekanwebmediumfanum,arial;
        color:#fff;
    }
    
    .Container_Taghdiname .Box
    {
        position:relative ;
        top:0px;
        width:30%;
        min-height :550px;
        margin-left :55px;
        margin-right :55px;
    }
    
    .Container_Taghdiname .Box .PicBox
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :360px;
        background-repeat:no-repeat ;
        background-size:cover;
    }
    
    .Container_Taghdiname .Box a
    {
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :260px;
        display:block ;
    }
    
    .Container_Taghdiname .Box .BoxText
    {
        position :relative ;
        top:0px;
        float :right;
        width :100%;
        min-height:170px;
        font-size :10pt;
        font-family :iranyekanwebmediumfanum,arial;
        text-align :center ;
        line-height :25px;
        color:#fff;
        text-align :justify ;
        direction :rtl;
        padding-top :30px;
    }
    
    .Mainpage_Mashi
    {
        position :relative ;
        top:0px;
        left :0px;
        width :100%;
        min-height:340px;
        background :none;
        display :inline-block ;
        text-align :center ;
       
    }
    
    .Container_Mashi
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height :340px;
        display :inline-block ;
    }
    
    .Container_Mashi .whiteBox
    {
        position :relative ;
        top:0px;
        float :right ;
        right :0px;
        width :100%;
        min-height :65px;
    }
    
     .Container_Mashi .titleBox
     {
         position :relative ;
         top:0px;
         float :right ;
         right:0px;
         width :100%;
         min-height :40px;
     }
     
     
     
     .Container_Mashi .titleBox .amountText
     {
         position:relative ;
         top:0px;
         float:right ;
         width :100%;
         min-height:40px;
         line-height :40px;
         font-family :iranyekanwebmediumfanum,arial;
         font-size :13pt;
         color :#fff;
         text-align :right  ;
         direction :rtl;
         
     }
     
     .Container_Mashi .titleBox .amountText .Line
     {
         position:relative ;
         margin :0;
         padding :0;
         top:20px;
         float:right ;
         max-width:240px;
         color:#2FBEF2;
         background :#2FBEF2;
         height :2px;
         width:20%;
         border :0;
         margin-left :20px;
     }
     
     .Container_Mashi .contentText
     {
         position:relative ;
         top:0px;
         float :right;
         width :80%;
         min-height:330px;
         text-align :justify ;
         direction :rtl;
         line-height :30px;
         font-family :iranyekanwebmediumfanum,arial;
         font-size :11pt;
         background :none;
     }
    
    .MainPage_Certificates
    {
        position :relative ;
        top:0px;
        left :0px;
        width :100%;
        min-height:800px;
        display :inline-block ;
        text-align :center ;
    }
    
    .MainPage_Certificates .Container_Certificates
    {
        position:relative ;
        top:0px;
        width :80%;
        min-height:800px;
        display :inline-block ;
        padding-top :30px;
    }
    
    .News_MainBox
	{
		position :relative;
		top:0px;
		left:0px;
		width :100%;
		display :inline-block ;
		text-align :center ;
		min-height :600px;
		
	}
	
	.News_Container
	{
		position :relative ;
		top:0px;
		width :80%;
		display :inline-block ;
		min-height :600px;
	}
	
	.news_RightBox
	{
		position:relative ;
		top:0px;
		right:0px;
		float :right;
		width:75%;
		margin :0;
		padding :0;
		min-height :600px;
		display :inline-block ;
		margin-top :0px;

		margin-left :5%;
	}
	
	
	
	.news_RightBox .titleNewsBox
	{
		position :relative ;
		top:0px;
		width :100%;
		float :right;
		right:0px;
		min-height :45px;
		line-height :30px;
		font-family :iranyekanwebmediumfanum,arial;
		font-size:14pt;
		color:#fff;
		direction :rtl;
		text-align :right ;
		padding-top :0px;
		
	}
	.news_RightBox .titleNewsBox a
	{
		direction :rtl;
		text-align :right;
		font-family :iranyekanwebmediumfanum,arial;
		font-size:14pt;
		color:#fff;
		text-decoration :none;
	}
	.news_RightBox .titleNewsBox a:hover
	{
		color:#a20000;
	}
	
	.news_RightBox .DateNewsBox
	{
		position :relative ;
		top:0px;
		float :right ;
		right :0px;
		width :100%;
		min-height:30px;
		line-height :30px;
		text-align :right ;
		font-family:iranyekanwebmediumfanum,arial;
		font-size :10pt;
		color:#a1a1a1;
		direction :rtl;
	}
	
	.news_RightBox .DateNewsBox i
	{
		font-size :16pt;
		margin-left :10px;
		color:#ffffff;
	}
	
	.news_RightBox .picBox
	{
		position :relative ;
		top:0px;
		float :right ;
		right :0px;
		width :100%;
		text-align :right ;
		min-height :450px;
		overflow :hidden ;
         border-radius :15px;
	}
	
	.news_RightBox .picBox img
	{
		position :relative ;
		top:0px;
		right:0px;
		float  :right ;
		max-width:90%;
		max-height :440px;
        
        border-radius :15px;
		
	}
	
	.news_RightBox .SummeryNewsBox
	{
		position :relative ;
		top:0px;
		float :right ;
		right:0px;
		width :100%;
		font-family:iranyekanwebmediumfanum,arial;
		font-size :11pt;
		color:#fff;
		line-height :25px;
		direction:rtl;
		text-align :justify ;
		min-height :100px;
		padding-top :20px;
		padding-bottom :20px;

	}
	
	.news_RightBox .WriterName
	{
		position :relative ;
		top:0px;
		float :right ;
		right:0px;
		width :100%;
		font-family:iranyekanwebmediumfanum,arial;
		font-size :11pt;
		color:#fff;
		direction:rtl;
		text-align :justify ;
		min-height :30px;

	}
	
	.news_RightBox .buttonBox
	{
		position :relative ;
		top:0px;
		float :right ;
		right :0px;
		width :100%;
		text-align :right ;
		min-height :100px;
	}
	
	.news_RightBox .buttonBox input
	{
		position :relative ;
		top:0px;
		float :left  ;
		left  :0px;
		text-align :center ;
		font-size :10pt;
		font-family :iranyekanwebmediumfanum,arial;
		color:#fff;
		cursor :pointer ;
		width :150px;
		min-height :50px;
		background :#2FBEF2;
		border:0px solid #2FBEF2;
		border-radius:0px;
		-webkit-transition:background 0.5s,color 0.5s; /* For Safari 3.1 to 6.0 */
		transition:background 0.5s,color 0.5s;
	}
	.news_RightBox .buttonBox input:hover
	{
		background :#cc0000;
		color:#FFF;
	}
	
	.news_RightBox .lineBox
	{
		position :relative ;
		top:0px;
		right:0px;
		float :right ;
		width :100%;
		min-height:20px;
		line-height :20px;
		border-bottom :1px solid #2FBEF2;
		margin-bottom :30px;
	}
	
	
	
	.news_LeftBox
	{
		position:relative ;
		top:0px;
		right:0px;
		float :right;
		width:20%;
		margin :0;
		padding :0;
		min-height :600px;
		display :inline-block ;
		margin-top :0px;
	}
	
	.news_LeftBox .recentTitle
	{
		position :relative ;
		top:0px;
		right:0px;
		width :100%;
		float :right ;
		min-height:50px;
		line-height :50px;
		font-family :iranyekanwebmediumfanum,arial;
		font-size :12pt;
		color:#000;
		text-align :right ;
	}
	
	.news_LeftBox .recentNewsBox
	{
		position:relative ;
		top:0px;
		right :0px;
		width :100%;
		float :right ;
		margin-bottom :20px;
	}
	
	.news_LeftBox .recentNewsBox .imageBox
	{
		position :relative ;
		top:0px;
		right:0px;
		float :right;
		min-height:140px;
		display :inline-block ;
		text-align :right ;
		width :100%;
	}
	.news_LeftBox .recentNewsBox .imageBox img
	{
		position :relative ;
		top:0px;
		float :right;
		right:0px;
		width:100%;
        border:2px solid #fff;
        border-radius:15px;
	}
	
	.news_LeftBox .recentNewsBox .titleBox
	{
		position:relative ;
		top:0px;
		float :right;
		right:0px;
		width:100%;
		min-height:80px;
		padding-top:10px;
		padding-bottom :10px;
		font-family :iranyekanwebmediumfanum,arial;
		font-size :11pt;
		text-align :right ;
	}
	
	.news_LeftBox .recentNewsBox .titleBox a
	{
		font-family :iranyekanwebmediumfanum,arial;
		font-size :10pt;
		color:#fff;
		text-decoration :none;
		text-align :right ;
		direction :rtl;
	}
	
	.news_LeftBox .recentNewsBox .titleBox a:hover
	{
		color:#cc0000;
	}
	
	.news_PagingBox
	{
		position :relative;
		top:0px;
		float :right ;
		right :0px;
		width :100%;
		display :inline-block ;
		text-align :right;
		min-height :60px;
		line-height :60px;
	}
	
	.news_PagingBox ul
	{
		position :relative ;
		top:0px;
		float :right ;
		direction :rtl;
		right :0px;
		display :inline-block ;
		list-style-type :none;
	}
	
	.news_PagingBox ul li
	{
		display :inline-block ;
		width :30px;
		
	}
	
	.news_PagingBox ul li a
	{
		font-family :iranyekanwebmediumfanum,arial;
		font-size :12pt;
		color:#000;
		display:block ;
		padding :5px;
		text-decoration :none;
	}
	.news_PagingBox ul li a:hover
	{
		color:#26ACDE;
	}
	
	.news_PagingBox ul li a.active
	{
		color:#26ACDE;
	}
	
	.news_PagingBox ul li i
	{
		font-size :18pt;
		
	}
    
    .chart_MainPage
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height:900px;
        display :inline-block ;
        text-align :center ;
    }
    
    .chart_MainPage .chart_Container
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height:900px;
        display :inline-block ;
        overflow:auto ;
    }
    
    .chart_MainPage .chart_Container iframe
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height:900px;
    }
    
    
    .mainpageBox_Link
	{
		position :relative ;
		top:0px;
		left:0px;
		width :100%;
		display:inline-block ;
		text-align :center ;
		min-height :600px;
	}
	.Container_Link
	{
		position :relative ;
		top:0px;
		width :80%;
		min-height :600px;
		display :inline-block ;
		margin-top :50px;
			
	}
	
	
	.box_Link
	{
		position :relative ;
		margin-left :auto ;
		margin-right:auto ;
		top:0px;
		display:inline-block ;
		width:22%;
		margin :5px;
		min-height :280px;
		cursor :pointer ;
		overflow :hidden ;
		border:1px solid #c1c1c1;
	}
	
	.box_Link .maskBoxLink
	{
		position :absolute ;
		top:0px;
		left:0px;
		width:100%;
		height :0%;
		display:inline-block ;
		background :rgb(0,0,0);
		background:rgba(0,0,0,0.7);
		z-index :1;
		-webkit-transition:height 0.5s; /* For Safari 3.1 to 6.0 */
		transition:height 0.5s;
		text-align :center ;
		font-family :yakan,arial;
		font-size :12pt;
		color:#fff;
	}
	
	.box_Link:hover .maskBoxLink
	{
		height :100%;
	}
	
	.box_Link .maskBoxLink p
	{
		position :absolute ;
		font-family :iranyekanwebmediumfanum,arial;
		font-size :12pt;
		color :#fff;
		text-align :center ;
		min-height:40px;
		line-height :40px;
		top :-100px;
		width :100%;
		-webkit-transition:top 0.9s; /* For Safari 3.1 to 6.0 */
		transition:top 0.9s;
		z-index :-10000;
	}
	.box_Link:hover .maskBoxLink p
	{
		top :40%;
		z-index :1;
	}
	
	.GalleryMainBox
	{
		position :relative;
		top:0px;
		left :0px;
		width :100%;
		min-height :600px;
		display :inline-block ;
		text-align :center ;

	}
	
	.GalleryContainer
	{
		position :relative ;
		top:0px;
		width :80%;
		min-height :600px;
		display :inline-block ;
		padding-bottom :30px;
		margin-bottom :150px;
	}
	.GalleryContainer .headerBoxGallery
	{
		position :relative ;
		top:0px;
		left:0px;
		width:100%;
		min-height :50px;
		line-height :50px;
		font-family :iranyekanwebmediumfanum,arial;
		font-size :28pt;
		color:#000;
		text-align :center ;
	}
	.GalleryContainer .GalleryBox
	{
		position:relative ;
		top:100px;
		float :left;
		left :0px;
		margin :0;
		padding :0;
		width :48%;
		min-height:350px;
		margin :1%;
		
	}
	
	.GalleryContainer .GalleryBox_view
	{
	    top :0px;
        opacity: 1;
        filter: alpha(opacity=100);
	}
	
	
	.GalleryBox .maskBoxGallery
	{
		position :absolute ;
		top:0px;
		left:0px;
		width :100%;
		height :100%;
		display :inline-block  ;
		background :rgb(0,0,0);
		background :rgba(0,0,0,0);
		cursor :pointer ;
		text-decoration :none;
		-webkit-transition:background 1s; /* For Safari 3.1 to 6.0 */
        transition:background 1s;
	}
	.GalleryBox:hover .maskBoxGallery
	{
		background :rgba(0,0,0,.5);
	}
	.GalleryBox .maskBoxGallery:before
	{
		content: "\f00e";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #fff;
		font-size: 50px;
		padding-right: 0.5em;
		position: absolute;
		width :100%;
		height :100%;
		top:0px;
		left :0px;
		padding-top:20%;
		visibility :hidden ;
		-webkit-transition:visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition:visibility 1.2s;	
	}
	.GalleryBox:hover .maskBoxGallery:before
	{
		visibility :visible  ;
	}
	
	
	
	
	.GalleryBox .maskBoxGallery1
	{
		position :absolute ;
		top:0px;
		left:0px;
		width :100%;
		height :100%;
		display :inline-block  ;
		background :rgb(38,173,221);
		background :rgba(38,173,221,0);
		cursor :pointer ;
		text-decoration :none;
		-webkit-transition:background 1s; /* For Safari 3.1 to 6.0 */
        transition:background 1s;
	}
	.GalleryBox:hover .maskBoxGallery1
	{
		background :rgba(38,173,221,.6);
	}
	.GalleryBox .maskBoxGallery1:before
	{
		content: "\f144";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #fff;
		font-size: 50px;
		padding-right: 0.5em;
		position: absolute;
		width :100%;
		height :100%;
		top:0px;
		left :0px;
		padding-top:20%;
		visibility :hidden ;
		-webkit-transition:visibility 1.2s; /* For Safari 3.1 to 6.0 */
        transition:visibility 1.2s;	
	}
	.GalleryBox:hover .maskBoxGallery1:before
	{
		visibility :visible  ;
	}
	
	
	
	.LawPage_MainPage
	{
	    position :relative ;
	    top:0px;
	    left:0px;
	    width :100%;
	    display :inline-block ;
	    text-align :center ;
	    min-height :800px;
	}
	
	.LawPage_MainPage .LawPage_Container
	{
	    position :relative ;
	    top:0px;
	    width :80%;
	    display :inline-block ;
	    min-height :800px;
	}
	
	.LawPage_MainPage .LawPage_Container .TitleBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :100%;
	    text-align :right ;
	    min-height :80px;
	    line-height :80px;
	    font-size :14pt;
	    font-family :iranyekanwebmediumfanum,arial;
	    direction :rtl;
	    color:#fff;
        font-weight :900;
	}
	
	.LawPage_MainPage .LawPage_Container .ContentBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :100%;
	    text-align :justify  ;
	    min-height :60px;
	    line-height :35px;
	    font-size :12pt;
	    font-family :iranyekanwebmediumfanum,arial;
	    direction :rtl;
        color:#fff;
	}
	
	.LawPage_MainPage .LawPage_Container .WhiteBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :100%;
	    text-align :right ;
	    min-height :40px;
	    line-height :40px;
	    font-size :14pt;
	    font-family :iranyekanwebmediumfanum,arial;
	    direction :rtl;
	}
	
	.Contact_MainpageBox
	{
		position :relative ;
		top:0px;
		left:0px;
		width :100%;
		min-height :400px;
		display  :inline-block ;
		text-align :center ;
		
	}
	.Contact_ContainerMainPage
	{
		position :relative ;
		top:0px;
		width :80%;
		min-height :300px;
		display  :inline-block ;
        margin-bottom :50px;
        margin-top :10px;
	}

    .Contact_ContainerMainPage .contact_Titr{
        position :relative ;
        top:0px;
        float :right ;
        width :100%;
        min-height :80px;
        line-height :80px;
        font-size:16pt;
        font-family :iranyekanwebmediumfanum;
        direction :rtl;
        text-align :right ;
        color:#cc0000;
        font-weight :900;
    }



	.Contact_ContainerMainPage iframe
	{
	    position:relative ;
	    top:0px;
	    left:0px;
	    width :100%;
	    min-height :650px;
	    margin-top :50px;
	    margin-bottom :10px;
	}
	.contact_Header
	{
		position :relative ;
		top:0px;
		right :0px;
		float :right ;
		text-align :center  ;
		font-size:18pt;
		font-family :iranyekanwebmediumfanum,arial;
		color:#fff;
		margin-top :60px;
		min-height:80px;
		line-height :80px;
		width :100%;
	}
	
	.contact_Text
	{
		position :relative ;
		top:0px;
		right :0px;
		float :right ;
		text-align :right  ;
		font-size:12pt;
		font-family :iranyekanwebmediumfanum,arial;
		color:#fff;
		min-height:60px;
		line-height :30px;
		width :35%;
		margin-bottom :0px;
		direction:rtl;
        padding-left :50px;
	}
	
	.contact_AddressBox
	{
		position :relative ;
		top:0px;
		right :0px;
		float :right;
		width:100%;
		min-height :180px;
		line-height :180px;
	}
	
	.contact_Box
	{
		position :relative ;
		top:0px;
		right :-20%;
		float :right ;
		width :33.3%;
		margin :0;
		padding :0;
		min-height :180px;

	}
	
	.contact_Box_view
	{
	    right :0px;
        opacity: 1;
        filter: alpha(opacity=100);
	}
	
	.contact_Box .logo_ContactBox
	{
		position :relative ;
		top:0px;
		float :none ;
		margin-left :auto ;
		margin-right :auto ;
		width:100%;
		min-height :60px;
		display :inline-block ;

		
	}
	
	.contact_Box .Content_ContactBox
	{
		position :relative ;
		top:0px;
		right :0px;
		float :right ;
		width:100%;
		min-height :180px;
		margin :0;
		padding :0;
	}
	 .ContactMap_Container
    {
        position:relative ;
        top:0px;
        width :80%;
        display :inline-block ;
        text-align :center ;
        min-height :700px;
        
    }
    
    .Contact_ContainerMainPage .BoxFrame
    {
        position:relative ;
        top:0px;
        float :right ;
        right :0px;
        margin :0;
        padding :0;
        min-height :1000px;
        width :65%;
        
     
    }
    
   .Contact_ContainerMainPage .frameContact
    {
        position :absolute  ;
        top:0px;
        left:0px;
        width :100%;
        min-height :800px;
        display :block ;
        background :#0B1A2A;
        border-radius :15px;
        padding :20px;
        margin-top :0px;
        margin-bottom :50px;
    }  
    
    #map
    {
        position :relative ;
        top:5px;
        left:0px;
        width :100%;
        min-height :600px;
        display :block ;
        
    }  
    
    

      .ContactMap_Container iframe
    {
        position :relative ;
        top:0px;
        left:0px;
        width :80%;
        min-height :700px;
        display :block ;
        border-radius :15px;
        padding :20px;
    }  
    
    .showService_MainPage
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :400px;
        display :inline-block ;
        text-align :center ;
    }
    
    .showService_Container
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height :400px;
        display :inline-block ;
    }
    
    .showService_Container .whiteBox
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :100px;
    }
    
    .showService_Container .rightBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :50%;
        margin :0;
        padding :0;
        min-height :400px;
    }
    
    .showService_Container .rightBox .titleBox
    {
        position:relative ;
        top:0px;
        float :right ;
        right :0px;
        width :95%;
        min-height :80px;
        line-height :80px;
        text-align :right ; 
        font-family :iranyekanwebmediumfanum,arial;
        font-size :14pt;
        color:#2FBEF2;
        direction :rtl;
    }
    
    .showService_Container .rightBox .contentBox
    {
        position:relative ;
        top:0px;
        float :right ;
        right :0px;
        width :95%;
        min-height :400px;
        line-height :30px;
        direction :rtl;
        text-align :justify  ; 
        font-family :iranyekanwebmediumfanum,arial;
        font-size :11pt;
        color:#000;
    }
    
    
    .showService_Container .leftBox
    {
        position:relative ;
        top:0px;
        float :right ;
        width :50%;
        margin :0;
        padding :0;
        min-height :400px;
    }
    
    .showService_Container .leftBox iframe
    {
        position:relative ;
        top:0px;
        float :right ;
        right :0px;
        width :100%;
        min-height:400px;
    }
    
    .siteMap_MainPage
    {
        position :relative ;
        top:0px;
        left:0px;
        width :100%;
        min-height :600px;
        display :inline-block ;
        text-align :center ;
    }
    
    .siteMap_Container
    {
        position :relative ;
        top:0px;
        width :80%;
        min-height :600px;
        display :inline-block ;
    }
    
    .siteMap_Container .whiteBox
    {
        position :relative ;
        top:0px;
        float:right ;
        right :0px;
        width :100%;
        min-height :80px;
    }
    
    .siteMap_Container .BoxMap
    {
        position:relative ;
        top:0px;
        float :right;
        width :23%;
        min-height :300px;
    }
    
     .siteMap_Container .BoxMap .headBox
     {
         position :relative ;
         top:0px;
         float :right ;
         width :100%;
         min-height :40px;
         line-height :40px;
         font-size :14pt;
         font-family :iranyekanwebmediumfanum,arial;
         text-align :right ;
         direction :rtl;
         font-weight :700;
     }
     
     
     .siteMap_Container .BoxMap .headBox a
     {
     	font-size:14pt;
     	text-decoration :none;
     	color:#000;
     }
     
     .siteMap_Container .BoxMap .itemBox
     {
         position :relative ;
         top:0px;
         float :right ;
         width :100%;
         min-height :40px;
         line-height :40px;
         font-size :11pt;
         font-family :iranyekanwebmediumfanum,arial;
         text-align :right ;
         direction :rtl;
         border-right :4px solid #2FBEF2;         
     }
     
     
     
     .siteMap_Container .BoxMap .itemBox a
     {
         position :relative ;
         top:0px;
         float :right ;
         width :90%;
         height :100%;
         display :block ;
         text-decoration :none;
         text-align :right ;
          font-size :11pt;
         font-family :iranyekanwebmediumfanum,arial;
         padding-right :10%;
         color :#000;
     }
     
     .siteMap_Container .BoxMap .itemBox a:hover
     {
         color:#2FBEF2;
     }
     
     .siteMap_Container .BoxMap .itemBoxUnder
     {
         position :relative ;
         top:0px;
         float :left ;
         width :90%;
         min-height :40px;
         line-height :40px;
         font-size :11pt;
         font-family :iranyekanwebmediumfanum,arial;
         text-align :right ;
         direction :rtl;
         border-right :4px solid #2FBEF2;  
         
     }
     
     .siteMap_Container .BoxMap .itemBoxUnder a
     {
         position :relative ;
         top:0px;
         float :right ;
         width :80%;
         height :100%;
         display :block ;
         text-decoration :none;
         text-align :right ;
          font-size :11pt;
         font-family :iranyekanwebmediumfanum,arial;
         padding-right :10%;
         color :#000;
     }
     
     .siteMap_Container .BoxMapUnder .itemBox a:hover
     {
         color:#2FBEF2;
     }
     
     .SearchView_MaonBox
	{
		position:relative ;
		top:0px;
		left:0px;
		width :100%;
		min-height :600px;
		display :inline-block ;
		text-align :center ;
		
	}
	
	.SearchView_Container
	{
		position :relative ;
		top:0px;
		width :80%;
		display :inline-block ;
		min-height :600;
	}
	
	.SearchView_Container iframe
	{
		position :relative ;
		top:0px;
		left:0px;
		width :100%;
		min-height :600px;
	}
	
	.MenuScroll_MainPage
	{
	    position :relative ;
	    top:0px;
	    left:0px;
	    width :100%;
	    min-height:130px;
	    display :inline-block ;
	    text-align :center ;
	}
	
	.MenuScroll_Container
	{
	    position :relative ;
	    top:0px;
	    width :80%;
	    display :inline-block ;
	    min-height:130px;
	    
	}
	
	.MenuScroll_Container .boxMenu
	{
	    position:relative ;
	    top:0px;
	    min-height:100px;
	    width:140px;
	    cursor :pointer ;
	}
	
	
	
	.MenuScroll_Container .boxMenu .LogoPicBox
	{
	    position :relative ;
	    top:0px;
	    left :0px;
	    width :100%;
	    min-height :80px;
	    line-height :80px;
	}
	

	.MenuScroll_Container .boxMenu .LogoPicBox  img
	{
	    position :relative ;
	    float :none;
	    margin-left :auto;
	    margin-right :auto ;
	    margin-top :30px;
	    max-width:86px;
	}
	
	.MenuScroll_Container .boxMenu .titleBox
	{
	    position:relative ;
	    top:0px;
	    left:0px;
	    width :100%;
	    min-height:44px;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size :12pt;
	    color:#000;
	}
	
	.MenuScroll_Container .boxMenu:hover .titleBox
	{
	    color:#2FBEF2;
	}
	
	.khadamatMainpage
	{
	    position :relative ;
	    top:0px;
	    left:0px;
	    width :100%;
	    min-height :120px;
	    display :inline-block ;
	    text-align :center ;
	    background :#F8FAFC;
	    box-shadow:1px 1px 2px gray;
	}
	
	.khadamatContainer
	{
	    position :relative ;
	    top:0px;
	    display :inline-block ;
	    min-height :120px;
	    width :100%;

	}
	
.loginBox_hrhs
{
	position :relative ;
	top:0px;
	left:0px;
	width :100%;
	min-height :362px;
	display :inline-block ;
	text-align :center ;
}


.loginBox_hrhs .container
{
	position :relative ;
	top:0px;
	width :80%;
	min-height:232px;
	margin-top :65px;
	border-radius:10px;
	background :rba(248,250,252);
	background :rgba(248,250,252,1);
	text-align :center ;
	display :inline-block ;
}

.loginBox_hrhs .container .innerBox
{
	position:relative ;
	top:0px;
	width:80%;
	min-height :160px;
	display :inline-block ;
	margin-top :36px;
}

.loginBox_hrhs .container .innerBox .contentBox
{
	position:relative ;
	top:0px;
	float :right ;
	right :0px;
	width :50%;
	min-height:160px;
	text-align :right ;
}

.loginBox_hrhs .container .innerBox .contentBox .textBox
{
	position:relative ;
	top:0px;
	float :right ;
	right :0px;
	min-height:42px;
	width :100%;
	border-radius:5px;
	background :#fff;
	
	margin :0;
	padding :0;
	margin-bottom :10px;
}

.loginBox_hrhs .container .innerBox .contentBox .textBox .caption
{
	position :relative ;
	top:0px;
	right :0px;
	float:right ;
	width :30%;
	text-align :center ;
	min-height:42px;
	line-height :42px;
	margin :0;
	padding :0;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background :#2FBEF2;
	font-size:12pt;
	color:#fff;
	font-family :iranyekanwebmediumfanum;
	font-weight :300;
}

.loginBox_hrhs .container .innerBox .contentBox .textBox .styleText
{
	position:relative ;
	top:0px;
	float :right ;
	right :0px;
	width:60%;
	padding :0;
	padding-right :5%;
	min-height:42px;
	line-height :42px;
	font-size:12pt;
	color:#222;
	font-family :iranyekanwebmediumfanum;
	background :#fff;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border:0;
	direction :rtl;
	text-align :right ;
	
}

.loginBox_hrhs .container .innerBox .contentBox .buttonBox
{
	position :relative ;
	top:0px;
	float :right ;
	right :0px;
	width :100%;
	min-height:46px;
	margin-top :20px;
	line-height :46px;
}

.loginBox_hrhs .container .innerBox .contentBox .buttonBox .button
{
	position :relative ;
	float:left ;
	left :0px;
	width:40%;
	max-width :124px;
	height:45px;
	line-height :45px;
	text-align :center ;
	border:0;
	font-family :iranyekanwebmediumfanum;
	font-size :11pt;
	color:#fff;
	background :#2FBEF2;
	border-radius:10px;
	cursor:pointer ;
	direction:rtl;
}

.loginBox_hrhs .container .innerBox .contentBox .buttonBox .button:hover
{
	background :#964B00;
}

.counter_hrhs_Mainpage
{
	position :relative;
	top:0px;
	left:0px;
	width :100%;
	min-height:200px;
	line-height :200px;
	display:inline-block ;
	text-align :center ;
	background :none;
}

.counter_hrhs_Mainpage .container
{
	position:relative ;
	top:0px;
	width :80%;
	min-height :140px;
	display :inline-block ;
	margin :0;
	padding :0;
	margin-top :60px;
	
}

.counter_hrhs_Mainpage .container .boxAmar
{
	position :relative ;
	top:0px;
	float :right ;
	right :0px;
	width :25%;
	min-height:200px;
	line-height :200px;
	
}


.counter_hrhs_Mainpage .container .boxAmar .headerAmar
{
	position:relative ;
	top:0px;
	float:right ;
	text-align :center ;
	min-height:70px;
	line-height :70px;
	font-size :22pt;
	color:#fff;
	font-family :byekan;
	width :100%;
	font-weight :800;
	
}


.counter_hrhs_Mainpage .container .boxAmar .BodyAmar
{
	position:relative ;
	top:0px;
	float:right ;
	text-align :center ;
	min-height:50px;
	line-height :50px;
	font-size :16pt;
	color:#fff;
	font-family :iranyekanwebmediumfanum;
	width :100%;
}

.map_hrhs_Mainpage
{
	position :relative ;
	top:0px;
	left:0px;
	width :100%;
	min-height :722px;
	display :inline-block ;
	text-align :center ;
	background :#fff;
}

}
/*end Page */
    input:focus{
        outline:none;
        }
        button:focus{
        outline:none;
        }
         button:click{
        outline:none;
        }
		textarea:click{
        outline:none;
        }
         textarea:focus{
        outline:none;
        }
          select:focus{
        outline:none;
        }
        select:click{
        outline:none;
        }
        a:focus{
        outline:none;
        }
         a:click{
        outline:none;
        }
        a {
		outline: 0;
		}
        a:hover, a:active, a:focus {
		outline: 0;
		}
		input::-moz-focus-inner { 
		border: 0; 
		}
		a, a:active, a:focus {
		outline: none;
		}
		a {
		outline:none !important;
		}     
		
	.IframeLogin_MainPage
	{
	    position :relative ;
	    top:0px;
	    left:0px;
	    width :100%;
	    min-height:200px;
	    display :inline-block ;
	}
	
	.IframeLogin_MainPage .AlertBox
	{
	    position :relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    min-height :50px;
	    line-height :50px;
	    font-size :12pt;
	    font-family :iranyekanwebmediumfanum,arial;
	    text-align :right ;
	    color:#2FBEF2;
	}
	
	.IframeLogin_MainPage .AlertBox span
	{
	    font-size :12pt;
	    font-family :iranyekanwebmediumfanum,arial;
	    text-align :right ;
	    color:#2FBEF2;
	}
	
	.IframeLogin_MainPage .uidBox
	{
	    position :relative ;
	    top:0px;
	    float:right ;
	    width :100%;
	    min-height :50px;
	    line-height :50px;
	}
	
	.IframeLogin_MainPage .uidBox .CaptionBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size :10pt;
	    color:#fff;
	    text-align :right ;
	    min-height :50px;
	    line-height :50px;
	    direction :rtl;
	    width :25%;
	}
	
	.IframeLogin_MainPage .uidBox .TextBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    text-align :right ;
	    min-height :50px;
	    line-height :50px;
	    width :60%;
	    border :0;
	}
	
	.IframeLogin_MainPage .uidBox .TextBox .style_TextBox
	{
	    position :relative ;
	    float:right ;
	    border-width:0px;
	    border-style :solid ;
	    background :#fff;
	    padding :5px 5px 5px 5px;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size :11pt;
	    text-align :center ;
	    direction :rtl;
	}
	
	.IframeLogin_MainPage .uidBox .TextBox .btn_Style
	{
	    position :relative ;
	    float :none ;
	    width :50%;
	    min-height :35px;
	    line-height :35px;
	    background :#2FBEF2;
	    color:#fff;
	    cursor :pointer ;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size :10pt;
	    border-style :solid ;
	    border-width:0;
	    max-width:100px;
	    display :inline-block ;
	    margin-left :auto ;
	    margin-right :auto ;
	}
	
	.IframeLogin_MainPage .uidBox .TextBox .btn_Style:hover
	{
	    background :none;
	    border :1px solid #2FBEF2;
	    color:#2FBEF2;
	    
	}
	
	.contactForm_MainPage
	{
	    position :relative ;
	    top:0px;
	    left:0px;
	    width :100%;
	    min-height :420px;
	}
	
	.contactForm_MainPage .captionBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :100%;
	    min-height :30px;
	    line-height :30px;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size :11pt;
	    color:#000;
	    direction :rtl;
	}
	
	.contactForm_MainPage .ContentTextBox
	{
	    position :relative ;
	    top:0px;
	    float :right ;
	    width :90%;
	    min-height :40px;
	    line-height :40px;
	}
	
	.contactForm_MainPage .ContentTextBox input
	{
	    position:relative ;
	    top:0px;
	    float :right ;
	    width :100%;
	    padding :5px 5px 5px 5px;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size:11pt;
	    border:1px solid #DBE0E6;
	    border-right :2px solid #2FBEF2;
	    direction :rtl;
	    text-align :right ;
	    background :#fff;
	}
	
	.contactForm_MainPage .ContentTextBox textarea
	{
	    position:relative ;
	    top:0px;
	    float :right ;
	    width :100%;
	    padding :5px 5px 5px 5px;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size:11pt;
	    border:1px solid #DBE0E6;
	    border-right :2px solid #2FBEF2;
	    direction :rtl;
	    text-align :right ;
	    min-height :40px;
	    background :#fff;
	    resize:none;
	}
	
	.contactForm_MainPage .ContentTextBox .ButtonStyle
	{
	    position:relative ;
	    top:0px;
	    max-width:120px;
	    float :left  ;
	    left :0px;
	    padding :5px 15px 5px 15px;
	    font-family :iranyekanwebmediumfanum,arial;
	    font-size:11pt;
	    border:0;
	    direction :rtl;
	    text-align :center  ;
	    background :#2FBEF2;
	    cursor :pointer ;
	    color:#fff;
	    margin-left :-15px;
	}
	
	.contactForm_MainPage .ContentTextBox .ButtonStyle:hover
	{
	    background :#cc0000;
	}
	
	 .scrollToTop
        {
            cursor: pointer;
            position: fixed;
            bottom: 0px;
            right: 20px;
			background :#2FBEF2;
            width :60px;
            height :60px;
            text-align :center ;
            border-radius:180px;
            background-image :url(../images/backTopButton.png);
            background-repeat :no-repeat ;
            background-position :0px 0px;
            z-index :1000;
            -webkit-transition:background-position 1s,background-color 1s; /* For Safari 3.1 to 6.0 */
            transition:background-position 1s,background-color 1s;
        }
        .scrollToTop:hover
        {
        	background-position :0px  -50px;
        	background-color:#006CF4;
        }
        
.autocomplete_completionListElement
{
	background-color:#00AEEF;
	color:#fff;
	border:buttonshadow;
	border-width:0;
	border-style:solid;
	height:160px;
	width :165px;
	cursor:default;
	overflow:auto;
	font-family:iranyekanwebmediumfanum,arial;
	font-size:11pt;
	text-align:right;
	list-style-type:none;
	direction:rtl;
	position:relative;
	z-index:1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111;
	margin-top :48px;
	margin-left :-20px;
	}
	
	.autocomplete_completionListElement ul li
	{
		margin :0;
		padding :0;
	}
	.autocomplete_highlightedListItem
	{
		background-color:#006CF4;
		color:#fff;
		padding:0px;
		cursor:pointer;
		z-index:100000000000000000000000000000000000000000000000000000000000000000000000000;
		padding-right :10px;
		
		}
		.autocomplete_listItem
		{
			background-color:#2FBEF2;
			color:#fff;
			padding:0px;
			z-index:1000000000000000000000000000000000000000000000000000000000000000000000000000000;
			padding-right :10px;
			}
			
			#btnInput_toPanel
			{
				background :#2FBEF2;
			}
			
			#btnInput_toPanel:hover
			{
				background :#00AEEF;
			}