@font-face {
    font-family: fontawesome;
    font-style: normal;
    font-weight: bold;
    src: url('font/fontawesome-webfont.eot');
    src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/fontawesome-webfont.woff2') format('woff2'), 
    url('font/fontawesome-webfont.woff') format('woff'), 
    url('font/fontawesome-webfont.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('font/IRANSans-Bold-web.eot');
    src: url('font/IRANSans-Bold-web.eot?#iefix') format('embedded-opentype'),
    url('font/IRANSans-Bold-web.woff2') format('woff2'), 
    url('font/IRANSans-Bold-web.woff') format('woff'), 
    url('font/IRANSans-Bold-web.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('font/IRANSans-Medium-web.eot');
    src: url('font/IRANSans-Medium-web.eot?#iefix') format('embedded-opentype'),
    url('font/IRANSans-Medium-web.woff2') format('woff2'), 
    url('font/IRANSans-Medium-web.woff') format('woff'), 
    url('font/IRANSans-Medium-web.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('font/IRANSans-Light-web.eot');
    src: url('font/IRANSans-Light-web.eot?#iefix') format('embedded-opentype'),
    url('font/IRANSans-Light-web.woff2') format('woff2'), 
    url('font/IRANSans-Light-web.woff') format('woff'), 
    url('font/IRANSans-Light-web.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('font/IRANSans-UltraLight-web.eot');
    src: url('font/IRANSans-UltraLight-web.eot?#iefix') format('embedded-opentype'), 
    url('font/IRANSans-UltraLight-web.woff2') format('woff2'),
    url('font/IRANSans-UltraLight-web.woff') format('woff'), 
    url('font/IRANSans-UltraLight-web.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('font/IRANSans-web.eot');
    src: url('font/IRANSans-web.eot?#iefix') format('embedded-opentype'),
    url('font/IRANSans-web.woff2') format('woff2'), 
    url('font/IRANSans-web.woff') format('woff'), 
    url('font/IRANSans-web.ttf') format('truetype');
}


body{
    font-family:iransans !important;
}

.hid {
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    visibility: hidden;
    z-index: 9999999999;
    position: fixed;
    top: 0px;
    left: 0px;
}
/* header */
header {
    height: 60px;
    background-color: #fbbf13;
    width: 100%;
    font-size: 12px;
    border-bottom: 4px solid #000080;
    position: fixed !important;
    z-index: 999;
}
#jahadlogo1{
    width:50px;
    float:right;
    margin-left:20px;
    margin-top:-15px;
}
.nav-link{
    color: #000080 !important;

}
.navbar-nav .motarjem {
    color: red !important;
}
.navbar-toggler {
    color: navy !important;
    border-color: #000080 !important;
    margin-top: -10px;
}
#sidlogo{
       float: left;
    margin: -6.5px 0 0 30px;
    position: absolute;
    left: 0;
}
.navbar-nav {
    margin-right: -55px !important;
    margin-top: -10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #sidlogo {
        margin: -35.5px 0 0 30px;
    }

}


@media (max-width: 1220px) {
    header {
        height: auto;
    }

    #sidlogo {
        margin-top: 0px;
        position: relative;
    }
   
    .navbar-nav .nav-link {
        float: right;
    }


    .navbar-brand {
        margin-right: 0rem;
    }
    .navbar-nav{
margin-top:30px;
    }
     .navbar-nav li{
    border-bottom:1px dotted orange;
    }
}

@media (max-width: 380px) {
        .navbar-toggler {
        margin-top:10px;
    }
}
 @media (max-width: 400px) {
        #sidlogo {
          width:60px;
        }
    }
/* end header */

 /* content */

#main .sec{ 
    clear: both;
}

#main .sec1{
       
    background:url('img/bg2.png') center bottom no-repeat; position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 520px; 
    margin:0px auto;   
    padding-top:100px;  
}
#main .sec1 .info-sec1{
     background-color: rgba(255, 255, 255,0.7);
     border-radius:3px;
     width:360px;
     margin-bottom:25px;
     /*min-height:425px;*/
     float:left;
     color:#000080;
}

#main .sec1 .sabteSefaresh {
    background:url(img/button1.png) no-repeat;
    cursor:pointer;
    width: 280px;
    height: 68px;
    border: 0px solid red;
    margin-bottom:20px;
    color:white;
    font-family:iransans;
    font-size:15px;
    word-spacing:2px;
    display:block;
    position:absolute;
}
#main .sec1 .sabteSefaresh:hover{
   -webkit-filter: grayscale(10%);
   filter: grayscale(10%);
}

#offbox {
    width: 380px;
    height: 200px;
    background-color: rgb(255, 255, 255);
    position: fixed;
    z-index: 999999999999;
    margin: 0 100px 20px;
    border-radius: 3px;
    color: red;
    margin: auto;
    width: 37%;
    border: 3px solid green;
    padding: 10px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align:center;
}
.close{
    cursor:pointer;
}
    #offbox p {
        line-height: 25px;
        font-size: 20px;
        font-weight: 500;
        text-align: center;
    }
#offbox #firstP {
    padding-top: 35px !important;
  
}
.hidden {
    display: none;
}
#tarjome{
    margin-top:270px !important;
}
#virastari{
    margin-top:360px !important;
    padding-top:20px;
    text-align:center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #tarjome {
        margin-top: 260px !important;
        margin-right: -65%;
    }
    #virastari {
        margin-top: 330px !important;
        margin-right: -65%;
    }
}
@media (max-width: 1100px) {
    #main .sec1 .sabteSefaresh {
   margin:20px auto;
   position:relative;
}
    .col-sm-offset-8 {
       
        margin-right: auto;
        margin-left:auto;
    }
    #main .sec1 .info-sec1 {
        width: 80%;
    }
    #offbox {
        margin-right: auto;
        margin-left: auto;
        width: 50%;
    }
  

    #tarjome, #virastari {
        margin-top: 10px !important;
    }

}
#main .sec1 .info-sec1 .strsLogo{
margin: 20px 0 10px;
}
#main .sec1 .info-sec1 .strs-Title{
    font-size:22px;
    font-weight:500;
    text-align:center;
    margin-bottom:30px;
}
#main .sec1 .info-sec1 .strs-info{
        font-size:13px;
        text-align: justify;
        padding:0 10px;
        line-height:25px;
}
#main .sec1 .info-sec1 #text-red{
    background-color:#ff0000 !important;
}
.btn-lg{
    padding:15px 45px;
}
#main .sec1 .info-sec1 .strs-info:first-child{
    font-size:13px;
    text-align:center;
    margin-bottom:10px;
        text-align: justify;
        padding:10px 50px;
        line-height:25px;
}
#main .sec1 .hiddenItem{
    visibility:hidden;
}

@media (max-width: 600px) {
    #offbox h3, #offbox p {
        font-size: 18px !important;
    }
    #offbox {
        margin-right: auto;
        margin-left: auto;
        width: 80%;
    }
}
@media (max-width: 400px) {
    
        #offbox h3, #offbox p {
            font-size: 16px !important;
        }
    #main .sec1 .sabteSefaresh {
        font-size: 12px;
        margin: 20px 14% !important;
    }
}
    @media (max-width: 350px) {
        #main .sec1 .info-sec1 {
            margin-top: 50px;
        }
    }

    @media (max-width: 300px) {

        #main .sec2 h2 {
            margin-top: 50px;
        }
        .nav-item{
            text-align:right;
        }
    }

    #main .sec2 h2 {
        font-size: 1.5rem;
        padding-top: 30px;
    }


    #main .sec2 .text-center, #main .sec3 .text-center, #main .sec4 .text-center {
        text-align: center;
        margin-top: 10px;
    }

    #main .sec2 .title-sec2::before, #main .sec3 .title-sec3::before, #main .sec4 .title-sec4::before {
        content: "";
        display: inline-block !important;
        width: 41% !important;
        height: 2px !important;
        background: black;
        margin: 0px 10px;
    }

    #main .sec2 .title-sec2::after, #main .sec3 .title-sec3::after, #main .sec4 .title-sec4::after {
        content: "";
        display: inline-block;
        width: 41%;
        height: 2px;
        background: black;
        margin: 0px 10px;
    }


    #main .sec2 {
        padding-top: 80px;
        margin-bottom: 30px;
    }

        #main .sec2 .digit {
            font-family: 'B Koodak';
            font-size: 14px;
        }

        #main .sec2 .sec2box {
            background-color: #f9e8e1;
            min-width: 200px;
            width: 200px;
            margin: 20px;
            float: right;
            padding: 10px;
        }

    @media (max-width: 480px) {
        #main .sec2 .sec2box {
            min-width: 130px;
        }
    }


    #main .sec2 .sec2box1 {
        /*margin-right:3.4%;*/
    }

    #main .sec2 .sec2-boxes-header {
        color: red;
        font-size: 14px !important;
    }

    #main .sec2 .sec2box .text-center {
        font-weight: 400;
        font-size: 12px !important;
    }

    #main .sec2 .translateIcon {
        margin: 0 auto;
    }

    #main .sec2 .translateInfo {
        text-align: center;
        padding: 15px 20px;
        line-height: 25px;
        border-bottom: 3px solid red;
    }

    #main .sec2 p {
        text-align: center;
        padding: 0px 15px;
        line-height: 20px;
        font-size: 12px !important;
    }










    #main .sec5 {
        background-color: #d8d8fe;
        line-height: 30px;
        padding-bottom: 20px;
        /*margin-top:60px;*/
        float: right;
        text-align: right;
    }

        #main .sec5 p {
            font-size: 0.8rem;
            padding: 1px 40px 0 20px;
            line-height: 25px;
        }

        #main .sec5 h2 {
            margin: 110px 40px 40px 0;
            font-size: 1.5rem;
        }

    @media (max-width: 300px) {

        #main .sec5 h2 {
            font-size: 16px !important;
            padding-top: 70px !important;
            margin-right: 0px !important;
        }

        #main .sec5 p {
            padding: 1px 15px 0 7px;
        }
    }

    #main .sec5 .firstP {
        margin: 20px 0;
    }

    #main .sec6 {
        background-color: #d8d8fe;
        padding: 80px 0px 20px 0px;
        text-align: center;
    }

        #main .sec6 div {
            margin: 0 auto;
        }

        #main .sec6 h3 {
            text-align: center;
            margin: 80px 0;
            padding: 10px;
            font-size: 1.2rem !important;
            line-height: 27px;
        }

            #main .sec6 h3 a {
                margin: 0 8px;
            }

    @media (max-width: 400px) {
        #main .sec6 h3 {
            font-size: 0.8rem !important;
            margin: 140px 0 60px;
        }
    }

   
    /*end content */
    /* footer */
    footer {
        background-color: #0153a5;
        height: auto;
        color: white;
        clear: both;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

        footer section:first-child {
            display: block;
            background-color: #0153a5;
            width: 93%;
        }

        footer .footerBox {
            width: 280px;
            margin: 0px 23px;
            margin-right: 30px;
            float: right;
            padding: 5px;
            padding-top: 20px;
            text-align: right;
        }

        footer h3 {
            font-size: 1rem !important;
        }

        footer .footerbox h5 {
            float: right;
        }

        footer .footerBox ul {
            margin-right: 20px;
            margin-top: 10px;
        }

            footer .footerBox ul li {
                margin-bottom: 10px;
                list-style-image: url('img/circle21.png');
                font-size: 12px;
            }

        footer .footer-box1 a, footer .footer-box2 a {
            text-decoration: none;
            color: white !important;
        }

        footer .footer-box4 {
            text-align: left !important;
        }

            footer .footer-box4 img {
                margin: 40px 0 0 10px;
            }

        footer .footer-box1 a, footer .footer-box2 a {
            text-decoration: none;
            color: white;
        }

        footer .social-links {
            float: left;
            margin-top: -90px;
            left: 100px;
        }

            footer .social-links ul {
                float: left !important;
            }

            footer .social-links li {
                float: left;
                list-style-type: none;
                margin: 10px 15px;
            }

       
footer .copyRightDiv {
    text-align: left;
    margin-top: -40px;
    margin-left: 80px;
        }

        footer p {
            display: inline-block;
            text-align: right;
            font-size: 10px;
            margin-right: 50px;
        }

        footer #lastSec {
            margin-top: -40px;
            height: 0;
        }
        footer .footer-box3{
            width:329px !important;
        }
        footer .footer-box3 ul li {
            margin-bottom: 5px;
            list-style: none;
            font-size: 12px;
        }

        footer .footer-box3 span {
            margin-right: 10px;
        }

            footer .footer-box3 span a {
                color: white;
                text-decoration: none;
            }

        footer .footer-box3 i {
            margin-left: 10px;
            font-size: 15px;
        }

        footer .footer-box3 .TitleAddress {
            font-family: 'B Koodak';
            font-size: 15px;
        }

        footer h5 {
            font-size: 15px;
        }

        footer hr {
            color: white !important;
        }

        footer #i9GtfkJ9ujPjcMz1 {
            width: 120px;
            height: 136px;
            margin: 35px 20px 0px 0;
        }

@media (max-width: 1170px) {

    footer .footer-box4 {
        text-align: right !important;
    }

    footer .copyRightDiv {
        margin-top: 0px;
    }

    footer #i9GtfkJ9ujPjcMz1 {
        position: relative;
        left: 10px;
    }
}
    @media (max-width: 767px) {
        #footerPage .footerBox {
            margin-right: 50px !important;
        }

        .footer-box2 {
            padding-bottom: 80px !important;
        }

        footer .footer-box3 ul {
            margin-right: -50px;
        }

        footer .footer-box2 ul, footer .footer-box1 ul {
            margin-right: -30px;
        }

        footer .footer-box3 h5, footer .footer-box3 hr, footer .footer-box1 h5, footer .footer-box1 hr, footer .footer-box2 h5, footer .footer-box2 hr {
            margin-right: -20px;
        }
    }

    @media (max-width: 766px) {
        footer #i9GtfkJ9ujPjcMz1 {
            width: 120px;
            height: 136px;
            position: absolute;
            left: 10px;
            position: inherit !important;
            margin-bottom: 85px !important;
            margin-top: -30px;
        }
    }

    @media (max-width: 765px) {

        footer .social-links {
            margin-top: -80px;
        }
        
    }

    @media (max-width: 400px) {

        footer p {
            text-align: center;
            margin-right: 10px;
        }
    }
    /* end footer */