@font-face {
    font-family: 'iran-sans';
    src: url(../fonts/IRANSansWeb.eot);
    src: url(../fonts/IRANSansWeb.woff);
    src: url(../fonts/IRANSansWeb.woff2);
    src: url(../fonts/IRANSansWeb.ttf);
    font-display: block;
}

/*@font-face {
    font-family: 'iran-sans-light';
    src: url(../fonts/IRANSansWeb_Light.eot);
    src: url(../fonts/IRANSansWeb_Light.woff);
    src: url(../fonts/IRANSansWeb_Light.woff2);
    src: url(../fonts/IRANSansWeb_Light.ttf);
    font-display: block;
}

@font-face {
    font-family: 'iran-sans-bold';
    src: url(../fonts/IRANSansWeb_Medium.eot);
    src: url(../fonts/IRANSansWeb_Medium.woff);
    src: url(../fonts/IRANSansWeb_Medium.woff2);
    src: url(../fonts/IRANSansWeb_Medium.ttf);
    font-display: block;
}*/

/************General Style************/
html {
    direction: rtl;
    position: relative;
    min-height: 100%;
    font-family: 'iran-sans', sans-serif;
}

body {
    overflow-x: hidden;
    font-family: 'iran-sans', sans-serif;
    font-size: 14px;
    background: #fff;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.form-control {
    font-size: .8rem;
    line-height: 24px;
    padding-left: 15px;
}

.body {
    font-family: 'iran-sans', serif;
}

@keyframes logo-animator {

}

.logo {
    animation: logo-animator 4s infinite;

}

#logo {
    width: 90%;
    margin: 0 auto;
}

.fixed-logo {
    position: sticky;
    position: -webkit-sticky;
    left: 50%;
    top: 10px;
    opacity: 0.1;
    z-index: -1;
}

@media screen and (max-width: 768px) {
    .fixed-logo {
        width: 90%;
        position: fixed;
        left: 5vw;
        top: 10vh;
        transform: translateX(-1vw);
    }
}

.ltr {
    direction: ltr;
    text-align: left;
}

.col-form-label {
    font-size: .9em !important;
    width: 100%;
}

.btn-transparent {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 1em;
}

.direction-ltr {
    direction: ltr;
}

.error {
    font-size: 80% !important;;
    color: #dc3545 !important;
}

.help-block {
    font-size: 80%;
    color: #28a745;
}