@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 900;
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Fonts/irs/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/irs/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Fonts/irs/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Fonts/irs/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/irs/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Fonts/irs/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Fonts/irs/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/irs/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Fonts/irs/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 300;
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Fonts/irs/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/irs/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Fonts/irs/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 200;
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Fonts/irs/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/irs/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Fonts/irs/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum).eot');
    src: url('../Fonts/irs/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Fonts/irs/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/irs/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}

@font-face {
    font-family: mj_flow;
    font-style: normal;
    font-weight: normal;
    src: url('../Fonts/mj_flow.eot');
    src: url('../Fonts/mj_flow?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../Fonts/mj_flow.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../Fonts/mj_flow.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Fonts/mj_flow.ttf') format('truetype');
}





input, textarea, select {
    font-family: IRANSans;
    outline: none;
}

* b {
    font-family: mj_flow;
}

li {
    direction: rtl;
    text-align: right;
    list-style: none;
}

a {
    color: #000000;
    text-decoration: none;
}

    a:hover {
        color: #0056b3;
    }

* {
    font-family: IRANSans;
}

img {
    max-width: 100%;
    height: auto;
}

button {
    cursor: pointer;
}

body {
    text-align: right;
    margin: 0;
    padding: 0;
    direction: rtl;
    background: #F4F4FE;
    font-family: IRANSans;
    font-weight: bold;
    font-size: 11pt;
}

a, a:hover, a:active, a:link {
    text-decoration: none;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.no-padding-all {
    padding: 0px;
}

.padding-20 {
    padding: 20px;
}

.header {
    display: block;
    background: #fff;
}

    .header .top-nav {
        position: fixed;
        display: flex;
        flex-direction: row;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 999;
        box-shadow: 0 5px 5px rgba(0,0,0,.04);
        border-radius: 0 0 10px 10px;
    }

        .header .top-nav .nav-content {
            display: block;
            flex: .6;
            padding-top: 15px;
            text-align: center;
        }

        .header .top-nav .top-menu {
            display: block;
            width: 100%;
            text-align: center;
            font-size: 10pt;
        }

        .header .top-nav ul {
            all: unset;
            display: flex;
            margin: 0;
            padding: 0;
            flex-direction: row;
            align-items: center;
        }

            .header .top-nav ul li {
                display: inline-flex;
                flex: 1;
                direction: rtl;
                text-align: right;
                list-style: none;
            }

        .header .top-nav .item {
            all: unset;
            display: inline-flex;
            text-align: center;
            cursor: pointer;
            padding: 10px 0 0;
            flex-direction: row;
            flex: 1;
        }

            .header .top-nav .item span {
                display: inline-block;
            }

            .header .top-nav .item a {
                display: block;
                text-align: center;
                width: 100%;
                color: #222;
                padding: 7px 14px;
                border-radius: 5px;
            }
.logo-cont .logo a {
    display: block;
    text-align: center;
    width: 50%;
    color: #222;
    padding: 7px 14px;
    border-radius: 5px;
}
@media (max-width: 700px) {
    .logo-cont .logo a {
        width: 100%;
    }
}

                .header .top-nav .item a:hover {
                    background: rgba(0,0,0,.04);
                }

        .header .top-nav .logo-cont {
            display: inline-flex;
            flex: .2;
        }

        .header .top-nav .logo {
            display: inline-block;
            width: 100%;
            text-align: center;
            padding: 8px;
            z-index: 99999;
            margin-right: auto;
            transition: .2s;
            padding-top: 10px;
        }

            .header .top-nav .logo.flag {
                padding-top: 18px;
                text-align: center;
            }

                .header .top-nav .logo.flag img {
                    border-radius: 5px;
                    /*cursor: pointer;*/
                    max-height: 50px;
                }

            .header .top-nav .logo img {
                max-height: 70px;
                /*cursor: pointer;*/
                transition: .2s;
            }
/*

            .header .top-nav .logo:hover {
                top: 60%;
                border: 4px solid rgb(93,82,203);
                transition: .2s;
            }

                .header .top-nav .logo:hover img {
                    max-height: 60px;
                    transition: .2s;
                }

            .header .top-nav .logo.active {
                top: 60%;
                border: 4px solid rgb(93,82,203);
                transition: .2s;
            }

                .header .top-nav .logo.active img {
                    max-height: 60px;
                    transition: .2s;
                }

            .header .top-nav .logo .caption {
                position: absolute;
                opacity: 0;
                width: 80px;
                padding: 2px 10px;
                visibility: hidden;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 50%);
                text-align: center;
                transition: .2s;
            }

            .header .top-nav .logo:hover .caption {
                visibility: visible;
                background: #4D4DA7;
                padding: 2px 10px;
                border-radius: 5px;
                opacity: 1;
                bottom: -30%;
                transition: .2s;
            }

                .header .top-nav .logo:hover .caption img {
                    max-height: 60px;
                }

            .header .top-nav .logo .caption.active {
                visibility: visible;
                background: #4D4DA7;
                padding: 2px 10px;
                border-radius: 5px;
                opacity: 1;
                bottom: -30%;
                transition: .2s;
            }
            .header .top-nav .logo img {
                display: table-cell;
                filter: invert(1) grayscale(100%);
            }*/
.nav-navigator {
}

.header .menu-nav {
    display: block;
    /*padding-top: 88px;*/
    padding-top: 90px;
}


    .header .menu-nav .backg {
        background: #f5f5f5;
        display: block;
        width: 100%;
        margin: 10px auto;
    }

    .header .menu-nav .floatLast {
        /*float: left*/
    }

    .header .menu-nav .sf-menu, .header .menu-nav .sf-menu > li {
        /*float: right*/
    }

        .header .menu-nav .sf-menu, .header .menu-nav .sf-menu * {
            font-size: 12px;
            color: #162352;
            margin: 0;
            padding: 0;
            list-style: none;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -o-border-radius: 2px;
            -border-radius: 2px
        }

            .header .menu-nav .sf-menu li {
                position: relative;
                display: table-cell;
                background: transparent;
                white-space: nowrap;
                -webkit-transition: background .2s;
                transition: background .2s
            }

            .header .menu-nav .sf-menu ul {
                position: absolute;
                display: none;
                top: 100%;
                right: 0;
                z-index: 99;
                box-shadow: 2px 2px 6px rgba(0,0,0,.2);
            }

            .header .menu-nav .sf-menu a, .header .menu-nav .sf-menu li.sfHover > ul, .header .menu-nav .sf-menu li:hover > ul {
                display: block
            }

            .header .menu-nav .sf-menu a {
                position: relative;
                border-top: none;
                padding: 20px 10px;
                text-decoration: none;
                zoom: 1;
                color: #fff
            }

            .header .menu-nav .sf-menu ul ul {
                top: 0;
                right: 100%
            }

    .header .menu-nav .sf-menu {
        display: table;
        width: 100%;
    }

        .header .menu-nav .sf-menu ul li, .header .menu-nav .sf-menu ul ul li {
            background: #fafafa;
            display: block;
        }

        .header .menu-nav .sf-menu li.sfHover, .header .menu-nav .sf-menu li:hover {
            background: #eee;
            -webkit-transition: none;
            transition: none
        }

    .header .menu-nav .sf-arrows .sf-with-ul {
        padding-left: 12px
    }

    .header .menu-nav .sf-arrows .sf-menu .sep {
        margin-top: 12px
    }

#mobNav {
    background: #f2f2f2;
    width: 100%;
    height: 100%;
    display: none;
    padding-top: 88px;
}

    #mobNav #content {
    }

/*  BottomItems  */
.header_bottomItems {
    background: #53E3D4;
    text-align: center;
    width: 100%;
}

    .header_bottomItems .const {
        margin: auto;
    }

        .header_bottomItems .const .navNd {
            padding: 0;
            margin: 0;
            display: table;
            table-layout: fixed;
            width: 100%;
        }

            .header_bottomItems .const .navNd .lix {
                display: table-cell;
                font-size: 10pt;
                font-family: IRANSans;
                padding-left: 0;
                transition: 0.2s;
                margin: 0;
            }

                .header_bottomItems .const .navNd .lix a {
                    display: block;
                    color: #000;
                    transition: 0.2s;
                    padding: 17px 0;
                    width: 100%;
                    margin: 0;
                }

                .header_bottomItems .const .navNd .lix:hover {
                    color: #444;
                    background: transparent;
                    transition: 0.3s;
                }

                .header_bottomItems .const .navNd .lix a:hover {
                    color: #444;
                }

                .header_bottomItems .const .navNd .lix .fa-chevron-left {
                    display: none;
                }

                .header_bottomItems .const .navNd .lix:hover .drp-contnt-marginer {
                    visibility: visible;
                    opacity: 1;
                    top: 140px;
                    transition: .2s;
                }

                .header_bottomItems .const .navNd .lix .drp-contnt-marginer {
                    position: absolute;
                    z-index: 999;
                    left: 15px;
                    right: 15px;
                    top: 150px;
                    margin: auto;
                    display: inline-block;
                    opacity: 0;
                    text-align: right;
                    visibility: hidden;
                    transition: .2s;
                }

                .header_bottomItems .const .navNd .lix .drp-contnt {
                    position: relative;
                    background: #fcfcfc;
                    box-shadow: 0 5px 5px rgba(0,0,0,.04);
                    border-radius: 10px;
                    width: 100%;
                    padding: 10px 30px;
                    display: inline-block;
                    text-align: right;
                    column-count: 3;
                    column-gap: 1em;
                    margin-top: 10px;
                }

                .header_bottomItems .const .navNd .lix ul {
                    padding: 0;
                    margin: 0;
                }

                    .header_bottomItems .const .navNd .lix ul li {
                        padding: 0;
                        margin: 0;
                        list-style: none;
                        color: #999;
                    }

                .header_bottomItems .const .navNd .lix li ul {
                    display: block;
                }

                .header_bottomItems .const .navNd .lix .drp-contnt .fa-chevron-left {
                    display: inline-block;
                }

                .header_bottomItems .const .navNd .lix .drp-contnt .fa-chevron-down {
                    display: none;
                }

                .header_bottomItems .const .navNd .lix .drp-contnt .itm {
                    text-align: right;
                    font-family: IRANSans;
                    display: inline-block;
                    width: 100%;
                }

                    .header_bottomItems .const .navNd .lix .drp-contnt .itm i {
                        padding: 0 0 0 10px;
                        font-size: 7pt;
                    }

                    .header_bottomItems .const .navNd .lix .drp-contnt .itm a {
                        color: #000;
                        width: 100%;
                        padding: 15px 10px;
                        display: block;
                    }

                        .header_bottomItems .const .navNd .lix .drp-contnt .itm a:hover {
                            color: #6C8EBF;
                            background: #f2f2f2;
                        }

.lix ul.drp-contnt li {
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    position: relative;
}

.idvxHome {
    display: inline-block;
}

.lix ul.drp-contnt .submenu {
    display: block;
    position: static;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    top: 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #666;
}

.lix ul.drp-contnt li:hover > a {
}

.lix ul.drp-contnt ul.submenu li:hover > .lix ul.drp-contnt li {
    background: #000;
}

.lix ul.drp-contnt .submenu li {
}

.lix ul.drp-contnt .itm .submenu {
    font-size: 10pt;
}

.header_bottomItems .const .navNd .lix ul.drp-contnt .itm .submenu a {
    color: #777;
    padding: 5px 10px;
    padding-right: 30px;
}

    .header_bottomItems .const .navNd .lix ul.drp-contnt .itm .submenu a:hover {
        color: #034987;
    }

.header_bottomItems .const .navNd .lix ul.drp-contnt .submenu li:first-child a {
    padding-top: 0px;
}

.header_bottomItems .const .navNd .lix ul.drp-contnt .submenu li:last-child a {
    padding-bottom: 20px;
}

.lix ul.drp-contnt .itm:hover .submenu {
    display: block;
    background: #fff;
    color: #444;
}

.header-banner {
}

    .header-banner .slider, .header-banner .slider .slides {
        position: relative;
        display: block;
        width: 100%;
        background: #fff;
        /*min-height:770px !important;*/
    }

        .header-banner .slider .slides {
            position: relative;
        }

            .header-banner .slider .slides .image {
                position: absolute;
                display: block;
                left: 0;
                right: 0;
                opacity: 0;
                visibility: hidden;
                text-align: center;
                transition: .2s;
            }

                .header-banner .slider .slides .image img {
                    border-radius: 100%/20%;
                    border-top-left-radius: 0;
                    border-top-right-radius: 0;
                    width: 100%;
                    min-height:150px;
                }

                .header-banner .slider .slides .image.active {
                    visibility: visible;
                    opacity: 1;
                    transition: .2s;
                }

        .header-banner .slider .caption {
            position: absolute;
            bottom: 6px;
            background: rgba(0,0,0,.4);
            left: 50%;
            bottom: 0;
            min-height: 50px;
            border-radius: 100px;
            padding: 10px;
            color: #fff;
            transform: translate(-50%, -50%);
        }

        .header-banner .slider .slider-caption {
            display: block;
            position: absolute;
            z-index: 9;
            color: #fff;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -150%);
        }

            .header-banner .slider .slider-caption .banner-caption {
                display: none;
                text-overflow: ellipsis;
                max-height: 155px;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-right: 100%;
                transition: .2s;
                text-shadow: 1px 1px 1px rgba(0,0,0,.5);
            }

                .header-banner .slider .slider-caption .banner-caption h5 {
                    display: block;
                    margin-bottom: 30px;
                    font-size: 30px;
                }

                .header-banner .slider .slider-caption .banner-caption.active {
                    display: block;
                    padding-right: 0;
                    font-size: 15pt;
                    transition: .2s;
                }

        .header-banner .slider .caption .navigator {
            padding: 10px;
        }

            .header-banner .slider .caption .navigator .nav {
                display: inline-block;
            }

                .header-banner .slider .caption .navigator .nav i {
                    cursor: pointer;
                    padding: 0 3px;
                }

            .header-banner .slider .caption .navigator .dots {
                display: inline-block;
                padding: 0 10px;
            }

                .header-banner .slider .caption .navigator .dots .dot {
                    display: inline-block;
                    background: rgba(255,255,255,.3);
                    width: 10px;
                    height: 10px;
                    border-radius: 100%;
                    cursor: pointer;
                    transition: .2s;
                }

                    .header-banner .slider .caption .navigator .dots .dot.active {
                        background: rgba(255,255,255,.7);
                        width: 20px;
                        border-radius: 100px;
                        transition: .2s;
                    }

        .header-banner .slider .sofouri {
            position: absolute;
            z-index: 9;
            bottom: 0;
            width: 100%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .header-banner .slider .sofouri .contain {
                background: #fff;
                box-shadow: 0 0 15px rgba(18,25,65,.2);
                border-radius: 5px;
            }

                .header-banner .slider .sofouri .contain .title {
                    display: block;
                    padding: 15px;
                    font-size: 11pt;
                }

                .header-banner .slider .sofouri .contain .body {
                    display: flex;
                    padding: 10px;
                }

                    .header-banner .slider .sofouri .contain .body div {
                        display: inline-flex;
                        flex: 1;
                    }


                    .header-banner .slider .sofouri .contain .body .sel {
                        flex: .3;
                    }

                    .header-banner .slider .sofouri .contain .body .src {
                        flex: .1;
                    }

                    .header-banner .slider .sofouri .contain .body input, .header-banner .slider .sofouri .contain .body select, .header-banner .slider .sofouri .contain .body button {
                        width: 100%;
                        border: 0;
                        padding: 7px;
                    }

                    .header-banner .slider .sofouri .contain .body select {
                        background: #F4F3FE;
                        border-radius: 0 5px 5px 0;
                    }

                    .header-banner .slider .sofouri .contain .body input {
                        background: #fff;
                        border: 2px solid #F4F3FE;
                        border: 2px solid #F4F3FE;
                    }

                    .header-banner .slider .sofouri .contain .body button {
                        background: #121941;
                        color: #fff;
                        border-radius: 5px 0 0 5px;
                    }

                    .header-banner .slider .sofouri .contain .body .fullFlex {
                        flex: 1;
                    }

.flag-iran {
    display: block;
    width: 100%;
    background: url('/Images/iran.jpg')no-repeat center center;
    min-height: 28px;
    background-size: cover 200%;
    border-radius: 10px;
}

.img-effect {
    display: inline-block;
    background: url('../Images/effect.png') no-repeat;
    background-position: center;
    background-size: 100%;
    width: 20px;
    height: 20px;
}

.img--rotate {
    transform: rotate(180deg);
}

.fadeto-white {
    background: linear-gradient(180deg, #F4F3FE, #fff);
    height: 100px;
}

.fadeto-bg {
    background: linear-gradient(0deg, #F4F3FE, #fff);
    height: 100px;
}

.main {
    background: #fff;
}

.footer {
    background: #F4F3FE;
    color: #fff;
}

    .footer img {
        filter: invert(1) grayscale(100%);
    }

    .footer b {
        display: block;
        width: 100%;
        font-size: 14pt;
        padding: 10px;
        /*border-bottom: 1px solid #85742D;*/
        color:#fff;
        font-weight:500;
    }

        .footer b.empty {
            padding: 22px;
            border-bottom: 0px solid #85742D;
        }

    .footer ul, .footer ul li, .footer ul li a {
        display: block;
        color: #fff;
        padding: 0;
        font-size: 10pt;
    }

        .footer ul li a {
            padding: 7px 10px;
            border-bottom: 1px dotted transparent;
        }

            .footer ul li a:hover {
                color: #223546;
                border-bottom: 1px dotted rgb(3 73 135 / 38%);
                font-weight: 900;
            }

.footer-sub {
    background: #034987;
    color: #fff;
    padding: 10px 0;
}

.round-footer {
    background: #00A9AC;
    border-radius: 100%/20%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 30px 0 10px;
}
.sideNavSection {
    position: fixed;
    left: 0;
    bottom: 50%;
    z-index: 999;
    transform: translateY(-50%);
}
    .sideNavSection .item {
        position: relative;
        display: block;
        height: 38px;
        max-width: 40px;
        text-align: left;
        background: #53E3D4;
        border-radius: 0 10px 10px 0;
        color: #000;
    }
        .sideNavSection .item .image {
            display: inline-block;
        }
            .sideNavSection .item .image img {
                max-height: 40px;
                max-width: 40px;
            }
        .sideNavSection .item span {
            min-height: 40px;
            min-width: 40px;
            position: absolute;
            display: block;
            background: #f6f4ef;
            left: -63px;
            top: 0;
            bottom: 0;
            text-align: right;
            min-width: 100px;
            padding: 5px;
            overflow: hidden;
            word-break: keep-all;
            color: #000;
            border-radius: 0 10px 10px 0;
            font-size: 9pt;
            transition: 0.2s;
            z-index: -1;
        }
        .sideNavSection .item a:hover span {
            left: 0;
            visibility: visible;
            opacity: 1;
            transition: 0.2s;
        }
        .sideNavSection .item b {
            padding: 5px;
        }

.bx-wrapper {
    position: relative;
    margin: 0 auto 0;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    .bx-wrapper .bx-viewport {
        left: -5px;
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
        display: none;
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(/Images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        color: #9aa7d9;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #9aa7d9;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #182865;
            }

    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(/Images/controls.png) no-repeat 0 -32px;
    }

    .bx-wrapper .bx-next {
        right: 10px;
        background: url(/Images/controls.png) no-repeat -43px -32px;
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        color: rgba(0,0,0,0);
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(/Images/controls.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(/Images/controls.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666999;
        background: rgba(80,80,80,0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

.bor {
    background: linear-gradient(0deg, #85742D, transparent);
    width: 100px;
    height: 3px;
}

.background-bg {
    background: #F4F4FE;
}

.round-w {
    background: #fff;
    border-radius: 100%/20%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.round-bg {
    background: #F4F4FE;
    border-radius: 100%/20%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.contentHead {
    background: #F4F3FE;
    border-radius: 0 0 20px 20px;
    display: block;
    width: 100%;
}

    .contentHead h5 {
        padding: 10px;
        padding-top: 20px;
        text-align: center;
        font-family: Mj_Flow, IRANSans;
    }

        .contentHead h5 * {
            font-family: Mj_Flow, IRANSans;
        }

    .contentHead .bor {
        background: #F4F3FE;
        display: block;
        width: 100%;
        border-radius: 10px 10px 0 0;
        height: 5px;
    }

        .contentHead .bor.light {
            background: #30E7DE;
        }

.imgBlockLoading {
    border-radius: 50px;
    max-height: 100px;
}

.divBlock {
    background: #000;
}

/*.fab {
    position: fixed;
    bottom: 20px;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%);
}*/

    .fab .contain {
        display: flex;
        flex-direction: row;
        font-size: 10pt;
        background: #261F3E;
        border-radius: 100px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }

        .fab .contain a {
            display: inline-flex;
            flex: 1;
            padding: 15px;
            background: #261F3E;
            color: #fff;
        }

            .fab .contain a:hover {
                background: #4B406F;
            }

            .fab .contain a:first-child {
                border-radius: 0 100px 100px 0;
                padding-right: 20px;
            }

            .fab .contain a:last-child {
                border-radius: 100px 0 0 100px;
                padding-left: 20px;
            }

        .fab .contain button {
            display: inline-flex;
            flex: 1;
            padding: 15px;
            background: #261F3E;
            color: #fff;
            border: 0;
            margin: 0;
        }

            .fab .contain button:hover {
                background: #4B406F;
            }

            .fab .contain button:first-child {
                border-radius: 0 100px 100px 0;
                padding-right: 20px;
            }

            .fab .contain button:last-child {
                border-radius: 100px 0 0 100px;
                padding-left: 20px;
            }


.table-body table {
    display: table;
}

    .table-body table,
    .table-body table tbody,
    .table-body table tr,
    .table-body table td {
        width: 100%;
    }

.category-body-link .category-link-item {
    display: block;
    width: 100%;
    background: #F4F3FE;
    border-radius: 10px;
    padding: 10px;
    border-right: 2px solid transparent;
    transition: .15s;
}

    .category-body-link .category-link-item.active {
        background: #6A5F98;
        transition: .15s;
        color: #fff;
    }


.stylish-title {
    display: block;
}

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

.ddl-cat {
    width: 100%;
    display: block;
}

    .ddl-cat .RadComboBox.RadComboBox_Metro.RadComboBox_rtl.RadComboBox_Metro_rtl {
        width: 100%;
    }

    .ddl-cat div.RadComboBox_Metro table td.rcbInputCellRight {
        border: 0;
        width: 100%;
    }

    .ddl-cat .RadComboBox_rtl table td.rcbInputCell, .RadComboBox_rtl .rcbInputCell .rcbInput, td.rcbInputCell.rcbInputCellRight input {
        background: transparent;
        padding: 0;
        border-radius: 0;
    }

    .ddl-cat div.RadComboBox_Metro .rcbHovered .rcbArrowCell, div.RadComboBox_Metro .rcbHovered .rcbInputCell,
    .ddl-cat div.RadComboBox_Metro table td.rcbArrowCell {
        border: 0;
        color: #000;
        border-radius: 7px 0 0 7px;
    }


@media screen and (max-width:1200px) {
    .header .top-nav .item a {
        padding: 7px;
    }
}

@media screen and (max-width:991px) {
    .header .top-nav .item span,
    .header_bottomItems {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .header-banner .slider .slides {
        padding-bottom: 30px;
    }

    .header .top-nav .logo img {
        max-height: 40px;
    }

    .header-banner .slider .sofouri {
        transform: translate(-50%, -20%);
    }

    .header-banner .slider .caption {
        min-height: unset;
        padding: 0;
    }

    .header-banner .slider .sofouri .contain {
        margin-top: 10px;
    }

    .header .top-nav .nav-content {
        flex: 0.7;
    }

    .header .top-nav .logo-cont {
        flex: .3;
    }

        .header .top-nav .logo-cont:nth-child(3) {
            display: none;
        }

    .header .top-nav .item {
        padding: 0;
    }

        .header .top-nav .item a {
            padding: 7px;
        }

    .header .menu-nav, #mobNav {
        padding-top: 55px;
    }

    .footer img {
        height: 100px;
        text-align: center;
        margin: auto;
    }

    .footer b {
        padding-top: 30px;
    }

        .footer b.empty {
            padding: 0;
        }
}

@media screen and (max-height:360px) {
}