@font-face {
    font-family: shabnam;
    font-weight: normal;
    font-display: fallback;
    src: url('./fonts/shabnam.eot');
    src: url('./fonts/shabnam.eot?#iefix') format('embedded-opentype'), url('./fonts/Shabnam.woff2') format('woff2'), url('./fonts/Shabnam.woff') format('woff'), url('./fonts/Shabnam.ttf') format('truetype')
}

@font-face {
    font-family: shabnam;
    font-weight: bold;
    font-display: fallback;
    src: url('./fonts/Shabnam-Bold.eot');
    src: url('./fonts/Shabnam-Bold.eot') format('embedded-opentype'), url('./fonts/Shabnam-Bold.woff2') format('woff2'), url('./fonts/Shabnam-Bold.woff') format('woff'), url('./fonts/Shabnam-Bold.ttf') format('truetype')
}

@font-face {
    font-family: shabnam;
    font-weight: 300;
    font-display: fallback;
    src: url('./fonts/Shabnam-Light.eot');
    src: url('./fonts/Shabnam-Light.eot') format('embedded-opentype'), url('./fonts/Shabnam-Light.woff2') format('woff2'), url('./fonts/Shabnam-Light.woff') format('woff'), url('./fonts/Shabnam-Light.ttf') format('truetype')
}


@font-face {
    font-family: iransans;
    font-weight: normal;
    font-display: fallback;
    src: url('./fonts/IRANSansWeb.eot');
    src: url('./fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('./fonts/IRANSansWeb.woff2') format('woff2'), url('./fonts/IRANSansWeb.woff') format('woff'), url('./fonts/IRANSansWeb.ttf') format('truetype')
}

@font-face {
    font-family: iransans;
    font-weight: bold;
    font-display: fallback;
    src: url('./fonts/IRANSansWeb_Bold.eot');
    src: url('./fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/IRANSansWeb_Bold.woff2') format('woff2'), url('./fonts/IRANSansWeb_Bold.woff') format('woff'), url('./fonts/IRANSansWeb_Bold.ttf') format('truetype')
}

@font-face {
    font-family: iransans;
    font-weight: 300;
    font-display: fallback;
    src: url('./fonts/IRANSansWeb_Light.eot');
    src: url('./fonts/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), 
        url('./fonts/IRANSansWeb_Light.woff2') format('woff2'), 
        url('./fonts/IRANSansWeb_Light.woff') format('woff'), 
        url('./fonts/IRANSansWeb_Light.ttf') format('truetype')
}

/*@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('./fonts/glyphicons-halflings-regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: FontAwesome;
    src: url('./fonts/fontawesome-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}*/


.font-shabnam{
    font-family: 'shabnam', 'iransans', sans-serif;
}

.font-iransans{
    font-family: 'iransans', 'shabnam', sans-serif;
}

address {
    font-style: normal;
    line-height: inherit;
}

b, strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
}

pre, code, kbd, samp {
    font-family: 'Open Sans', 'Roboto', 'Lato', "Liberation Mono", "Courier New", monospace;
    font-size: inherit
}


/* font size */

.font-8 {
    font-size: 8px
}

.font-10 {
    font-size: 10px
}

.font-11 {
    font-size: 11px
}

.font-12 {
    font-size: 12px
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

.font-15 {
    font-size: 15px
}

.font-16 {
    font-size: 16px
}

.font-17 {
    font-size: 17px
}

.font-18 {
    font-size: 18px
}

.font-19 {
    font-size: 19px
}

.font-20 {
    font-size: 20px
}

.font-22 {
    font-size: 22px
}

.font-24 {
    font-size: 24px
}

.font-26 {
    font-size: 26px
}

.font-28 {
    font-size: 28px
}

.font-30 {
    font-size: 30px
}

/* font size */

/* font percent */

.font-75p {
    font-size: 75%
}

.font-80p {
    font-size: 80%
}

.font-85p {
    font-size: 85%
}

.font-90p {
    font-size: 90%
}

.font-95p {
    font-size: 95%
}

.font-100p {
    font-size: 100%
}

.font-105p {
    font-size: 105%
}

.font-110p {
    font-size: 110%
}

.font-115p {
    font-size: 115%
}

.font-120p {
    font-size: 120%
}

.font-125p {
    font-size: 125%
}

.font-130p {
    font-size: 130%
}

.font-135p {
    font-size: 135%
}

.font-140p {
    font-size: 140%
}

.font-145p {
    font-size: 145%
}

.font-150p {
    font-size: 150%
}

.font-200p {
    font-size: 200%
}


/* font percent */

.text-justify {
    text-align: justify;
}

.text-wrap {
    white-space: normal;
}

.text-nowrap {
    white-space: nowrap;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-start {
    text-align: start;
}

.text-end {
    text-align: end;
}

.text-center {
    text-align: center;
}

@media (min-width: 576px) {
    .text-sm-start {
        text-align: start;
    }
    .text-sm-end {
        text-align: end;
    }
    .text-sm-center {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .text-md-start {
        text-align: start;
    }
    .text-md-end {
        text-align: end;
    }
    .text-md-center {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .text-lg-start {
        text-align: start;
    }
    .text-lg-end {
        text-align: end;
    }
    .text-lg-center {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .text-xl-start {
        text-align: start;
    }
    .text-xl-end {
        text-align: end;
    }
    .text-xl-center {
        text-align: center;
    }
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.font-weight-light, .text-light {
    font-weight: 300;
}

.font-weight-lighter, .text-lighter {
    font-weight: lighter;
}

.font-weight-normal, .text-normal {
    font-weight: 400;
}

.font-weight-bold, .text-bold, .font-bold {
    font-weight: 700;
}

.font-weight-bolder, .text-bolder {
    font-weight: bolder;
}

.font-italic, .text-italic {
    font-style: italic;
}