@font-face {
        font-family: IRANSans;
        font-style: normal;
        font-weight: normal;
        src: url('../fonts/IRANSans_Medium.ttf');
    }
    
    @font-face {
        font-family: IranNastaliq;
        font-style: normal;
        font-weight: normal;
        src: url('../fonts/IranNastaliq.ttf');
    }
    
    html,
    body {
        font-size: 100%;
        font-family: IRANSans;
        background: #ffffff;
        margin: 0;
    }
    
    body {
        overflow-x: hidden;
    }
    
    p,
    ul li,
    ol li {
        margin: 0;
        font-size: 14px;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: IRANSans;
    }
    
    ul,
    label {
        margin: 0;
        padding: 0;
    }
    
    body a:hover {
        text-decoration: none;
    }
    
    input[type="submit"],
    input[type="reset"],
    .mail_grid_left1,
    .mail_grid_left2 a,
    .services_grid_main,
    .agileits_nav_right ul li a,
    .banner_info_right ul li a,
    .wthree_copy_right p a,
    .agile_map_grid ul li a,
    .agileits_footer_grid ul li a {
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }
    
    .ltr {
        direction: ltr;
    }
    /*-- Top Header --*/
    
    .top-header {
        width: 100%;
        padding: 35px 20px 50px;
    }
    
    .top-header h2 {
        font-family: IranNastaliq;
        font-size: 26px;
        text-align: center;
        margin: 0 0 10px;
    }
    
    .top-header .right-top-header img {
        height: 355px;
        width: 100%;
    }
    
    .right-links {
        list-style: none;
        float: right;
    }
    
    .right-links a,
    .left-links p {
        padding: 5px 11px;
        border: 1px solid #fff;
        display: inline-block;
        margin-bottom: 10px;
    }
    
    .right-links a:hover {
        text-decoration: underline;
        transition: all .3s ease-in-out;
    }
    
    .left-links,
    .left-links p {
        float: left;
    }
    
    .left-links span {
        float: left;
        font-size: 14px;
        line-height: 1.2;
        margin-left: 10px;
        padding: 4px 0;
    }
    
    .arrow {
        background: url(../images/play-button.png) no-repeat;
        width: 10px;
        height: 10px;
        background-size: 100%;
        float: left;
        vertical-align: middle;
        margin-right: 5px;
    }
    
    .left-top-header h1 {
        margin: 0 0 47px;
    }
    
    .flexslider {
        width: 100%;
    }
    
    .flexslider ul.slides li {
        position: relative;
    }
    
    .flexslider img {
        width: 100%;
        height: 550px;
    }
    
    .flex-direction-nav a {
        top: 35%;
    }
    /*-- /Top Header --*/
    /*-- header --*/
    
    .header {
        padding: 10px 0;
    }
    
    .navbar-default {
        background: none;
        border: none;
    }
    
    .navbar {
        margin-bottom: 0;
    }
    
    .navbar-brand {
        height: 47px;
        padding: 0;
        line-height: 45px;
        float: left;
    }
    
    .navbar-brand img {
        width: 0px;
    }
    
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        background: none;
    }
    
    .navbar-nav>li {
        border: 1px solid #fff;
    }
    
    .navbar-nav>li>a {
        padding: 14px 27px;
        font-weight: bold;
    }
    
    .navbar-collapse {
        padding: 0;
        border-top: none;
        box-shadow: none;
    }
    
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
    }
    
    .navbar-left {
        float: none !important;
        margin-right: 0;
        margin-left: 0em;
    }
    
    .navbar-nav {
        margin: 0;
    }
    
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        background-color: transparent;
    }
    
    .nav-effect ul li a {
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }
    
    .navbar-nav>li>.dropdown-menu {
        margin-top: 24px;
    }
    
    .dropdown-menu .dropdown-submenu .show-left {
        top: -3px;
        right: 100%;
        left: auto;
        margin-right: -1px;
    }
    
    .agile_short_dropdown li a {
        padding: 8px 20px;
        text-align: center;
    }
    
    .agile_short_dropdown li a:before {
        content: '';
        display: none;
    }
    
    .caret-right {
        border-right: 4px solid;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
    }
    /*-- /header --*/
    
    .main-container {
        padding-top: 15px;
        margin-top: -20px;
    }
    
    .side-menu {
        position: relative;
        width: 100%;
        height: 100%;
        margin-bottom: 30px;
    }
    
    .side-menu-container .navbar-nav {
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    
    .side-menu .navbar {
        border: none;
    }
    
    .side-menu .navbar-header {
        width: 100%;
        border-bottom: 1px solid #e7e7e7;
    }
    
    .side-menu .navbar-nav .active a {
        background-color: transparent;
        margin-right: -1px;
        border-right: 5px solid #e7e7e7;
    }
    
    .side-menu .navbar-nav li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #e7e7e7;
    }
    
    .side-menu .navbar-nav li a {
        padding: 15px;
    }
    
    .side-menu .navbar-nav li a .glyphicon {
        padding-right: 10px;
    }
    
    .side-menu #dropdown {
        border-radius: 0;
        background-color: transparent;
        box-shadow: none;
        margin-bottom: 0;
        border-bottom: none;
    }
    
    .side-menu #dropdown .caret {
        float: left;
        margin: 9px 5px 0;
    }
    
    .side-menu #dropdown .indicator {
        float: right;
    }
    
    .side-menu #dropdown>a {
        border-bottom: 1px solid #e7e7e7;
    }
    
    .side-menu #dropdown .panel-body {
        padding: 0;
    }
    
    .side-menu #dropdown .panel-body .navbar-nav {
        width: 100%;
    }
    
    .side-menu #dropdown .panel-body .navbar-nav li {
        padding-left: 15px;
        border-bottom: 1px solid #e7e7e7;
    }
    
    .side-menu #dropdown .panel-body .navbar-nav li:last-child {
        border-bottom: none;
    }
    
    .side-menu #dropdown .panel-body .panel>a {
        margin-left: -20px;
        padding-left: 35px;
    }
    
    .side-menu #dropdown .panel-body .panel-body {
        margin-left: -15px;
    }
    
    .side-menu #dropdown .panel-body .panel-body li {
        padding-left: 30px;
    }
    
    .side-menu #dropdown .panel-body .panel-body li:last-child {
        border-bottom: 1px solid #e7e7e7;
    }
    
    .side-menu .brand-name-wrapper {
        min-height: 50px;
    }
    
    .side-menu .brand-name-wrapper .navbar-brand {
        display: block;
    }
    /* Main body section */
    
    .side-body {
        margin-left: 310px;
    }
    
    .main-content {
        padding: 30px 0;
    }
    /*-- content --*/
    
    .page-img {
        margin-bottom: 20px;
    }
    
    .page-img img {
        height: 350px;
        width: 100%;
    }
    
    .fac-box {
        height: 200px;
        text-align: center;
    }
    
    .fac-img img {
        text-align: center;
        margin: 0 auto;
    }
    
    .fac-det {
        position: relative;
        text-align: center;
        margin: 30px;
        padding: 6px;
        border: 2px solid;
        border-radius: 20px;
    }
    
    .fac-det::before {
        position: absolute;
        content: '';
        top: -13px;
        height: 5px;
        right: 0;
        width: 100%;
        border-radius: 26px;
    }
    
    .fas-caption {
        padding: 9px;
    }
    
    .fas-caption p {
        line-height: 1.5;
        margin-bottom: 10px;
    }
    
    .links {
        margin: 30px 0;
        text-align: center;
        margin: 30px 0;
        text-align: center;
        border: 1px solid #000;
        padding: 25px 0;
        border-right: transparent;
        border-left: transparent;
    }
    
    .links-box {
        margin-bottom: 20px;
    }
    
    .links .links-box a {
        border: 2px solid #000;
        padding: 14px 30px;
        display: inline-block;
        font-size: 14px;
        border-radius: 4px;
    }
    
    .links .links-box a:hover {
        transition: .3s ease;
    }
    
    .links .links-box a span {
        display: block;
        font-size: 14px;
    }
    
    .links .links-box img {
        width: 40px;
        height: 40px;
    }
    
    .title {
        padding: 10px 10px;
        margin: 15px 0 35px;
        text-align: center;
        font-size: 25px;
        border-radius: 4px;
    }
    
    .news-box,
    .course-box {
        margin-bottom: 30px;
        box-shadow: 2px 3px 4px #3d3a3a;
        padding: 13px 0;
        border-radius: 4px;
    }
    
    .news h2 {
        font-size: 15px;
        padding: 5px 0;
        margin: 0;
        line-height: 1.3;
    }
    
    .news p {
        text-align: justify;
        font-size: 13px;
    }
    
    .archive-box {
        padding: 40px 0px;
        position: relative;
        margin-bottom: 30px;
        text-align: center;
        box-shadow: 13px 7px 8px #2a0606;
        border-radius: 4px;
    }
    
    .archive-box:hover {
        transform: scale(1.1);
        transition: all ease-in-out .3s;
    }
    
    .archive-box h3 {
        font-size: 16px;
    }
    /*-- /content --*/
    /*-- sidebar --*/
    
    .sidebar {
        margin-top: 15px;
    }
    
    .side-box {
        border: 1px solid #000;
        margin-bottom: 4px;
        font-size: 14px;
        padding: 11px 12px 20px;
        border-radius: 4px;
        text-align: center;
    }
    
    .side-box h2 {
        font-size: 17px;
        text-align: center;
        margin: 0;
        margin-bottom: 12px;
        border-bottom: 1px solid #161318;
        padding: 0 0 7px;
    }
    
    .side-box table {
        margin: 0 auto;
    }
    
    .input-box {
        border: 1px solid #252525;
        padding: 4px;
        width: 140px;
        font-size: 12px;
        border-radius: 4px;
        margin-bottom: 7px;
    }
    
    td {
        padding: 5px 3px;
        font-size: 13px;
    }
    
    .btn {
        text-align: center;
        margin: 0px 0 auto;
        padding: 4px 21px;
    }
    
    .side-box p {
        font-size: 13px;
        line-height: 1.7;
        margin-top: 10px;
    }
    
    .social-media {
        margin: 0 auto;
        text-align: center;
    }
    
    .social-media img {
        width: 40px;
        height: 40px;
    }
    
    .news-archive {
        text-align: left;
        margin-top: 13px;
    }
    
    .news-archive a {
        padding: 7px;
        border: 1px solid #fff;
    }
    
    .side-links ul {
        list-style: none;
        text-align: center;
        margin: 20px 0;
    }
    
    .side-links ul li {
        padding: 6px 10px;
        border: 1px solid #000;
        margin: 4px 9px;
        text-align: right;
        border-radius: 4px;
    }
    
    .side-links ul li a {
        transition: .3s ease-in-out;
    }
    /*-- /sidebar --*/
    /*-- footer --*/
    
    .footer {
        text-align: center;
    }
    
    .footer h3 {
        font-size: 15px;
    }
    /*-- /footer --*/
    /*-- pages --*/
    
    .details p,
    .about p {
        margin: 20px 0;
        line-height: 1.7
    }
    
    .gallary-img {
        margin-bottom: 25px;
    }
    
    .course-box {
        padding: 13px 25px;
        text-align: center;
    }
    /*-- /pages --*/
    /*-- responsive  --*/
    
    @media (max-width: 1200px) {
        .fac-img img {
            height: 80px;
        }
    }
    
    @media (max-width: 992px) {
        .navbar-nav>li,
        .side-menu #dropdown {
            margin-bottom: 11px;
        }
    }
    
    @media (max-width: 767px) {
        .agile_short_dropdown li a {
            text-align: right;
        }
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: #fff;
        }
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
            color: #f23337;
        }
        .left-top-header {
            margin-top: 40px
        }
        .left-top-header h1 {
            font-size: 19px;
            text-align: center;
        }
        .fac-img img {
            height: 110px;
        }
    }
    
    @media (max-width: 580px) {
        .top-header h2 {
            font-size: 16px;
        }
        .right-links a,
        .left-links p {
            font-size: 11px;
            padding: 5px;
        }
    }
    /*-- /responsive --*/
    /* small screen */
    /* @media (max-width: 768px) {
        .side-menu {
            position: relative;
            width: 100%;
            height: 0;
            border-right: 0;
        }
        .side-menu .navbar {
            z-index: 999;
            position: relative;
            height: 0;
            min-height: 0;
            background-color: none !important;
            border-color: none !important;
        }
        .side-menu .brand-name-wrapper .navbar-brand {
            display: inline-block;
        }
        .side-menu-container>.navbar-nav.slide-in {
            -moz-animation: slidein 300ms forwards;
            -o-animation: slidein 300ms forwards;
            -webkit-animation: slidein 300ms forwards;
            animation: slidein 300ms forwards;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
        .side-menu-container>.navbar-nav {
            
            border-right: 1px solid #e7e7e7;
            background-color: #6a1815;
            overflow: auto;
            -moz-animation: slideout 300ms forwards;
            -o-animation: slideout 300ms forwards;
            -webkit-animation: slideout 300ms forwards;
            animation: slideout 300ms forwards;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
        @-moz-keyframes bodyslidein {
            0% {
                left: 0;
            }
            100% {
                left: 300px;
            }
        }
        @-webkit-keyframes bodyslidein {
            0% {
                left: 0;
            }
            100% {
                left: 300px;
            }
        }
        @keyframes bodyslidein {
            0% {
                left: 0;
            }
            100% {
                left: 300px;
            }
        }
        @-moz-keyframes bodyslideout {
            0% {
                left: 300px;
            }
            100% {
                left: 0;
            }
        }
        @-webkit-keyframes bodyslideout {
            0% {
                left: 300px;
            }
            100% {
                left: 0;
            }
        }
        @keyframes bodyslideout {
            0% {
                left: 300px;
            }
            100% {
                left: 0;
            }
        }
        .side-body {
            margin-left: 5px;
            margin-top: 70px;
            position: relative;
            -moz-animation: bodyslideout 300ms forwards;
            -o-animation: bodyslideout 300ms forwards;
            -webkit-animation: bodyslideout 300ms forwards;
            animation: bodyslideout 300ms forwards;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
        .body-slide-in {
            -moz-animation: bodyslidein 300ms forwards;
            -o-animation: bodyslidein 300ms forwards;
            -webkit-animation: bodyslidein 300ms forwards;
            animation: bodyslidein 300ms forwards;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }
        .navbar-toggle-sidebar {
            border: 0;
            float: left;
            padding: 18px;
            margin: 0;
            border-radius: 0;
            background-color: #f3f3f3;
        }
        #search .panel-body .navbar-form {
            border-bottom: 0;
        }
        #search .panel-body .navbar-form .form-group {
            margin: 0;
        }
        .side-menu .navbar-header {
            position: fixed;
            z-index: 3;
            background-color: #f8f8f8;
        }
        #dropdown .panel-body .navbar-nav {
            margin: 0;
        }
    } */