@font-face {
    font-family: 'shabnam';
    src: url('https://khorshidneshan.ir/CDN/Fonts/shabnam.eot');
    src: local('☺'), url('https://khorshidneshan.ir/CDN/Fonts/shabnam.woff') format('woff'), url('https://khorshidneshan.ir/CDN/Fonts/shabnam.ttf') format('truetype');
}

* {
    font-family: 'shabnam', sans-serifو tahoma;
    direction: rtl;
}


body {
    margin: 0;
    background-color: #f2f2f2;
}

a {
    text-decoration: none;
}

iframe {
    max-width: 100%;
    width: 23% !important;
    vertical-align: top;
    height: 300px !important;
}

.menu::-webkit-scrollbar {
    display: none;
}

.menu ul {
    padding: 0;
}

    .menu ul li {
        list-style-type: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        display: inline-block;
        vertical-align: top;
    }

.SubMenu5, .SubMenu6, .SubMenu4, .SubMenu3, .SubMenu2, .SubMenu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s ease;
    -o-transition: max-height .5s ease;
    background: #2d2d2d;
    transition: max-height .5s ease;
}

    .SubMenu6 li, .SubMenu5 li, .SubMenu4 li, .SubMenu3 li, .SubMenu li, .SubMenu2 li {
        margin: 10px 0;
    }

.SubMenuExpanded6, .SubMenuExpanded5, .SubMenuExpanded4, .SubMenuExpanded3, .SubMenuExpanded2, .SubMenuExpanded {
    max-height: 40em;
}

header .middle .menu .SubMenuExpanded2 li, header .middle .menu {
    margin: 10px 0;
}

.menuExpanded6, .menuExpanded5, .menuExpanded4, .menuExpanded3, .menuExpanded2, .menuExpanded {
    position: relative;
}

    .menuExpanded6:hover, .menuExpanded5:hover, .menuExpanded4:hover, .menuExpanded3:hover, .menuExpanded2:hover, .menuExpanded:hover {
        cursor: pointer;
    }

    .menuExpanded6 .SubMenu6, .menuExpanded5 .SubMenu5, .menuExpanded4 .SubMenu4, .menuExpanded3 .SubMenu3, .menuExpanded2 .SubMenu2, .menuExpanded .SubMenu {
        position: absolute;
        right: 1.8vw;
        width: max-content;
        box-shadow: 0 0 5px #7e7e7e;
        border-radius: 5px;
    }

        .menuExpanded6 .SubMenu6 li, .menuExpanded5 .SubMenu5 li, .menuExpanded4 .SubMenu4 li, .menuExpanded3 .SubMenu3 li, .menuExpanded2 .SubMenu2 li, .menuExpanded .SubMenu li {
            display: block
        }



/*.................................... ........................ ...................................*/

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



/*.................................... header ...................................*/
header {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20px;
    z-index: 5;
}


    header .menu {
        display: inline-block;
        vertical-align: middle;
        width: 38%;
    }

        header .menu li {
            display: inline-block;
        }

    header .menuIcon {
        display: none;
    }

    header .menu2 {
        display: none;
    }

    header .menu a {
        color: white;
        font-size: 14px;
        margin: 0 15px;
    }

    header .logo {
        display: inline-block;
        text-align: -webkit-center;
        vertical-align: middle;
    }


        header .logo img:nth-child(1) {
            width: 100px;
            display: block;
        }

        header .logo img:nth-child(2) {
            width: 200px;
            display: block;
        }

/*.................................... slider ...................................*/

@keyframes mymove2 {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(50%);
    }

    100% {
        transform: translateX(0);
    }
}

.slider .div {
    animation: mymove2 40s;
    animation-iteration-count: infinite;
    /*background-image: url(File.aspx?t=image&s=slider.jpg);*/
    background-position: -150px;
}

    .slider .div img {
        width: 160%;
    }

.slider {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    background-size: cover;
}

    .slider .back {
        top: 0;
        position: absolute;
        background-color: #0600195e;
        width: 100%;
        bottom: 0;
    }

    .slider .contact {
        color: black;
        background-color: #ffffffdb;
        z-index: 2;
        -ms-transform: rotate(-90deg); /* IE 9 */
        transform: rotate(-90deg);
        top: 210px;
        left: -37px;
        padding: 10px 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

        .slider .contact img {
            width: 30px;
            vertical-align: middle;
        }

    .slider .contact, .slider .insta {
        position: absolute;
    }

    .slider .insta {
        top: 330px;
        left: 0px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        background-color: #ffffffdb;
        padding: 10px 14px 1px 10px;
    }

        .slider .insta img {
            width: 30px;
            filter: invert(1);
        }

    .slider .div1 {
    }

        .slider .div1 .item {
        }

            .slider .div1 .item span {
            }

    .slider .div2 {
    }

        .slider .div2 .rect {
        }

        .slider .div2 .circle {
        }

    .slider .div3 {
    }

        .slider .div3 .item {
        }
/*.................................... Speech ...................................*/
.Speech {
    display: none;
    text-align: center;
    background-color: #fafafa;
    position: relative;
    background-image: url(File.aspx?t=image&s=sign1.png);
    background-size: contain;
    height: 610px;
    background-repeat: no-repeat;
    background-position: -16vw 103px;
    background-attachment: fixed;
}

    .Speech img {
        width: 75%;
    }

    .Speech .img {
        width: 46vw;
        position: absolute;
        right: 0;
        bottom: 0;
    }
/*.................................... news2 ...................................*/
.news2 {
    position: relative;
    margin: 50px 30px 20px;
}

    .news2 .right {
        width: calc(30% - 42px);
        display: inline-block;
        vertical-align: top;
        margin: 0 20px;
    }

        .news2 .right > div {
            background-color: white;
            padding: 15px;
            border-radius: 15px;
            margin-bottom: 20px;
            box-shadow: 0 0 18px #e2e2e2;
            position: relative;
        }

        .news2 .right .news {
            padding-bottom: 30px;
        }

        .newsColumns .sMore,
        .news2 .right .sMore {
            color: #2020a0;
            font-size: 13px;
            font-weight: bold;
            position: absolute;
            left: 20px;
            bottom: 10px;
        }

        .news2 .right .nTitle1 {
            font-size: 15px;
            text-align: center;
            font-weight: bold;
            border-bottom: 1px gray dashed;
            padding: 10px 0;
        }

    .news2 .event .itemSkin10007 {
        display: flex;
        align-items: center;
        cursor: pointer;
        padding: 10px 0;
    }

        .news2 .event .itemSkin10007 .image {
            width: 30%;
            padding-left: 10px;
            box-sizing: border-box;
        }

        .news2 .event .itemSkin10007 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .news2 .event .itemSkin10007 .text {
            width: 70%;
        }

        .news2 .event .itemSkin10007 .title {
            margin: 0;
        }

        .news2 .event .itemSkin10007 .more {
            text-align: left;
            color: #2020a0;
            font-size: 13px;
            font-weight: bold;
            display: block;
        }

    .news2 .news .itemSkin3 {
        margin: 20px 0;
        border-right: 2px solid #d3d2d2;
        padding: 0 10px;
    }

    .news2 .event .itemSkin10007 .title,
    .news2 .right .itemSkin3 .title {
        height: 1.5rem;
        line-height: 1.5rem;
        overflow: hidden;
    }

    .news2 .event .itemSkin10007 .abstract,
    .news2 .right .itemSkin3 .abstract {
        line-height: 1.5rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .news2 .event .itemSkin10007 .abstract {
        height: 3rem;
        -webkit-line-clamp: 2;
        margin: 0;
    }

    .news2 .right .itemSkin3 .abstract {
        height: 1.5rem;
        -webkit-line-clamp: 1;
    }

    .news2 .event .itemSkin10007 .title a,
    .news2 .right .itemSkin3 .title a {
        color: black;
        font-size: 14px;
    }

    .news2 .event .itemSkin10007 .abstract,
    .news2 .right .itemSkin3 .abstract a {
        color: gray;
        font-size: 13px;
    }

    .news2 .news .itemSkin3 img {
        display: none;
    }

    .news2 .items {
        box-shadow: 0 0 18px #e2e2e2;
        vertical-align: top;
        width: calc(70% - 43px);
        margin: 0 20px;
        display: inline-block;
        background-color: white;
        border-radius: 15px;
        position: relative;
    }

.newsColumns {
    padding: 10px;
    padding-bottom: 30px;
    text-align: center;
}

.news2 .nTitles {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.news2 .nTitle {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
    display: inline-block;
    width: calc(33% - 1px);
    cursor: pointer;
    box-sizing: border-box;
}

#nTitle1 {
    border-top-right-radius: 15px;
    background-color: white;
}

#nTitle2 {
    color: gray;
    background-color: #f7f7f7;
}

#nTitle3 {
    color: gray;
    border-top-left-radius: 15px;
    background-color: #f7f7f7;
}

#newsCol1 {
}

#newsCol2 {
    display: none;
}

#newsCol3 {
    display: none;
}

.newsCol .itemSkin101 {
    border-radius: 12px;
    margin: 7px;
    padding: 10px;
    display: inline-block;
    width: calc(50% - 14px);
    box-shadow: 0 0 10px gainsboro;
    text-align: right;
    box-sizing: border-box;
}

    .newsCol .itemSkin101 .title {
        height: 1.5rem;
        line-height: 1.5rem;
        overflow: hidden;
        margin: 10px;
    }

    .newsCol .itemSkin101 .abstract {
        margin: 10px;
        height: 3rem;
        line-height: 1.5rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .newsCol .itemSkin101 .title a {
        color: black;
        font-size: 14px;
    }

    .newsCol .itemSkin101 .abstract a {
        color: #004a00;
        font-size: 13px;
    }

.newsCol .date {
    font-size: 13px;
    color: green;
    margin: 5px;
}

.newsCol .more {
    display: none;
}

.newsCol .itemSkin101 .image {
    float: right;
    margin-left: 15px;
}

    .newsCol .itemSkin101 .image img {
        width: 12vw;
        object-fit: contain;
        border-radius: 10px;
        height: 12vw;
    }

/*.................................... options ...................................*/
.options {
    position: relative;
    padding: 50px 30px;
    text-align: center;
}

    .gallery .sTitle, .options .sTitle {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        width: 9%;
    }

    .gallery .line, .options .line {
        background-color: #d2d2d2;
        display: inline-block;
        width: 90%;
        height: 2px;
    }

    .gallery .sMore, .options .sMore {
        color: #00455f;
        font-size: 14px;
        position: absolute;
        top: 40px;
        left: 50px;
    }

    .options .items {
        margin: 25px 0;
    }

    .cultural .itemSkin101, .options .itemSkin101, .news .itemSkin101 {
        position: relative;
        width: 18%;
        display: inline-block;
        margin: 5px;
        border-radius: 15px;
        box-shadow: 0 0 5px #d7d7d7;
    }

        .cultural .itemSkin101 img, .options .itemSkin101 img, .news .itemSkin101 img {
            height: 15vw;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            width: 100%;
            object-fit: cover;
        }

        .cultural .itemSkin101 .title, .options .itemSkin101 .title, .news .itemSkin101 .title {
            text-align: justify;
            margin: 10px;
        }

            .cultural .itemSkin101 .title a, .options .itemSkin101 .title a, .news .itemSkin101 .title a {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                color: black;
                height: 2.7rem;
                line-height: 1.5rem;
                overflow: hidden;
                font-weight: bold;
                font-size: 14px;
            }

            .cultural .itemSkin101 .title a {
                height: 1.7rem;
            }

        .cultural .itemSkin101 .abstract {
            text-align: justify;
            margin: 0 10px;
        }

            .cultural .itemSkin101 .abstract a {
                color: black;
                height: 3.3rem;
                line-height: 1.5rem;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

        .options .itemSkin101 .abstract, .news .itemSkin101 .abstract {
            display: none;
        }

        .cultural .itemSkin101 .date {
            color: gray;
            font-size: 13px;
            text-align: left;
            margin: 10px;
        }

        .options .itemSkin101 .date {
            display: none;
        }

        .news .itemSkin101 .date {
            position: absolute;
            color: gray;
            bottom: 10px;
            right: 10px;
            font-size: 13px;
        }

        .cultural .itemSkin101 .more, .options .itemSkin101 .more, .news .itemSkin101 .more {
            text-align: left;
            margin: 10px;
        }

            .cultural .itemSkin101 .more a, .options .itemSkin101 .more a, .news .itemSkin101 .more a {
                font-size: 13px;
                color: #000080;
            }
/*.................................... attributes ...................................*/
.attributes {
    background-image: url(File.aspx?t=image&s=back.jpg);
    background-size: cover;
    background-attachment: fixed;
}

    .attributes .back {
        height: 600px;
        background-color: #060019c7;
    }

    .attributes .items {
        text-align: center;
        padding: 215px 0;
    }

        .attributes .items .item {
            color: white;
            display: inline-block;
            width: 33%;
        }

            .attributes .items .item img {
                width: 100px;
            }

            .attributes .items .item .number {
                font-size: 16px;
                margin: 10px 0;
            }

            .attributes .items .item .title {
                font-size: 18px;
            }
/*.................................... gallery ...................................*/
.gallery {
    position: relative;
    padding: 50px 40px;
}

    .gallery .ContentsItems {
        display: grid;
        padding: 10px;
    }

    .gallery .itemSkin2:nth-child(4) {
        grid-column: 4/span 5;
        grid-row: 1 / span 2;
    }

    .gallery .itemSkin2:nth-child(5) {
        grid-column: 1 / span 2;
        grid-row: 2/span 3;
    }


    .gallery .items {
        margin: 30px 0;
    }

    .season .itemSkin2, .gallery2 .itemSkin2, .gallery .itemSkin2 {
        text-align: center;
        margin: 5px;
    }

.season .itemSkin2, .gallery2 .itemSkin2 {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

    .season .itemSkin2 img, .gallery2 .itemSkin2 img, .gallery .itemSkin2 img {
        width: 100%;
    }

    .season .itemSkin2 img, .gallery2 .itemSkin2 img {
        height: 20vw;
        object-fit: cover;
    }

.gallery .itemSkin2:nth-child(4) img, .gallery .itemSkin2:nth-child(5) img {
    height: 34vw !important;
    object-fit: cover;
}

.gallery .itemSkin2:nth-child(1) img, .gallery .itemSkin2:nth-child(2) img, .gallery .itemSkin2:nth-child(3) img, .gallery .itemSkin2:nth-child(6) img, .gallery .itemSkin2:nth-child(7) img, .gallery .itemSkin2:nth-child(8) img, .gallery .itemSkin2:nth-child(9) img {
    height: 16.45vw;
    object-fit: cover;
}

main .season .itemSkin2 .title, main .gallery2 .itemSkin2 .title, .gallery .itemSkin2 .title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    padding: 20px 0;
    background-image: linear-gradient(#00000000, #000019f7);
}

    main .season .itemSkin2 .title a, main .gallery2 .itemSkin2 .title a, .gallery .itemSkin2 .title a {
        color: white;
        height: 1.7rem;
        line-height: 1.5rem;
        overflow: hidden;
        font-weight: bold;
        font-size: 14px;
        display: block;
    }
/*.................................... about ...................................*/
.about {
    text-align: center;
    position: relative;
    margin: 10px 55px;
}

    .about .sTitle {
        font-size: 16px;
        text-align: right;
        font-weight: bold;
        display: inline-block;
        width: 28%;
    }

    .about .line {
        background-color: #d2d2d2;
        display: inline-block;
        width: 70%;
        height: 2px;
    }

    .about .right {
        display: inline-block;
        width: 40%;
        font-size: 14px;
        vertical-align: middle;
        text-align: justify;
        line-height: 2.5;
    }

    .about .left {
        width: 54%;
        vertical-align: middle;
        display: inline-block;
        text-align: left;
    }

        .about .left .img1 {
            margin: 10px 90px;
        }

        .about .left .img2 {
            border-radius: 15px;
            box-shadow: 0 0 10px #bdbcbc;
            position: absolute;
            left: 14vw;
            bottom: 2vw;
            width: 400px;
        }

        .about .left .back {
        }

        .about .left .front {
        }

    .about .right .text {
        margin: 20px;
    }

    .about .right .sMore {
        text-align: left;
        margin: 30px 15px;
    }

        .about .right .sMore a {
            background-color: #1b476a;
            color: white;
            font-size: 14px;
            padding: 10px;
            border-radius: 5px;
        }
/*.................................... members ...................................*/
.teachers, .members {
    text-align: center;
    position: relative;
    margin: 30px 60px;
}

    .teachers .sMore {
        position: absolute;
        top: -14px;
        left: 7px;
    }

        .teachers .sMore a {
            color: #00455f;
            font-size: 14px;
        }

    .teachers .sTitle, .members .sTitle {
        text-align: right;
        font-size: 16px;
        font-weight: bold;
        width: 13%;
        display: inline-block;
    }

    .teachers .line, .members .line {
        background-color: #d2d2d2;
        display: inline-block;
        width: 86%;
        height: 2px;
    }



    .teachers .items, .members .items {
        text-align: center;
        margin: 10px 0 50px;
    }


    .teachers .itemSkin3, .members .itemSkin3 {
        width: 10vw;
        display: inline-block;
        vertical-align: top;
        margin: 25px .3vw;
    }

        .teachers .itemSkin3 img, .members .itemSkin3 img {
            width: 100%;
            height: 12vw;
            border-radius: 15px;
            object-fit: cover;
        }

        .teachers .itemSkin3 .title a, .members .itemSkin3 .title a {
            color: black;
            height: 1.7rem;
            line-height: 1.5rem;
            overflow: hidden;
            font-weight: bold;
            font-size: 14px;
            display: block;
        }

        .teachers .itemSkin3 .abstract a, .members .itemSkin3 .abstract a {
            font-size: 13px;
            color: gray;
            height: 2.7rem;
            line-height: 1.5rem;
            overflow: hidden;
            display: block;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
/*.................................... footer ...................................*/
.footer {
    padding: 0 60px;
    background-color: #2d2d2d;
}

    .footer, .footer span, .footer a {
        font-size: 14px;
    }

        .footer .top {
            text-align: center;
            border-bottom: 1px solid #bca7a7;
            padding: 50px 0;
        }

            .footer .top .item {
                display: inline-block;
                width: 15%;
            }

                .footer .top .item img {
                    width: 80px;
                    object-fit: contain;
                }

                .footer .top .item span {
                    font-size: 14px;
                    display: block;
                    color: white;
                }

        .footer .bottom {
            color: white;
            padding-top: 25px;
        }

            .footer .bottom .title {
                font-size: 15px;
                font-weight: bold;
                margin: 20px 0;
            }

            .footer .bottom .item1, .footer .bottom .item2, .footer .bottom .item3 {
                display: inline-block;
                vertical-align: top;
                margin: 0 15px;
            }

            .footer .bottom .item1 {
                width: 30%;
            }

                .footer .bottom .item1 > div {
                    text-align: justify;
                    text-align: justify;
                    line-height: 2.5;
                    margin: 35px 0;
                }

                .footer .bottom .item1 a {
                    display: block;
                    color: white;
                    margin: 20px 0;
                }

                .footer .bottom .item1 .img1 {
                    width: 285px;
                    margin-right: -10px;
                }

                .footer .bottom .item1 .img2 {
                    width: 30px;
                    vertical-align: middle;
                    margin-left: 5px;
                }

            .footer .bottom .item2 {
                width: 33%;
            }

                .footer .bottom .item2 img {
                    display: inline-block;
                    width: 30px;
                    height: 40px;
                    object-fit: contain;
                    vertical-align: top;
                    margin: 0 10px;
                }

                .footer .bottom .item3 a, .footer .bottom .item2 a, .footer .bottom .item2 span {
                    display: inline-block;
                    color: white;
                    font-size: 14px;
                    padding: 10px 0;
                    width: 79%;
                }



            .footer .bottom .item3 a {
                border-bottom: 1px solid gray;
            }

            .footer .bottom .item3 {
                width: 28%;
            }
/*.................................... pages ...................................*/
main {
    min-height: 187px;
    margin: 110PX 60px;
    text-align: center;
}

    main .news .itemSkin101 .date {
        display: none;
    }

.NavFixed, .header {
    background-color: #2d2d2d;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 3;
    left: 0;
    right: 0;
    border-radius: 0;
    box-shadow: 0 0 13px #777777db;
    padding: 10px 0;
    height: 40px;
}

    .NavFixed .menuA, .NavFixed .menuB, .header .menuA, .header .menuB {
        position: fixed;
        z-index: 5;
        top: 17px;
        padding: 0;
        margin: 0;
    }

    .NavFixed .menuB, .header .menuB {
        left: 9%;
    }

    .NavFixed .menuA, .header .menuA {
        right: 7%;
    }

    .NavFixed .logo img:nth-child(1), .header .logo img:nth-child(1) {
        width: 95px;
        padding: 10px;
        margin-top: -16px;
        background-color: #2d2d2d;
        border-radius: 50%;
    }

    .NavFixed .logo img:nth-child(2) {
        display: none;
    }

main .contentImagesDiv .ImageSkin1, main .contentImagesDiv .ImageSkin2 {
    display: inline-block;
    width: 23%;
    margin: 5px;
    box-shadow: 0 0 5px #ebebeb;
    border-radius: 10px;
    background-color: #fff
}

main .contentImagesDiv {
    margin: 30px 0;
}

    main .contentImagesDiv img {
        width: 100%;
        /*height: 20vw;
        object-fit: contain;*/
        border-radius: 10px 10px 0 0;
    }

    main .contentImagesDiv .title a {
        font-size: 14px;
        display: block;
        margin: 8px 0;
        color: black;
    }

main .ContentsTitle, main .ContentTitle {
    font-size: 19px;
    font-weight: bold;
    margin: 30px;
}

main .ContentsAbstract, main .ContentsBody, main .ContentAbstract, main .ContentBody {
    font-size: 14px;
    text-align: justify;
}

main .options, main .news {
    padding: 0;
}

main .gallery {
    padding: 0;
}

main .education .itemSkin3 {
    margin: 20px;
}

main .cCategory .itemSkin2, main .education .categorySkin2 {
    margin: 8px;
    width: 18%;
    display: inline-block;
    box-shadow: 0 0 5px #cdcdcd;
    border-radius: 15px;
}

    main .cCategory .title, main .education .categorySkin2 .title {
        margin: 6px;
        text-align: center;
    }

main .education .itemSkin3 .title {
    margin: 20px 0;
    text-align: right;
    padding-top: 30px;
}

    main .cCategory .title a, main .education .categorySkin2 .title a, main .education .itemSkin3 .title a {
        font-size: 15px;
        font-weight: bold;
        color: black;
    }

main .cCategory .title a, main .education .categorySkin2 .title a {
    height: 1.5rem;
    display: block;
    overflow: hidden;
    line-height: 1.5rem;
}

main .education .categorySkin2 .abstract, main .education .itemSkin3 .abstract {
    margin: 20px 0;
    text-align: justify;
}

    main .education .categorySkin2 .abstract a, main .education .itemSkin3 .abstract a {
        font-size: 14px;
        color: black;
    }

main .education .itemSkin3 .image {
    float: right;
    margin-left: 35px;
    width: 280px;
}

main .cCategory .image img, main .education .image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}

main .cCategory .image img, main .education .categorySkin2 .image img {
    height: 12vw;
}

.knk2 {
    padding: 15px 0;
    color: #fff;
}

.knk {
    display: inline-block;
    vertical-align: middle;
}

    .knk a {
        color: #a1a1a1;
    }

.knkfooter {
    background-color: #403d3d;
    text-align: center
}

    .knkfooter img {
        vertical-align: middle;
        width: 50px;
        display: inline-block;
    }

#ctl04_KnkSignature__divTitle1 {
    display: inline-block;
    color: white;
    font-size: 14px;
    margin: 10px;
}

#ctl04_KnkSignature__divDesc {
    display: none;
}
/*......................................................................................................................*/
/*................................................... mobile ...................................................................*/
/*......................................................................................................................*/
@media only screen and (max-width: 768px) and (min-width:0 ) {
    header .menuIcon {
        display: block;
        position: fixed;
        top: 15px;
        right: 15px;
        width: 45px;
        z-index: 1;
    }

    header .closeMenu {
        z-index: 2;
    }

    header {
        left: 0;
        right: 0;
        top: 0;
        border-radius: 0;
        height: 70px;
        padding: 5px 0;
    }

    .header, .NavFixed {
        height: 59px;
    }

    header .menu2 {
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0px;
        padding: 10px;
        animation: open;
        transition: 1s;
        z-index: 1;
        background-image: radial-gradient(#505356, #16181a);
        width: 70%;
        margin: 0;
        overflow-y: auto;
    }

        header .menu2 .arrow {
            width: 10px;
        }

        header .menu2 img {
            width: 30px;
            margin-left: 10px;
            height: 30px;
            object-fit: contain;
            vertical-align: middle;
        }

        header .menu2 .logo2 {
            text-align: -webkit-center;
            display: block;
            width: 100%;
            margin: 0;
            border-bottom: 1px solid white;
            padding: 8px 0;
        }

            header .menu2 .logo2 img:nth-child(1) {
                width: 85px !important;
                height: auto !important;
                display: block;
            }

            header .menu2 .logo2 img:nth-child(2) {
                width: 150px !important;
                height: auto !important;
                display: block;
            }

        header .menu2 a {
            display: block;
            text-align: right;
            margin: 20px 10px;
            color: white;
        }

        header .menu2 .a {
            width: 70%;
            margin: 0 10px;
            display: inline-block;
        }

    .menuExpanded6, .menuExpanded4, .menuExpanded3, .menuExpanded2, .menuExpanded {
        margin-top: 20px;
        text-align: right;
    }

    .menuExpanded6 {
        margin-bottom: -15px;
    }

    .responsiveMenuBg {
        display: none;
        position: fixed;
        z-index: 0;
        padding-top: 20px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .OpenResponsiveMenu {
    }

    .CloseResponsiveMenu {
        animation: close;
        transform: translatex(800px);
        transition: .5s;
    }

    .menu {
        display: none !important;
    }

    .slider .div {
        animation: mymove2 70s;
    }

        .slider .div img {
            min-height: 630px;
            background-size: cover;
        }

        .slider .div img {
            width: 655%;
        }

    @keyframes mymove2 {
        0% {
            transform: translateX(0);
        }

        50% {
            transform: translateX(480%);
        }

        100% {
            transform: translateX(0);
        }
    }

    .slider .contact {
        top: 75vw;
    }

    .slider .insta {
        top: 105vw;
    }

    .Speech {
        background-image: none;
        background-image: url(File.aspx?t=image&s=sign2.png);
    }

        .Speech img {
            width: 100%;
            height: 64vw;
            object-fit: cover;
        }

        .Speech .img {
            width: 90px;
            object-fit: contain;
            height: AUTO;
        }

    .Speech {
        display: none;
        height: 187px;
        background-position: 0px 0px;
        background-attachment: unset;
    }

    .gallery .sTitle, .options .sTitle {
        width: 90%;
        text-align: right;
    }

    .gallery .sMore, .options .sMore {
        top: 55px;
        left: 20px;
    }

    .options, .news {
        padding: 50px 0px;
    }

        .options .itemSkin101, .news .itemSkin101 {
            width: 45%;
        }

            .options .itemSkin101 .abstract, .options .itemSkin101 .title, .news .itemSkin101 .abstract, .news .itemSkin101 .title {
                text-align: right;
            }

                .options .itemSkin101 .title a, .news .itemSkin101 .title a {
                    height: 2.7rem;
                }

            .options .itemSkin101 img, .news .itemSkin101 img {
                height: 30vw;
            }

            .options .itemSkin101 .date, .news .itemSkin101 .date {
                display: none;
            }

    .attributes {
        background-attachment: fixed;
    }

        .attributes .items .item {
            width: 100%;
            vertical-align: top;
            margin: 13px 0;
        }

            .attributes .items .item img {
                width: 50px;
                height: 50px;
                object-fit: contain;
            }

            .attributes .items .item .number {
                margin: 0;
            }

        .attributes .items {
            padding: 30px 0;
        }

        .attributes .back {
            height: 470px;
        }

    .gallery {
        padding: 50px 0 0px;
        text-align: center;
    }

        .gallery .ContentsItems {
            display: block;
        }

        .gallery .itemSkin2 {
            width: 47%;
            display: inline-block;
        }

            .gallery .itemSkin2 img {
                height: 43vw !important;
            }

            .gallery .itemSkin2:nth-child(4) img, .gallery .itemSkin2:nth-child(5) img {
                height: 43vw !important;
            }

            .gallery .itemSkin2:nth-child(9) {
                display: none
            }

    .about .right {
        width: 100%;
    }

    .about .left {
        width: 100%;
    }

    .about .sTitle {
        text-align: center;
        width: 100%;
    }

    .about .left .img1 {
        margin: 0;
        width: 350px;
    }

    .about .right .text {
        margin: 20px 0;
    }

    .about {
        margin: 10px;
    }

        .about .left .img2 {
            left: 2px;
            bottom: 20vw;
            width: 332px;
        }

        .about .right .sMore {
            text-align: center;
        }

    .teachers .itemSkin3, .members .itemSkin3 {
        width: 46%;
        margin: 15px 5px;
    }

    .teachers {
        margin: 20px 10px;
    }

    .members {
        margin: 20px 5px;
    }

        .members .sTitle {
            text-align: center;
            width: 100%;
        }

    .teachers .sTitle {
        width: 100%;
    }

    .teachers .line {
        width: 100%;
    }

    .teachers .sMore {
        top: -2px;
    }

    .teachers .itemSkin3 img, .members .itemSkin3 img {
        width: 100%;
        height: 180px;
    }


    .footer {
        padding: 0 10px;
    }

        .footer .fContact span {
            text-align: right;
        }

        .footer .bottom .item1 a:nth-child(1) {
            text-align: center;
            margin: 0;
        }

        .footer .bottom .item2 a, .footer .bottom .item2 span {
            width: 80%;
        }

        .footer .bottom .item3 a {
            width: 100%;
        }

        .footer .top .item {
            vertical-align: top;
            width: 31%;
            margin: 10px 0;
        }

        .footer .bottom .item1, .footer .bottom .item2, .footer .bottom .item3 {
            text-align: justify;
            width: 100%;
            margin: 0;
        }

    .news2 {
        margin: 20px 10px 0px;
    }


        .news2 .right, .news2 .items {
            width: 100%;
            margin: 10px 0;
        }

        .news2 .items {
            padding: 0;
            padding-bottom: 10px;
        }

        .news2 .nTitle {
            width: 32.4%;
        }

        .news2 .ContentsItems {
            padding: 0 10px;
        }

    .newsCol .itemSkin101 {
        padding: 0;
        vertical-align: top;
        padding-bottom: 10px;
    }

        .newsCol .itemSkin101 .image {
            float: none;
            width: 100%;
        }

            .newsCol .itemSkin101 .image img {
                width: 100%;
                height: 40vw;
            }

    .newsColumns {
        padding: 10px 0;
        width: 100%;
    }

    main {
        margin: 110PX 10px;
    }

        main .ContentsTitle, main .ContentTitle {
            margin: 20px 0;
        }

        main .contentImagesDiv .ImageSkin1 {
            width: 29%;
        }

            main .contentImagesDiv .ImageSkin1 img {
                height: 150px;
            }

    .season .itemSkin2, .gallery2 .itemSkin2 {
        width: 46%;
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

        .season .itemSkin2 img, .gallery2 .itemSkin2 img {
            height: 40vw;
            object-fit: cover;
        }

    main .education .image {
        float: unset;
        margin-left: 0px;
        width: 100%;
    }

    main .education .itemSkin3 .title {
        margin: 0;
        text-align: center;
        padding-top: 10px;
    }

    main .education .itemSkin3 {
        box-shadow: 0 0 5px #d2d2d2;
        padding: 5px;
        border-radius: 15px;
    }

    .cultural .itemSkin101, .options .itemSkin101, .news .itemSkin101 {
        width: 46%;
    }

        .cultural .itemSkin101 img, .options .itemSkin101 img, .news .itemSkin101 img {
            height: 30vw;
        }

        .cultural .itemSkin101 .abstract {
            text-align: right;
            margin: 0 2px;
        }

        .cultural .itemSkin101 .title, .options .itemSkin101 .title, .news .itemSkin101 .title {
            text-align: right;
            margin: 5px;
        }

            .cultural .itemSkin101 .title a, .options .itemSkin101 .title a, .news .itemSkin101 .title a {
                height: 2.7rem;
                word-spacing: -3px;
            }

    main .cCategory .itemSkin2 .image img, main .education .categorySkin2 .image img {
        height: 35vw;
    }

    main .cCategory .itemSkin2, main .education .categorySkin2 {
        margin: 5px;
        width: 47%;
    }

    .menuExpanded6 .SubMenu6, .menuExpanded4 .SubMenu4, .menuExpanded3 .SubMenu3 {
        position: unset;
        box-shadow: none;
        padding-right: 60px;
        box-sizing: border-box;
        width: 100%;
    }

    main .contentImagesDiv .ImageSkin1, main .contentImagesDiv .ImageSkin2 {
        width: 47%;
    }

    main .contentImagesDiv img {
        height: 45vw;
    }
}