@font-face {
    font-family: 'IRANSans';
    src: url('../fonts/IRANSansWeb.woff') format('woff');
}
@font-face {
    font-family: 'IRANSNum';
    src: url('../fonts/IRANSansWeb(FaNum).woff') format('woff');
}

html{
    overflow-x:hidden;
}
body {
    overflow-x: hidden;
    background: #ececec;
}
*{
    margin:0;
    padding:0;
    direction:rtl;
    font-family:IRANSans;
    outline:none !important;
}
ul,ol {
    margin:0;
    list-style:none;
}
a{
    text-decoration:none;
}
.Myleft{
    float:left;
}
.Myright{
    float:right;
}
.MyVideo {
    width: 60%;
    /* padding: 20px; */
    /* border: 2px solid; */
    margin: 5px auto;
    display: block;
}
.Myclear{
    clear:both;
}
.Maxwid{
    max-width:1200px;
    margin:auto;
}
.Mylogo {
    background: url('Files/logo.png') no-repeat center center;
    background-size:contain;
    width:10%;
    height:50px;
}
.resp-Nav-menu {
    position: fixed;
    width: 250px;
    background: #fff;
    height: 100%;
    padding: 5px;
    transition: .5s all;
    transform: translateX(260px);
    box-shadow: -2px 0px 5px #565656;
}
.trnslateclass{
    transform:translateX(0px);
}
.resp-close {
    cursor: pointer;
    float: left;
    font-size: 20pt;
}
.resp-nav-hd {
    border-bottom: 1px solid #e3e3e3;
    margin: 0px 0px 5px;
}
.resp-ulist{

}
    .resp-ulist li{

    }
        .resp-ulist li a {
            display: block;
            padding: 4px;
            color: #3e3e3e;
            font-size: 11pt;
            font-weight: 600;
            transition: .5s all;
            margin: 2px 0;
            border-bottom: 1px solid #ededed;
        }
        .resp-ulist li a:hover{
            background:#ff8000;
            color:#fff;
            padding-right:15px;
        }
        .MainMenu-nav {
            background: #ffffff78;
            position: relative;
            z-index: 10;
            left: 0;
            right: 0;
            box-shadow: 0px 0px 5px #bfbfbf;
        }
.MyOverlay {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #434343ba;
    z-index: 8;
    backdrop-filter: blur(2px);
    display: none;
}
.MainMenu-Ul{
    margin:10px 0;
}
.MainMenu-Ul li{
    display:inline-block;
}
    .MainMenu-Ul li a {
        text-decoration: none;
        color: #777777;
        padding: 10px 5px;
        display: block;
        font-size: 10pt;
        transition: .4s all;
        border-top: .05em solid transparent;
        border-bottom: .05em solid transparent;
        border-left: .05em solid #e0e0e0;
        font-weight: 600;
    }
        .MainMenu-Ul li a:hover {
            border-color: #ff9800;
            color: #ff9800;
            background: #4c4c4c;
            box-shadow: 0px 0px 3px #ff9800;
        }
.SliderIndex {
    background: url('Files/ant-rozetsky-SLIFI67jv5k-unsplash.jpg') no-repeat center center;
    background-size: cover;
    height: 70vh;
    width:100%;
    z-index: 2;
    top: 0;
}
.hmberg-ic {
    display: none;
    position: absolute;
    width: 40px;
    top: 0;
    right: 5px;
    height: 40px;
    padding: 5px;
    vertical-align: middle;
    cursor: pointer;
}
    .hmberg-ic span {
        font-size: 29pt;
        vertical-align: middle;
        margin: auto;
        display: block;
    }
    .lineBar-1 {
        z-index: 1;
        position: relative;
        box-shadow: 0px 2px 5px #e4e4e4;
        text-align: center;
        margin-top: 25px;
        padding: 10px 0;
    }
        .lineBar-1 h2 {
            border-bottom: 1px solid #e6e6e6;
            padding: 5px 0;
            text-shadow: 0 0 2px #000;
        }
    .lineBar-ul {
        text-align: center;
        background: #ffffffeb;
        margin: auto;
    }
        .lineBar-ul li {
            display: inline-block;
            padding: 5px 15px;
            margin: 5px 10px;
            vertical-align: middle;
            box-shadow: 0 0 5px #f5f5f5;
            border-radius: .5em;
        }
        .lineBar-ul li a{
            display:block;
        }
            .lineBar-ul li a h4 {
                color: #5a5a5a;
            }
            .lineBar-ul li a img {
                background: #fff;
                padding: 5px;
                /*border: 1px solid #cccccc;*/
                display: block;
                margin: auto;
                border-radius: .5em;
            }

.AboutUsSection {
    background: #F4F4F6;
    padding: 15px 0;
    position: relative;
    box-shadow: 0px 0px 5px #cacaca;
    background: url('Files/web_standard2.jpg') no-repeat center center;
}
        .AboutUsSection::after {
            position: absolute;
            background: url(Files/ptt.jpg) repeat center center;
            width: 100%;
            content: "";
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            opacity: .02;
        }
.aboutUS{
    width:55%;
}
.aboutpic {
    width: 30%;
    border: 1px solid #c3c3c3;
    border-radius: .5em;
    margin: auto 30px;
    display: block;
    padding: 15px 0;
}
    .aboutpic img {
        width: 95%;
        margin: 5px auto;
        display: block;
    }
.main-carousel{

}
.resp-main-car{
    display:none;
}
.Myfooter {
    text-align: center;
    margin: auto;
    background-color: #ff8000;
    color: #fff;
    position: relative;
    z-index: 9;
    background-image: url(Files/ptt.jpg);
    background-size: contain;
    background-blend-mode: color-burn;
}
.ft-copyright {
    background: #1a1a1a;
    padding: 2px 0;
    box-shadow: 0px 0px 5px #393939;
}
.footerLinks {
    width: 47%;
    padding: 15px 10px;
    text-align: right;
}
    .footerLinks ul{

    }
        .footerLinks ul li {
            display: inline-block;
            width: 20%;
            text-align: center;
            padding:10px 0;
        }
            .footerLinks ul li a{
                color:#ffffff;
                display:block;
                transition:.5s all;
                font-size:10pt;
            }
                .footerLinks ul li a:hover {
                    font-weight: 800;
                    color: #292929;
                    transform: scale(1.2);
                }
                .footer-social {
    width: 47%;
    /*background: #980000;*/
    padding: 15px 10px;
}
                .footer-social h4{
                    font-size:18pt;
                    margin:5px 0;
                }
                .footer-social ul {
                }
                    .footer-social ul li {
                        display: inline-block;
                        margin: 5px 15px;
                    }
                        .footer-social ul li a {
                            display: block;
                            color: #111111;
                            font-size: 12pt;
                            border-radius: 0.5em;
                            padding: 8px;
                            transition: .5s all;
                        }
                            .footer-social ul li a:hover {
                                background: #000;
                                color: #fff;
                                transform: scale(1.3);
                            }
                            .footer-social ul li a span {
                                display: block;
                            }
                        .Home-dtls {
                        }
    .Home-dtls li {
        width: 45%;
        display: inline-block;
        padding:10px;
        user-select:none;
    }
        .Home-dtls li span {
            font-size: 30pt;
            margin-left: 10px;
        }
        .Home-dtls li h4 {
            font-size: 12pt;
            font-weight: 800;
        }
        .Home-dtl-desc {
            text-align: justify;
            text-justify: inter-word;
            margin: 10px;
            font-size: 10pt;
            color: #fff;
        }
.Home-dtl-d {
    text-align: center;
    padding: 10px 0 20px;
    color: #fff;
    background-color: #292929;
}
    .Home-dtl-d h3 {
        text-shadow: 0px 0px 30px #000000;
        font-size: 17pt;
        border-bottom: 1px solid #3b3b3b;
    }
    .Home-dtl-d h5 {
        font-size: 15pt;
    }
    .NewsDSG {
    }
    .NewsDSG li {
        width: 24%;
        max-height: 330px;
        min-height: 330px;
        background: #f7f7f7;
        border-radius: .5em;
        box-shadow: 0px 0px 4px #bfbfbf;
        margin: 4px;
        display: inline-block;
        text-align: center;
        user-select: none;
        cursor:pointer;
        transition:.5s all;
        position:relative;
    }
        .NewsDSG li a{
            text-decoration:none;
            display:block;
        }
        .NewsDSG li:hover {
            box-shadow: 0px 0px 8px #868686;
        }
        .NewsDSG li a img {
            width: 100%;
            display: block;
            border-top-right-radius: .5em;
            border-top-left-radius: .5em;
            height: 200px;
        }
        .NewsDSG li a h2 {
            color: #4a4a4a;
            font-size: 14pt;
            text-align: justify;
            padding: 10px;
            height: 50px;
        }
        .NewsDSG li a p {
            color: #5f5e5e;
            /* width: 230px; */
    display: inline-block;
    font-size: 9pt;
    padding: 5px 10px;
    text-align: justify;
}
        .NewsDSG li a .Datetime {
            font-family: IRANSNum;
            position: absolute;
            bottom: 0;
            left: 10px;
            font-size: 8pt;
            font-weight: 800;
            color: #6a6a6a;
        }
.Myregist {
    width: 500px;
    text-align: center;
    margin: 20px auto;
    padding: 0px 0px 10px 0px;
    border: 1px solid #d2d2d2;
    box-shadow: 2px 2px 5px #e6e6e6;
    border-radius: .5em;
}
.RG-ul{

}
    .RG-ul li {
        border-bottom: 1px solid #f0f0f0;
    }
.RG-ul-2{
    display:none;
}
.rgBTN {
    display: inline-block;
    margin: 5px auto;
    padding: 2px 20px;
    background: #ff8000;
    color: #fff;
    font-size: 11pt;
    font-weight: 800;
    border: .05em solid #8f8f8f;
}
.prevbtn{
    display:none;
}
.RGInp {
    /* width: 40%; */
    text-align: center;
    /* display: block; */
    font-size: 10pt;
    padding: 4px 10px;
    margin: 10px auto;
    border: 1px solid #c5c5c5;
}
.rgbox{
    margin:15px auto;
}
.LastNews-section {
    margin: 10px auto;
}
.LNS-header {
    text-align: center;
    padding: 5px 0;
}
    .LNS-header h3 {
        font-size: 25pt;
        font-weight: 900;
    }
.LN-item a {
    display: block;
    max-height: 350px;
    min-height: 350px;
    background: #f7f7f7;
    border-radius: .5em;
    box-shadow: 0px 0px 4px #bfbfbf;
    margin: 10px;
    text-align: center;
    user-select: none;
    cursor: pointer;
    transition: .5s all;
    position: relative;
    border: 1px solid #b1b1b1;
}
    .LN-item a img {
        width: 100%;
        display: block;
        border-top-right-radius: .5em;
        border-top-left-radius: .5em;
    }

    .LN-item a h2 {
        color: #4a4a4a;
        border-bottom: 1px solid #eaeaea;
        font-size: 17pt;
    }
    .LN-item a p {
        color: #ff6900;
        /* width: 230px; */
        display: inline-block;
        font-size: 10pt;
        padding: 10px 20px;
        text-align: justify;
    }
    .LN-item a span {
        font-family: IRANSNum;
        position: absolute;
        bottom: 0;
        left: 10px;
        font-size: 9pt;
        font-weight: 800;
        color: #6a6a6a;
    }
.About-Us-sec {
    text-align: center;
    background: #f9f9f9;
}
.maintence {
    background: url(Files/mtncwll.jpg) no-repeat center center;
    width: 100%;
    height: 530px;
    background-size: cover;
}
.Gen-tbl-dgs {
    width: 100%;
    border-spacing: 10px;
    overflow-x: scroll;
    /* overflow: scroll; */
    display: block;
    overflow-y: hidden;
}

    .Gen-tbl-dgs tbody {
        display: table;
        width: 100%;
    }

    .Gen-tbl-dgs tr {
        border-bottom: 1px solid #eaeaea;
        padding: 6px;
        margin: auto;
    }

        .Gen-tbl-dgs tr td {
        }

            .Gen-tbl-dgs tr td label {
                font-size: 9pt;
            }
.RegisterBox {
    position: fixed;
    top: 15%;
    left: 0;
    right: 0;
    width: 600px;
    margin: auto;
    z-index: 999;
    background: #ffffff7a;
    backdrop-filter: blur(10px);
    box-shadow: 0px 0px 5px #3c3c3c;
    border-radius: .5em;
    text-align:center;
    display:none;
}
.RGh2Header {
    color: #fff;
    text-shadow: 1px 1px 5px #000;
}
.registerbullet {
    text-align: center;
    padding: 5px;
}
    .registerbullet li {
        display: inline-block;
        margin: 2px 20px;
        border: 5px solid #0082e2;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        background: #fff;
        vertical-align: middle;
    }
.Activedbull {
    background: #ab0303 !important;
}
.contentbox {
    text-align: center;
    margin-top: 20px;
    padding: 10px 0;
}
    .contentbox li {
        text-align:center;
        display:none;
    }
.rgInput {
    padding: 4px 8px;
    width: 90%;
    font-size: 12pt;
    text-align: center;
    margin: 2px 0;
}
.btnbox {
    margin: 10px 0;
}
    .btnbox li {
        text-align:center;
    }
.my-car-item {
    padding: 10px;
    border: 1px solid #d0d0d0;
    margin: 10px;
    border-radius: .5em;
    box-shadow: 0 0 5px #d0d0d0;
    background: #fff;

}
    .my-car-item a{
        color:#4a4a4a;
    }
    .myprev {
        position: absolute;
        right: 0;
        height: 70px;
        width: 40px;
        top: calc(50% - 30px);
        background: #fff;
        text-align: center;
        padding: 5px;
        font-size: 50pt !important;
        cursor: pointer;
        box-shadow: -1px 0px 5px #a3a3a3;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
.mynext {
    position: absolute;
    left: 0;
    height: 70px;
    width: 40px;
    top: calc(50% - 30px);
    background: #fff;
    text-align: center;
    padding: 5px;
    font-size: 50pt !important;
    cursor: pointer;
    box-shadow: 1px 0px 5px #a3a3a3;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.VideoAmoz {
    margin: 25px auto 0;
    text-align: center;
}
.ApplicantBox {
    padding: 15px;
    border-radius: .5em;
    margin: 10px;
    box-shadow: 0 0 5px #c3c3c3;
    background:#fff;
}
.Myhr {
    border-color: #cecece;
    border-style: solid;
    border-width: 1px;
    border-top: none;
}
.Myspan {
    color: #ff8000;
    font-size: 18pt !important;
    vertical-align: middle;
    margin: 0 5px;
    font-weight: 800 !important;
    cursor:pointer;
}
.addEduApplic {
    
}
.TahsilatRow, .LearnedRow, .TavanaeeRow {
    position: relative;
}
.DelBtn {
    position: absolute;
    right: -15px;
    top: 30px;
    font-size: 18pt !important;
    cursor: pointer;
    color: #f00;
    padding: 5px;
    z-index: 999;
}
/*








Freeeeeee Space...






*/
/*Responsive Tab ==>*/
@media only screen and (max-width: 800px) {
    .MainMenu-Ul {
        display: none;
    }
    .Mylogo {
        width: 24%;
    }
    .aboutUS {
         width: auto; 
    }
    .Home-dtls li {
        width: auto;
        display: inline-block;
        padding: 5px;
    }
    .aboutpic {
         width: auto; 
    }
        .aboutpic img {
            width: 90%;
            display: block;
            margin: 10px auto;
        }
    .footerLinks {
         width: auto; 
         height: auto; 
        padding: 15px 10px;
         text-align: center; 
    }
    .footer-social {
        width: 100%;
         height: auto; 
         padding: unset; 
        text-align: center;
        margin: auto;
        display: block;
    }
        .LN-item a {
             max-height: unset; 
             min-height: unset; 
            margin: 10px;
        }
            .LN-item a h2 {
                font-size: 12pt;
            }
            .LN-item a p {
                 width: auto; 
                font-size: 9pt;
                padding: 5px;
            }
            .LN-item a span {
                left: 4px;
                font-size: 6pt;
            }
        .lineBar-ul li {
             padding: unset; 
             margin: 5px 10px; 
        }
            .lineBar-ul li img {
                 border: none; 
                width: 20px;
            }
        .footer-social ul {
            margin: 10px auto;
        }
        .hmberg-ic {
            display: block;
        }
        .NewsDSG li {
            width: 42%;
            max-height: unset;
            min-height: unset;
            margin: 10px;
            display: inline-block;
        }
            .NewsDSG li a h2 {
                font-size: 12pt;
            }
            .NewsDSG li a p {
                 width: auto; 
                font-size: 8pt;
                padding: 5px 10px;
            }
            .NewsDSG li a .Datetime {
                left: 5px;
                font-size: 7pt;
            }
        .RegisterBox {
            position: fixed;
            top: 10%;
            width: auto;
            margin: auto 5px;
        }
        .rgInput {
            padding: 4px 10px;
            width: 80%;
            font-size: 10pt;
            margin: 5px 0;
        }
        .main-carousel{
            display:none;
        }
        .resp-main-car {
            display: block;
        }
    .AboutUsSection {
        box-shadow:none;
        background: #f9aa49;
    }
    .footerLinks ul li {
        display: inline-block;
        width: 23%;
        height: 20px;
        text-align: center;
        padding: 10px;
        border: 1px solid #fff;
        margin: 5px;
        border-radius: .5em;
        font-weight: 800;
        overflow: hidden;
    }
        .footerLinks ul li a {
            font-size: 9pt;
        }
    .NewsDSG li {
        width: auto;
        margin: 10px;
        display: block;
    }
}