@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-face {
    font-family: 'palatino';
    src: url('https://khorshidneshan.ir/CDN/Fonts/PalatinoSans-Regular.eot');
    src: local('☺'), url('https://khorshidneshan.ir/CDN/Fonts/PalatinoSans-Regular.woff') format('woff'), url('https://khorshidneshan.ir/CDN/Fonts/PalatinoSans-Regular.ttf') format('truetype');
}

* {
    /*font-family: palatino,BNazanin,tahoma;*/
    font-family: shabnam,tahoma;
    direction: rtl;
}

a {
    text-decoration: none;
}

body {
    margin: 0;
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 17px
}

h2, h3, h4, h5 {
    text-align: justify;
    font-weight: normal;
}

/*.............itemskins...................................*/
/*------col1----------*/
@media only screen and (max-width: 1024px) {
    .slider .col1 {
        width: 97%;
    }
}

/*------col2----------*/


/*..........public............*/
.header {
}

    .header .menu .title {
        display: none;
    }

    .header .icon {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 8;
        display: none;
    }

        .header .icon img {
            width: 12vw;
        }

    .header .menu {
        position: absolute;
        left: 20vw;
        z-index: 2;
    }

        .header .menu ul {
            border-radius: 2vw;
            display: inline-flex;
            background-color: rgba(0, 0, 0, .4);
            backdrop-filter: blur(10px);
            padding: 0 1vw;
            margin: 3vw 0;
        }

            .header .menu ul li {
                list-style: none;
                color: white;
                font-family: sans-serif;
                font-weight: bold;
                padding: 0.7vw 1vw;
                margin: 0 .5vw position: relative;
                cursor: pointer;
                white-space: nowrap;
            }

                .header .menu ul li a {
                    text-decoration: none;
                    padding: 1vw;
                    text-decoration: none;
                    border-radius: 2vw;
                    color: white;
                }

                .header .menu ul li :hover {
                    background: linear-gradient(to bottom, #e8edec, #d2d1d3);
                    box-shadow: 0px 3px 20px 0px black;
                    transform: scale(1.2);
                    color: black;
                }

    .header .siteTitle {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 1;
    }

        .header .siteTitle img {
            width: 14vw;
            filter: invert(85%) sepia(4%) saturate(2557%) hue-rotate(204deg) brightness(109%) contrast(63%);
        }

.about1 {
    background-image: url('File.aspx?t=image&s=back2.jpg');
    background-size: cover;
}

.about {
    min-height: 40vw;
    position: relative;
}

    .about .col1 {
        width: 33%;
        display: inline-block;
        vertical-align: middle;
    }

        .about .col1 img {
            width: 100%;
        }

    .about .col2 {
        width: 65%;
        display: inline-block;
        vertical-align: middle;
    }

        .about .col2 .title {
        }

        .about .col2 h3 {
            width: 55vw;
        }

.products .ContentsTitle,
.news .ContentsTitle,
.learn .ContentsTitle,
.customers .ContentsTitle {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 22px;
}

.products .ContentsItems {
    text-align: center;
    position: relative;
}

    .products .ContentsItems a {
        text-decoration: none;
        color: black;
    }

    .products .ContentsItems .itemSkin2 {
        display: inline-block;
        padding: 0.5vw 2.3vw;
        margin: 3vw 0;
        vertical-align: top;
    }

        .products .ContentsItems .itemSkin2 .title {
            text-align: center;
        }

            .products .ContentsItems .itemSkin2 .title a {
                font-weight: bold;
            }

        .products .ContentsItems .itemSkin2 .image img {
            border-radius: 50%;
            width: 15vw;
            height: 15vw;
            object-fit: cover;
        }

.learn {
    min-height: 30vw;
}

    .learn .title1 {
        text-align: center;
        font-size: 1.3vw;
        padding: 4vw;
        font-weight: bold;
    }

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

        .learn .ContentsItems .itemSkin3 {
            display: inline-block;
            width: 23%;
            vertical-align: top;
            box-shadow: 0 0 5px gainsboro;
            border-radius: 7px;
            margin: 5px;
            background-color: ghostwhite;
        }

            .learn .ContentsItems .itemSkin3 .image {
            }

            .learn .ContentsItems .itemSkin3 img {
                border-radius: 7px;
                width: 100%;
                height: 19vw;
                object-fit: cover;
            }

            .learn .ContentsItems .itemSkin3 .abstract a {
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                height: 60px;
                text-decoration: none;
                font-size: 17px;
                color: black;
            }


            .learn .ContentsItems .itemSkin3 .title a {
                text-decoration: none;
                color: black;
                font-size: 19px;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                height: 30px;
                font-weight: bold;
            }

.footer {
    background-image: url('File.aspx?t=image&s=footer.jpg');
    min-height: 50vw;
    background-size: cover;
    position: relative;
    text-align: center;
}

    .footer .col1 {
        width: 60%;
        display: inline-block;
    }

    .footer .col2 {
        width: 28%;
        display: inline-block;
    }

        .footer .col2 .item1 {
            background-color: rgba(71, 26, 0, 0.719);
            text-align: center;
            margin-top: 2vw;
            border-radius: 2vw;
        }

            .footer .col2 .item1 .img img {
                width: 100px;
                height: 5vw;
                object-fit: cover;
            }

            .footer .col2 .item1 .address {
                color: white;
                padding: 1vw;
            }

            .footer .col2 .item1 .phone {
            }

                .footer .col2 .item1 .phone img {
                    width: 35px;
                    display: inline-block;
                    vertical-align: middle;
                    padding: 2vw;
                }

            .footer .col2 .item1 .phone {
                color: #fff;
                text-align: left;
            }

                .footer .col2 .item1 .phone a {
                    display: inline-block;
                    vertical-align: middle;
                    color: #fff;
                }

            .footer .col2 .item1 .social a {
                text-decoration: none;
            }

            .footer .col2 .item1 .social img {
                width: 40px;
                padding: 1vw;
            }

        .footer .col2 .item2 {
            background-color: rgba(71, 26, 0, 0.719);
            margin-top: 2vw;
            padding: 2vw;
            border-radius: 2vw;
        }

            .footer .col2 .item2 .sign {
                color: white;
            }

            .footer .col2 .item2 .knk a {
                text-decoration: none;
                color: white;
            }

            .footer .col2 .item2 .knk img {
                width: 70px;
            }

    .footer .item3 {
        padding: 2vw;
        background-color: rgba(71, 26, 0, 0.719);
        text-align: center;
        margin-top: 2vw;
        margin-bottom: 2vw;
        border-radius: 2vw;
    }

        .footer .item3 .enamad {
            background-color: #fcdfba;
            display: block;
            margin: auto;
            width: fit-content;
            border-radius: 5px;
            padding: 8px;
            box-sizing: border-box;
        }

            .footer .item3 .enamad img {
                width: 65px;
                display: block;
                margin: auto;
            }
/*......................default.......................*/
.sliders {
    position: relative;
    height: 100vh;
}

    .sliders .ContentsTitle {
        display: none;
    }

    .sliders .itemSkin6 {
        display: none;
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
        position: relative;
        width: 100%;
    }

@-webkit-keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

.sliders .itemSkin6::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    opacity: .4;
}

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

.sliders .itemSkin6 .title {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 50%;
}

    .sliders .itemSkin6 .title a {
        font-size: 35px;
        color: #fff;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: bold;
    }

.sliders .itemSkin6 .abstract {
    display: none;
}

.sliders .itemSkin6 .body {
    position: absolute;
    right: 40px;
    top: 56%;
    text-align: center;
    overflow: hidden;
    width: 50%;
}

    .sliders .itemSkin6 .body p:not(.meydanBarLink) {
        font-size: 20px;
        color: #dddddd;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        height: 4em;
        margin: 0;
        overflow: hidden;
        text-align: justify;
    }

    .sliders .itemSkin6 .body .meydanBarLink .link {
        background-color: #fff;
        border-radius: 4px;
        padding: 10px 20px;
        box-sizing: border-box;
        color: #3c1d02;
        box-shadow: 0 0 10px #b5b5b554;
        font-weight: bold;
        font-size: 25px;
        display: inline-block;
    }

.sliders .companyName {
    font-size: 8.5vw;
    position: absolute;
    top: 20vh;
    left: 6vw;
    color: wheat;
    text-shadow: 0px 0px 8px #000000;
    font-weight: bold;
    z-index: 1;
    font-family: palatino, shabnam, tahoma;
}

.atributes {
    text-align: center;
    margin-top: -5vw;
    height: 34vw;
}

    .atributes .item {
        position: relative;
        background-color: white;
        width: 17vw;
        display: inline-block;
        margin: 2vw;
        border-radius: 1vw;
        padding: 1vw;
        box-shadow: 0px 0px 5px #afadad;
    }

        .atributes .item .img {
            position: absolute;
            width: 100%;
            top: 0;
            right: 0;
            border-radius: 1vw;
        }

            .atributes .item .img img {
                position: absolute;
                bottom: -3vw;
                right: 6vw;
                width: 5vw;
            }

        .atributes .item h3 {
            height: 22vh;
            text-align: justify;
        }

        .atributes .item h2 {
            text-align: center;
            font-weight: bold;
        }


.about2 {
    background-image: url('File.aspx?t=image&s=back.jpg');
    min-height: 45vw;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}

    .about2 .item {
        background-color: rgba(71, 26, 0, 0.719);
        color: white;
        position: sticky;
        top: 13vw;
        padding: 2vw 0;
    }

        .about2 .item h1 {
            text-align: center;
            padding: 1vw 0;
        }

        .about2 .item p {
            margin: 0 6vw;
            font-size: 17px;
            text-align: justify;
        }

/*......................pages.......................*/
.main {
    min-height: 40vw;
    padding: 8vw 0 0 0;
    background-image: url('File.aspx?t=image&s=back3.jpg');
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
}

    .main a {
        color: #76401a;
    }

.customers .ContentsItems {
    text-align: center;
    padding-top: 3vw;
}

    .customers .ContentsItems .itemSkin3 {
        text-align: center;
        box-shadow: 0px 0px 10px #969595;
        width: 17%;
        display: inline-block;
        margin: 2vw 1vw;
        padding: 2vw;
        border-radius: 10px;
        vertical-align: top;
        background-color: ghostwhite;
    }

.customers .itemSkin3 .title {
    font-weight: bold;
}

.customers .itemSkin3 .abstract {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    height: 155px;
    text-align: justify;
    word-spacing: -3px;
}

.customers .itemSkin3 a {
    text-decoration: none;
    color: black;
}

.customers .itemSkin3 .abstract a {
    font-size: 19px;
}

.customers .itemSkin3 .title a {
    font-size: 17px;
}

.customers .ContentsItems .itemSkin3 .child .image img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin-top: -5vw;
    border-radius: 50%;
    box-shadow: 0px 0px 10px #969595;
}

.news {
    min-height: 30vw;
}

    .news .title1 {
        text-align: center;
        font-size: 1.3vw;
        padding: 4vw;
        font-weight: bold;
    }

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

        .news .ContentsItems .itemSkin3 {
            display: inline-block;
            width: 23%;
            vertical-align: top;
            box-shadow: 0 0 5px gainsboro;
            margin: 5px;
            border-radius: 7px;
            background-color: ghostwhite;
        }


            .news .ContentsItems .itemSkin3 img {
                border-radius: 7px;
                width: 100%;
                height: 19vw;
                object-fit: cover;
            }

            .news .ContentsItems .itemSkin3 .abstract a {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                min-height: 5vw;
                text-decoration: none;
                color: black;
                height: 70px;
                font-size: 17px;
            }

            .news .ContentsItems .itemSkin3 .title a {
                text-decoration: none;
                color: black;
                font-weight: bold;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                height: 3vw;
                font-size: 19px;
            }

.contact {
}
/*

/*........................contact about................*/
.main .DetailSkin1 .ContentTitle {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.ContentBody .title {
    padding-top: 0;
}

.about .contentImagesDiv {
    display: inline-block
}
/*........................ details ................*/
.DetailSkin1 {
    padding-bottom: 10px;
    display: inline-block;
}

    .DetailSkin1 .ContentBody {
        width: 70vw;
        display: inline-block;
        padding: 5px 1vw;
        vertical-align: top;
        text-align: justify;
        font-size: 17px;
        display: inline-block;
    }

    .DetailSkin1 .contentImagesDiv {
        display: inline-block;
    }

    .DetailSkin1 .ContentBody .contentImagesDiv img {
        width: 21vw;
        height: 21vw;
        object-fit: cover;
        padding: 1vw;
    }

    .DetailSkin1 .ContentTitle {
        text-align: center;
        padding-bottom: 2vw;
        font-size: 1.5vw;
    }

    .DetailSkin1 .ContentAbstract {
        display: none;
    }

.about .DetailSkin1 .ContentBody .contentImagesDiv img {
    height: 35vw !important;
}

.contact .ContentBody {
    width: 100% !important;
    padding: 0 !important;
}

.DetailSkin1 .contentImagesDiv img {
    width: 22vw;
    height: 18vw;
    object-fit: cover;
    margin-right: 3vw;
    vertical-align: top;
    border-radius: 2vw;
}

.about .DetailSkin1 .contentImagesDiv img {
    width: 21vw;
    height: 35vw;
}

.header .menu ul li a img {
    display: none;
}

.header .hTitle {
    display: none;
}
/*............................................. phone ...........................................................*/
@media only screen and (max-width: 1024px) {

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

    .OpenResponsiveMenu {
    }

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

    .header .menu .title {
        font-size: 21px;
        padding: 16px 0;
        text-align: center;
        width: 100%;
        display: block;
        text-decoration: none;
        color: white;
        border-bottom: 1px solid;
        padding-right: 17px;
    }

    .header .menu {
        margin: 0;
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0px;
        padding: 10px;
        animation: open;
        transition: 1s;
        z-index: 3;
        background-image: radial-gradient(#5e3813, #1a1916);
        width: 60%;
        overflow-y: auto;
    }

    .header .icon {
        display: block;
        position: absolute;
        right: 9px;
        top: 17px;
    }

    .header .siteTitle {
        left: 5px;
        top: 16px;
    }

    .atributes {
        display: none;
    }

    .sliders {
        margin-top: 75px;
    }

        .sliders div {
            height: 100%;
        }

        .sliders .companyName {
            font-size: 50px;
            top: 6vh;
            height: auto;
        }

        .sliders .itemSkin6 .title {
            width: 100%;
            right: 0;
            padding: 10px 0;
            top: 35%;
            transform: unset;
        }

        .sliders .itemSkin6 .body {
            width: 100%;
            right: 0;
            top: 50%;
        }

            .sliders .itemSkin6 .title a,
            .sliders .itemSkin6 .body p:not(.meydanBarLink) {
                padding: 0 10px;
            }
    /*.slider .title {
            right: 0;
            font-size: 17vw;
            top: 38vw;
            left: 0;
            text-align: center;
        }

        .slider .description {
            display: none;
        }

        .slider .meydanBarLink {
            right: 50%;
            transform: translateX(50%);
        }*/
    /*.header .menu {
        display: none;
        position: fixed;
        top: 0;
        width: 70%;
        right: 0;
        text-align: center;
        background-color: rgb(37 13 1 / 88%);
        border-radius: 10px;
    }*/
    .header .menu ul {
        display: block;
        background-color: transparent;
        padding: 0;
        margin: 0;
        backdrop-filter: unset;
    }

        .header .menu ul li a {
            text-align: right;
            display: block;
            padding: 3vw;
        }

            .header .menu ul li a img {
                width: 20px;
                height: 25px;
                margin-left: 5px;
                display: inline-block;
                vertical-align: middle;
                object-fit: contain;
            }

    .about {
        text-align: center;
        padding: 4vw;
    }

        .about img {
            display: none;
        }

        .about .col1 {
            width: 0;
        }

        .about .col2 {
            width: 100%;
        }

            .about .col2 h3 {
                width: 100%;
            }

    .overflow .products .ContentsItems {
        text-align: center;
        overflow: auto;
        white-space: nowrap;
    }

    .products .ContentsItems .itemSkin2 .image img {
        width: 41vw;
        height: 41vw;
        object-fit: cover;
    }

    .learn {
        padding: 5px;
    }

    .overflow .learn .ContentsItems {
        overflow: auto;
        white-space: nowrap;
    }

    .learn .ContentsItems .itemSkin3 {
        width: 46%;
    }

        .learn .ContentsItems .itemSkin3 img {
            height: 40vw;
        }

    .footer .col2 {
        width: 85%;
    }

    .customers .ContentsItems .itemSkin3 {
        width: 42%;
        vert-align: top;
    }

    .main .content .DetailSkin1 {
        text-align: center;
    }

    .main .DetailSkin1 .ContentTitle {
        font-size: 22px;
        padding-top: 0vw;
    }

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

        .DetailSkin1 .contentImagesDiv img {
            width: 87%;
            height: 71vw;
        }

    .DetailSkin1 .ContentBody {
        float: none;
        width: 98%;
    }

    .news .ContentsItems .itemSkin3 {
        width: 46%;
    }

        .news .ContentsItems .itemSkin3 img {
            height: 38vw;
        }

        .news .ContentsItems .itemSkin3 .title a {
            height: 9vw;
        }

    .footer {
        background-position: -201px;
    }

        .footer .col2 .item1 img {
            width: 100%;
        }

    .header {
        background-color: #dfdfdf;
        height: 78px;
        box-shadow: 0 0 5px #664700;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 2;
    }

        .header .siteTitle img {
            width: 100px;
        }

        .header .hTitle {
            position: absolute;
            right: 80px;
            top: 22px;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            display: block;
            color: #5f3813;
        }

    .main {
        padding-top: 25vw;
    }

    .customers .ContentsItems .itemSkin3 .child .image img {
        width: 100px;
        height: 100px;
    }
}