.news {
    display: block;
    flex-direction: row;
    border-radius: 10px;
    padding-bottom: 10px;
}

    .news .round-w {
        display: flex;
        flex-direction: row;
        padding-bottom: 5%;
    }

    .news .news-other {
        display: inline-flex;
        flex: 0.3;
        background: #f9f9f9;
        padding: 10px;
        width: 25%;
        min-width: 300px;
    }

        .news .news-other a {
            display: block;
            padding: 10px;
            border-bottom: 1px solid #ddd;
        }

        .news .news-other img {
            width: 100%;
        }

        .news .news-other b {
            display: block;
            padding: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .news .news-container {
        display: block;
        width: 100%;
        border: 0px solid #eee;
        border-radius: 5px;
    }

        .news .news-container.sec {
            display: block;
            width: 100%;
            color: #fff;
            border: 0;
            border-radius: 5px;
        }

        .news .news-container .news-body {
            display: block;
            width: 100%;
            background: #fff;
        }

        .news .news-container.sec .news-body {
            display: block;
            width: 100%;
            background: #fff;
            padding: 10px;
        }

        .news .news-container .news-title {
            display: inline-block;
            padding: 3px 10px 9px 0px;
            border-bottom: 2px solid #6A5F98;
            font-size: 10.5pt;
            font-family: Mj_Flow;
        }

        .news .news-container .arc {
            padding: 3px 10px 9px 0px;
            font-size: 10.5pt;
            font-family: Mj_Flow;
        }

        .news .news-container.sec .news-title {
            display: block;
            padding: 12px 15px;
            border-bottom: 0;
            width: 100%;
            border-radius: 5px;
            text-align: center;
            background: #F5CE1C;
            color: #333;
        }

            .news .news-container.sec .news-title:hover {
                background: #f5ce1c82;
            }

        .news .news-container.sec .news-item {
            display: block;
            background: #fff;
            width: 100%;
            padding: 0;
            margin-bottom: 7px;
            border-bottom: 0;
            transition: .2s;
            border-radius: 5px;
        }

            .news .news-container.sec .news-item:hover {
                background: #fff;
                border-bottom: 0;
                transition: .2s;
            }

        .news .news-container .news-item {
            display: block;
            background: #fff;
            width: 100%;
            padding: 7px;
            border: 1px solid #034987;
            border-radius: 10px;
            margin-bottom: 5px;
            transition: .2s;
        }

            .news .news-container .news-item:hover {
                /*background: #00a9ac1f;*/
                transition: .2s;
            }

        .news .news-container .image {
            display: block;
            width: 100%;
            text-align: center;
        }

            .news .news-container .image img {
                display: block;
                border: 2px solid #034987;
                border-radius: 10px;
                margin: auto;
                height: 200px !important;
            }

            .news .news-container .image input {
                display: block;
                height: 50px;
                border: 2px solid #00A9AC;
                border-radius: 100%;
            }


        .news .news-container .det {
            padding: 7px;
            font-size: 10pt;
            color: #0056b38a;
            background: #F4F3FE;
            border-radius: 5px;
            display: block;
            width: 100%;
        }

            .news .news-container .det i {
                font-size: 6pt;
                padding: 0 7px;
            }

        .news .news-container .dex {
            padding: 3px;
            font-size: 8pt;
            color: #999;
            background: #f4f3fe;
            border-radius: 5px;
            display: block;
            width: 100%;
            margin-bottom: 15px;
        }

            .news .news-container .dex i {
                font-size: 6pt;
                padding: 0 7px;
            }

        .news .news-container .det i:first-child {
            padding-right: 0;
        }

        .news .news-container .det .bt-btn,
        .news .news-container .det .bt-link {
            background: transparent;
            border: 0;
            margin: 0;
            margin-right: 10px;
            color: #999;
        }

            .news .news-container .det .bt-btn i,
            .news .news-container .det .bt-link i {
                padding: 0 2px;
            }

        .news .news-container .content {
            padding-top: 10px;
            width: 100%;
            text-align: center;
        }

            .news .news-container .content p {
                padding: 20px 0;
                color: #999;
                font-weight: 500;
            }

            .news .news-container .content span {
                text-align: center;
                font-size: 9.25pt;
                padding: 10px 0;
                display: block;
                color: #999;
            }

        .news .news-container.sec .content {
            padding: 0;
            margin: 0;
        }

            .news .news-container.sec .content a {
                display: block;
                width: 100%;
                padding: 10px;
                margin: 0;
                font-size: 10pt;
                border-radius: 5px;
                background: #F4F3FE;
            }

                .news .news-container.sec .content a i {
                    padding-left: 7px;
                }
/*

        .news .news-container a {
            padding: 7px 10px;
            background: #89722c;
            color: #fff;
            text-align: center;
            border-radius: 3px;
            font-weight: 500;
        }

            .news .news-container a:hover {
                background: #89722c;
            }*/


.main .product-cont {
    position: relative;
    /*padding: 10px 0;*/
    background: #F4F3FE;
    overflow-x: auto;
    white-space: nowrap;
    color: #000;
    text-align: center;
}

    .main .product-cont .tit {
        background: #fff;
        display: inline-block;
        width: auto;
        padding: 10px 20px;
        font-size: 15pt;
        font-family: Mj_Flow;
        background: #fff;
        margin: auto;
        text-align: center;
        border-radius: 0 0 15px 15px;
    }


    .main .product-cont .item {
        position: relative;
        display: inline-block;
        background: #fff;
        margin-left: 10px;
        min-width: 300px;
        padding: 7px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }


        .main .product-cont .item b {
            display: block;
            padding: 30px 10px 10px;
            font-size: 12pt;
            color: #034987;
        }

            .main .product-cont .item b i {
                font-size: 8pt;
                padding-left: 5px;
            }

        .main .product-cont .item .more {
            font-size: 12pt;
            position: absolute;
            left: 0;
            right: 0;
            top: 137px;
        }

            .main .product-cont .item .more i {
                background: #fff;
                padding: 10px 15px;
                border-radius: 100%;
                font-size: 15pt;
                color: #6A5F98;
            }


        .main .product-cont .item .image {
            background: radial-gradient(#25223fbf, #25223f);
            border-radius: 10px;
        }



            .main .product-cont .item .image img {
                border-radius: 10px;
                max-height: 150px;
            }

.main .product {
    overflow-x: auto;
    padding: 15px;
    white-space: nowrap;
}

    .main .product::-webkit-scrollbar {
        width: 1em;
        height: 7px;
    }

    .main .product::-webkit-scrollbar-track {
        background: transparent;
        border: 0;
    }

    .main .product::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.1);
        border-radius: 100px;
        height: 5px;
    }

    .main .product .dix {
        background: #fff;
        text-align: center;
        box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
        margin: 10px auto;
        color: #000;
        border-radius: 5px;
    }

        .main .product .dix a {
            color: #000;
        }

        .main .product .dix .hdr {
            position: relative;
            width: 100%;
            height: 128px;
            text-align: center;
            padding: 0;
            background: #19B5FE;
            border-bottom: 2px solid #fff;
            border-radius: 0 0 100% 100%;
        }

            .main .product .dix .hdr .i {
                display: inline-block;
                width: 70px;
                height: 70px;
                margin: auto;
                position: absolute;
                right: 0;
                left: 0;
                top: 88px;
                border-radius: 100%;
                background: #fff;
                box-shadow: 0 2px 2px rgba(0,0,0,0.2);
            }

            .main .product .dix .hdr i {
                margin-top: 10px;
                font-size: 40pt;
                color: #000;
            }

        .main .product .dix .bdy {
            padding: 40px 0 20px 0;
            font-size: 12pt;
            font-family: sans;
        }


.online-services {
    display: block;
    text-align: center;
    padding-top: 10px;
    background: #F4F3FE;
}

    .online-services .round-w {
        padding: 20px 0;
        display: block;
        text-align: center;
        border-radius: 100%/12%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        /*box-shadow: 0 0 10px rgba(0,0,0,.05);*/
    }


    .online-services .title {
        display: inline-block;
        width: auto;
        padding: 10px 20px;
        font-weight: 500;
        font-size: 15pt;
        font-family: Mj_Flow;
        background: #fff;
        margin: auto;
        text-align: center;
        border-radius: 0 0 15px 15px;
        color: #034987;
    }

    .online-services .content {
        display: block;
        width: 100%;
        padding: 30px 10px 0 10px;
    }

        .online-services .content .item {
            display: block;
            width: 100%;
            position: relative;
            padding: 10% 0;
        }

            .online-services .content .item .image {
                position: absolute;
                top: 0;
                left: 50%;
                padding: 20px;
                background: #53E3D4;
                color: #000;
                z-index: 9;
                font-size: 30pt;
                transform: translate(-50%, 0);
                /*border: 2px solid #034987;*/
            }

            .online-services .content .item .content {
                background: #fff;
                display: block;
                width: 100%;
                border-radius: 10px;
                padding: 15px 10px;
                padding-top: 80px;
                text-align: center;
                position: relative;
                font-size: 13pt;
                font-weight: 500;
                font-family: Mj_Flow;
                color: #034987;
                border: 2px solid #034987;
            }

                .online-services .content .item .content:hover a {
                    padding: 10px;
                    visibility: visible;
                    font-family: IRANSans;
                    opacity: 1;
                    transition: .1s;
                }


                .online-services .content .item .content a {
                    display: block;
                    width: 100%;
                    padding: 0;
                    font-size: 10pt;
                    font-weight: 500;
                    background: #034987;
                    margin-top: 25px;
                    border-radius: 5px;
                    color: #fff;
                    opacity: 0;
                    visibility: hidden;
                    transition: .1s;
                }

                    .online-services .content .item .content a:hover {
                        background: #034987;
                        color: #fff;
                    }



.contact {
    background: #fff;
    z-index: 9
}

    .contact .round-bg {
        border-radius: 100%/30%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }


    .contact .content {
        display: block;
        width: 100%;
        padding: 5% 10px;
    }

        .contact .content .contain {
            background: #fff;
            box-shadow: 3px 3px 3px rgba(0,0,0,.15);
            border: 1px solid #eee;
            border-radius: 10px;
        }

            .contact .content .contain h5 {
                display: block;
                padding: 30px 0 20px;
            }

            .contact .content .contain b {
                display: block;
                padding: 20px;
            }

            .contact .content .contain .icons {
                display: block;
                width: 100%;
                padding: 10px;
            }

                .contact .content .contain .icons div {
                    display: inline-block;
                    text-align: center;
                    font-size: 13pt;
                    padding: 10px;
                }

                    .contact .content .contain .icons div i {
                        margin: auto;
                        color: #034987;
                        cursor: pointer;
                    }


        .contact .content .map {
            display: block;
            width: 100%;
        }


            .contact .content .map img {
                border-radius: 0 10px 10px 0;
            }

    .contact .title {
        display: block;
        width: 100%;
        padding: 15px 0 10px;
        font-size: 15pt;
        text-align: right;
        font-family: Mj_Flow;
    }

    .contact .content .contain .title h5 {
        display: inline-block;
        padding: 0 7px 7px 0;
        font-size: 15pt;
        text-align: right;
        border-bottom: 2px solid #034987;
        color:
    }

.personal {
    display: block;
}

    .personal .personal-item {
        position: relative;
        display: block;
        width: 100%;
        padding: 50px 0 20px;
    }

        .personal .personal-item .item-image {
            position: absolute;
            border-radius: 100px;
            top: 0;
            max-height: 80px;
            left: 50%;
            transform: translateX(-50%);
            border: 5px solid #f4f3fe;
        }

        .personal .personal-item .item-body {
            display: block;
            padding: 10px;
            border: 1px solid #eee;
            border-radius: 10px;
            background: #F4F3FE;
            padding-top: 35px;
        }

            .personal .personal-item .item-body b {
                display: block;
                text-align: center;
                font-family: Mj_Flow, IRANSans;
                font-size: 11pt;
                padding-bottom: 7px;
            }

            .personal .personal-item .item-body p {
                display: block;
                text-align: center;
                padding-bottom: 7px;
            }

            .personal .personal-item .item-body a {
                display: block;
                text-align: center;
                padding: 7px;
                background: #9892d2;
                color: #fff;
                border-radius: 5px;
            }

        .personal .personal-item .have-input .chk label {
            display: inline-block;
            padding: 10px 10px 0px;
            font-family: Mj_Flow, IRANSans;
            font-size: 12pt;
        }

        .personal .personal-item .have-input .chk input {
            display: inline-block;
            width: auto;
        }

        .personal .personal-item .have-input label {
            display: block;
            padding: 10px 10px 0px;
            font-family: Mj_Flow, IRANSans;
            font-size: 12pt;
        }

        .personal .personal-item .have-input input:not([type=button]),
        .personal .personal-item .have-input textarea {
            display: block;
            width: 100%;
            padding: 7px 10px;
            background: #F4F3FE;
            border-radius: 5px;
            border: 1px solid #fff;
            transition: .2s;
        }

        .personal .personal-item .have-input .notfull input:not([type=button]),
        .personal .personal-item .have-input .notfull textarea {
            display: inline-block;
            width: auto;
        }

        .personal .personal-item .have-input input:focus,
        .personal .personal-item .have-input textarea:focus {
            border: 1px solid #8393e0b3;
            transition: .2s;
        }

        .personal .personal-item .have-input a {
            padding: 10px 7px;
            background: #53E3D4;
            font-size: 11pt;
        }

            .personal .personal-item .have-input a:hover {
                background: #fff;
                color: #53E3D4;
            }

        .personal .personal-item .have-input .btn-list {
            display: flex;
            flex-direction: row;
            width: 100%;
            padding: 15px 0 10px;
        }

            .personal .personal-item .have-input .btn-list a {
                display: inline-flex;
                flex: 1;
                text-align: center;
                padding: 10px;
                background: transparent;
                color: #fff;
                border-radius: 5px;
                margin: 0 5px;
                font-family: Mj_Flow, IRANSans;
                font-size: 9pt;
                justify-content: center;
            }

            .personal .personal-item .have-input .btn-list i {
                padding: 0 0 0 5px;
            }

            .personal .personal-item .have-input .btn-list * {
                text-align: center;
                margin: auto;
            }

            .personal .personal-item .have-input .btn-list a.red {
                background: #c55;
                text-align: center;
            }

                .personal .personal-item .have-input .btn-list a.red:hover {
                    background: #fff;
                    color: #c55;
                    text-align: center;
                }

            .personal .personal-item .have-input .btn-list a.green {
                text-align: center;
                background: #9892d2;
            }

                .personal .personal-item .have-input .btn-list a.green:hover {
                    background: #fff;
                    color: #9892d2;
                    text-align: center;
                }

@media screen and (max-width:991px) {
    .online-services .content .mid-icon {
        display: none;
    }

    .online-services .content .bor-vertical {
        display: none;
    }

    .online-services .content .s-item .s-content.active,
    .online-services .content .s-item.right .s-content,
    .online-services .content .s-item.left .s-content,
    .online-services .content .s-item.top .s-content {
        padding: 0;
    }

        .online-services .content .s-item .s-content.active a,
        .online-services .content .s-item.right .s-content a,
        .online-services .content .s-item.left .s-content a,
        .online-services .content .s-item.top .s-content a {
            border: 0px;
            border-bottom: 2px solid #56EADD;
            transition: 0.2s;
        }

            .online-services .content .s-item .s-content.active a:Hover,
            .online-services .content .s-item.right .s-content a:hover,
            .online-services .content .s-item.left .s-content a:hover,
            .online-services .content .s-item.top .s-content a:hover {
                border: 0px;
                border-bottom: 2px solid #121941;
                transition: 0.2s;
            }
}

@media screen and (max-width:767px) {
    .contact .title,
    .contact .content .contain .icons {
        text-align: center;
    }

        .contact .title .img-effect {
            display: none;
        }

    .contact .content .contain .title h5 {
        padding: 7px;
    }

    .news .news-container .news-body,
    .news .news-container.sec .news-item,
    .news .news-container.sec .news-body {
        background: transparent;
    }
}