/* Html */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

html {
    height: 100%;
    margin: 0;
    padding: 0 !important;
    border: none;
    overflow-x: hidden;
    overflow-y: scroll;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Body */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

body {
    position: relative;
    direction: ltr;
    min-height: 100%;
    margin: 0;
    padding: 0 0 80px 0 !important;
    border: none;
    font-family: 'Arial';
    font-size: 13pt;
    text-align: left;
    line-height: 1.5;
    color: black;
    overflow: hidden;
}

/* Loading */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

#Loading {
    position: fixed;
    display: none;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    background-color: white;
    z-index: 10000000000;
}

    #Loading img {
        display: block;
        margin: 200px auto 0px auto;
        padding: 0px 0px 30px 0px;
        border: none;
        background-color: white;
        background-image: url(../Images/Loading/Loading.gif);
        background-position: bottom center;
        background-repeat: no-repeat;
        z-index: 10000000000;
    }


/* Scroll Upper */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */
#ScrollUpper {
    position: absolute;
    display: block;
    right: 70px;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: none;
    background-color: gray;
    background-image: url(/App_Contents/Images/Shared/ScrollUpper.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1000000000;
    opacity: 0;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0 0 5px black;
    -webkit-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
}

    #ScrollUpper:hover {
        background-color: #14317a;
    }


/* Content */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

main {
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    border: none;
    background-color: transparent;
    vertical-align: top;
}

    main > div {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 0;
        border: none;
        vertical-align: top;
        cursor: default;
    }

        main > div table td {
            vertical-align: top !important;
        }


/* Header */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */

header {
    display: block;
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 0;
    border: none;
    background-color: white;
}

    header > div {
        position: relative;
        display: block;
        width: 990px;
        height: 120px;
        margin: 0 auto 0 auto;
        padding: 0;
        border: none;
        background-color: transparent;
        background-image: url(/App_Contents/Images/Shared/Logo.png);
        background-position: left center;
        background-repeat: no-repeat;
        cursor: default;
    }

        header > div > span {
            position: absolute;
            display: block;
            margin: 0;
            padding: 0;
            border: none;
            background-color: transparent;
            background-position: center left;
            background-repeat: no-repeat;
            font-family: Arial;
            color: black;
        }


            header > div > span.Title {
                top: 25px;
                left: 120px;
                font-size: 21pt;
            }

            header > div > span.Subtitle {
                top: 65px;
                left: 120px;
            }

            header > div > span.Date {
                top: 30px;
                right: 0;
                padding-left: 30px;
                background-image: url(/App_Contents/Images/Shared/Calendar.png);
            }

        header > div > input[type=button] {
            position: absolute;
            top: 70px;
            width: 25px;
            height: 25px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            border: none;
            background-color: Transparent;
            background-repeat: no-repeat;
            background-size : 100% 100%;
            vertical-align: middle;
            font-size: 0pt;
            cursor: pointer;
        }

        header > div > input.FlagFA {
            right: 0;
            background-image: url(/App_Contents/Images/Shared/Flag_fa-IR.png);
        }

        header > div > input.FlagEN {
            right: 40px;
            background-image: url(/App_Contents/Images/Shared/Flag_en-US.png);
        }



/* Navigation Menu */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */
nav {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: white;
    z-index: 10000000000000;
    font-size: 0;
}

    nav > ul {
        display: block;
        width: 990px;
        height: 50px;
        margin: 0 auto 0 auto;
        padding: 0 0 0 0;
        border: none;
        background-color: transparent;
        cursor: default;
        color: white;
        
    }


        nav > ul > li {
            position: relative !important;
            display: inline-block;
            width: auto;
            height: 45px;
            margin: 0;
            padding: 0;
            border: none;
            border-bottom: solid 5px transparent;
            background-color: transparent;
            vertical-align : top;
            -moz-transition: linear 0.3s;
            -o-transition: linear 0.3s;
            -webkit-transition: linear 0.3s;
            transition: linear 0.3s;
        }

           

            nav > ul > li:hover {
                border-bottom: solid 5px #ed1c24 !important;
            }

    nav ul li a, nav ul li span {
        display: block;
        margin: 0;
        padding: 9px 5px 9px 5px !important;
        border: none;
        background-color: white;
        background-repeat: no-repeat;
        font-family: arial;
        font-size: 13pt;
        text-align: center;
        text-decoration: none;
        color: black;
        -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
        z-index: 10000000000000;
    }
    

    nav  a {
        cursor: pointer;
    }

    nav  span {
        cursor: default;
    }

    nav > ul > li:hover > ul {
        top: 50px;
        opacity: 1;
        visibility: visible;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    nav > ul > li > ul {
        position: absolute !important;
        display: block;
        width: 200px;
        top: 30px;
        left: 0;
        margin: 0;
        padding: 0;
        border: dotted 1px gray;
        background-color: white;
        opacity: 0;
        visibility: collapse;
        -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        z-index: 10000000000000;
    }


        nav >  ul > li > ul li {
            position: relative;
            
                    -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
        border-bottom : dotted 1px  gray;
        }

        nav > ul > li > ul > li > a {
            padding-right: 30px !important;
            text-align : left;
        }
        nav >  ul > li > ul > li > span {
            background-image: url(/App_Contents/Images/Shared//nav-arrow_ltr.png);
            background-position: right center !important;
            padding-right: 30px !important;
         
            text-align : left;
        }

            nav > ul > li > ul > li  a:hover,
            nav > ul > li > ul > li  span:hover {
                background-color : #ed1c24;
                color : white;
            }

            nav > ul > li > ul > li  span:hover {
                background-image: url(/App_Contents/Images/Shared//nav-arrow-hover_ltr.png);
            }


        nav >  ul > li > ul > li > ul {
            position: absolute !important;
            display: block;
            top: -1px;
            width : 200px;
            left: 80%;
            margin: 0;
            padding: 0;
            border: dotted 1px gray;
            background-color: white;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: ease-in-out 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -o-transition: ease-in-out 0.3s;
            transition: ease-in-out 0.3s;
            z-index: 100000;
                    -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);

        }

        nav >  ul > li > ul > li:hover > ul {
            left: 100%;
            opacity: 1;
            visibility: visible;
                    -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);

        }

      

/* Footer */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */
footer {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    margin: 0;
    padding: 30px 0 30px 0;
    border: none;
    background-color: black;
    cursor: default;
}

    footer > div {
        position: relative;
        display: block;
        width: 990px;
        height: 50px;
        margin: 0 auto 0 auto;
        padding: 0;
        border: none;
        background-color: transparent;
    }

    footer span {
        display: block;
        margin: 0;
        padding: 0 0 5px 0;
        border: none;
        background-color: transparent;
        color: white;
    }

    footer #Social ul {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        margin: 10px 0 0 0;
        font-size: 0;
    }

        footer #Social ul li {
            display: inline;
            margin-left: 10px;
            font-size: 0;
            float: right;
        }

    footer #Social a {
        display: block;
        width: 32px;
        height: 32px;
        background-size: 100% 100%;
        color: #ed1c24;
    }

/* Box */
/* ZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZzZ */



div.Box span.Box-Title {
    display: block;
    width: 990px;
    height: 35px;
    margin: 0 auto 50px auto;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 23pt;
    color: #ed1c24;
}


div.Box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 70px 0 70px 0;
    border: none;
    vertical-align: top;
    color: black;
}


   

    div.Box > div {
        position: relative;
        display: block;
        width: 990px;
        margin: 0 auto 0 auto;
        padding: 0;
        border: none;
    }


span::-moz-selection {
    background-color: lightgray;
    color: black;
}

}

span::selection {
    background-color: lightgray;
    color: black;
}



p::-moz-selection {
    background-color: lightgray;
    color: black;
}


p::selection {
    background-color: lightgray;
    color: black;
}


a::-moz-selection {
    background-color: lightgray;
    color: black;
}


a::selection {
    background-color: lightgray;
    color: black;
}


a {
    color: #ed1c24;
    text-decoration: none;
}