@font-face {
    font-family: 'IRANSansWeb';
    font-style: Bold;
    font-weight: 40;
    src: url(../fonts/IRANSansWebFN.eot);
    src: url(../fonts/IRANSansWebFN.eot?#iefix) format('embedded-opentype'), url(../fonts/IRANSansWebFN.woff) format('woff'), url(../fonts/IRANSansWebFN.ttf) format('truetype');
}

body, span, input, button, .iran, .iran:after {
    background: white;
    font-family: IRANSansWeb, roboto, Arial !important;
    direction: rtl;
}

body {
    background-image: url("../Images/background.png");
    background-repeat: cover;
    background-size: auto;
}

.tozihat {
    color: white;
    -ms-opacity: 0.9;
    opacity: 0.9;
    text-align: justify;
    border-radius: 5%;
    padding: 40px !important;
    background-color: rgb(5,0,83);
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    color: white;
    -ms-opacity: 0.9;
    opacity: 0.9;
    font-size: 4.5vw;
    text-align: justify;
}

.matn {
    font-family: 'IRANSansWeb';
    font-size: 3.5vw;
    font-style: Bold;
    font-weight: 800;
    margin-bottom: 10px;
}

.logow {
    width: 100%;
    text-align: center;
    display: block;
    position: fixed;
    bottom: 30px;
}

    .logow img {
        left: 50%;
        right: 50%;
    }

.midwrapper {
    height: 65vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content {
    width: 99%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

green {
    color: green;
}



#coverAll {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1000;
    background-color: #eeeeee;
    color: darkgray;
    font-size: 1.5em;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#innerC.innerHide {
    display: none;
}

#innerC.innerShow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.spanTitle {
    font-size: 5.3vw !important;
    font-style: Bold;
    font-weight: 870;
    background: transparent;
    color: rgb(5,0,83);
}

.divTitle {
    text-align: center;
    margin-top: 20px;
}

.refA {
    text-decoration: none;
    border-bottom: 1px dashed;
    color: black;
}

.matnGheymatGir {
    text-align: center;
    margin-top: 10px;
    font-size: 4.5vw;
}

    .matnGheymatGir span {
        margin-top: 5px;
        font-size: 7.1vw !important;
        font-style: Bold;
        font-weight: 870;
        background: transparent;
        color: rgb(5,0,83);
    }

.p5rl {
    padding-right: 5px;
    padding-left: 5px;
}

.f4 {
    font-size: 4vw;
}

.m30 {
    max-height: 30px;
    max-width: 30px;
}

.p5rl video {
    width: 100%;
}