@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iransans/eot/IRANSansWeb_Bold.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/woff2/IRANSansWeb_Bold.woff2') format('woff2'), url('../fonts/iransans/woff/IRANSansWeb_Bold.woff') format('woff'), url('../fonts/iransans/ttf/IRANSansWeb_Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: nobatan;
    src: url(../fonts/biaad8e8.eot);
    src: url(../fonts/biaad8e8.eot?#iefix) format("eot"), url(../fonts/bia4247f.woff2) format("woff2"), url(../fonts/bia0c2dd.woff) format("woff"), url(../fonts/bia8af74.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: nobatan2;
    src: url(../fonts/digikala/7cedf9b6.eot);
    src: url(../fonts/digikala/7cedf9b6.eot?#iefix) format("eot"),url(../fonts/digikala/981fe1d4.woff2) format("woff2"),url(../fonts/digikala/15f4555c.woff) format("woff"),url(../fonts/digikala/f9cdd786.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/iransans/eot/IRANSansWeb_Medium.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/woff2/IRANSansWeb_Medium.woff2') format('woff2'), url('../fonts/iransans/woff/IRANSansWeb_Medium.woff') format('woff'), url('../fonts/iransans/ttf/IRANSansWeb_Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iransans/eot/IRANSansWeb_Light.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/woff2/IRANSansWeb_Light.woff2') format('woff2'), url('../fonts/iransans/woff/IRANSansWeb_Light.woff') format('woff'), url('../fonts/iransans/ttf/IRANSansWeb_Light.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/iransans/eot/IRANSansWeb_UltraLight.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), url('../fonts/iransans/woff/IRANSansWeb_UltraLight.woff') format('woff'), url('../fonts/iransans/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iransans/eot/IRANSansWeb.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/woff2/IRANSansWeb.woff2') format('woff2'), url('../fonts/iransans/woff/IRANSansWeb.woff') format('woff'), url('../fonts/iransans/ttf/IRANSansWeb.ttf') format('truetype');
    font-display: swap;
}

/********** reset **********/
*, h1, h2, h3, h4, h5, h6, body {
    font-family: IRANSans, sans-serif;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    overflow-y: scroll;
    font-size: 13px;
}

a {
    text-decoration: none !important;
    color: #3d51b4;
}


@media(max-width: 768px) {
    .u-xs-text-center {
        text-align: center !important;
    }
}

.w150 {
    width: 150px;
}

@media(min-width: 768px) {
    .desktop-w150 {
        width: 150px;
    }
}

.u-rotate315 {
    transform: rotate(315deg) !important;
}

.u-border-thin {
    border: 1px solid #eee;
}

.u-no-border {
    border: none !important;
}

.u-white-back {
    background: #fff !important;
    background-color: #fff !important;
}

.u-nowrap {
    white-space: nowrap !important;
}

.minWidth0 {
    min-width: 0;
}

.full-width {
    width: 100% !important;
}

.full-height {
    height: 100% !important;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.u-text-gray {
    color: #727272;
}

.text-nowrap-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer__item_wrapper {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    align-items: center;
    position: relative;
}

.customer-item__des {
    font-size: 13px;
    line-height: 21px;
    color: #6c6c6c;
    word-break: break-word;
    margin-bottom: 0;
    overflow: hidden;
    max-height: 42px;
}

.old_customer-item__info {
    overflow: hidden;
    padding: 15px 10px;
}

.customer-item__info {
    overflow: hidden;
    padding: 15px;
    width: 100%;
}

.customer-item__image {
    width: 100%;
    max-width: 720px;
}

.customer__item__figure {
    width: 100%;
    height: 180px;
    border-bottom: 2px solid transparent;
    position: relative;
    overflow: hidden;
    background: url('https://www.nobatan.com/images/loading.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    border-radius: 10px 10px 0 0;
}
@media (min-width:768px){
    .customer__item__figure {
        border-radius: 10px;
        border: solid 1px #eee;
    }
}
    @media(min-width: 992px) {
        .customer__item_wrapper {
            flex-direction: row;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .customer__item__figure {
            width: 33.33333%;
            height: 210px;
        }

        .customer-item__info {
            padding: 0px;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 0px;
            width: auto;
        }

        .customer-item__image {
            max-width: 284px;
        }
    }



    .flex-container {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .flex-wrap {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex-center {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .flex-center-center {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .flex-center-center-wrap {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }


    .flex-center-column {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }

    .flex-center-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex-center-item-content-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 auto !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
    }

    .flex1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .form-control {
        padding: 3px 12px;
    }
        .form-control:focus {
            border-color: #ff802e;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(255, 128, 46, 0.13),0 0 8px rgba(233, 133, 102, 0.12);
            box-shadow: inset 0 1px 1px rgba(255, 128, 46, 0.13),0 0 8px rgba(233, 133, 102, 0.12);
        }
    .no-padding {
        padding: 0 !important;
    }

    .no-margin {
        margin: 0 !important;
    }

    .mrl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .mr-5 {
        margin-right: 5px !important;
    }

    .mr-10 {
        margin-right: 10px !important;
    }

    .ml-5 {
        margin-left: 5px !important;
    }

    .ml-10 {
        margin-left: 10px !important;
    }

    .mr-15 {
        margin-right: 15px !important;
    }

    .ml-15 {
        margin-left: 15px !important;
    }

    .mt-5 {
        margin-top: 5px !important;
    }

    .mt-8 {
        margin-top: 8px !important;
    }

    .mt-10 {
        margin-top: 10px !important;
    }

    .mt-15 {
        margin-top: 15px !important;
    }

    .mt-20 {
        margin-top: 20px !important;
    }

    .mb-20 {
        margin-bottom: 20px !important;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .mb-50 {
        margin-bottom: 50px !important;
    }

    .mb-5 {
        margin-bottom: 5px;
    }

    .mb-10 {
        margin-bottom: 10px;
    }

    .mb-15 {
        margin-bottom: 15px !important;
    }

    .mb-25 {
        margin-bottom: 25px !important;
    }

    .mb-30 {
        margin-bottom: 30px !important;
    }

    .mb-35 {
        margin-bottom: 35px !important;
    }

    .mb-30 {
        margin-bottom: 30px !important;
    }

    .p-8 {
        padding: 8px !important;
    }

    .p-15 {
        padding: 15px !important;
    }

    .pl-0 {
        padding-left: 0 !important;
    }

    .pr-0 {
        padding-right: 0 !important;
    }

    .pt-5 {
        padding-top: 5px !important;
    }

    .pl-5 {
        padding-left: 5px !important;
    }

    .pr-5 {
        padding-right: 5px !important;
    }

    .p-10 {
        padding: 10px !important;
    }

    .pt-10 {
        padding-top: 10px;
    }

    .pb-10 {
        padding-bottom: 10px;
    }

    .p-15 {
        padding: 15px !important;
    }

    .pr-15 {
        padding-right: 15px !important;
    }

    .pl-15 {
        padding-left: 15px !important;
    }

    .pt-15 {
        padding-top: 15px;
    }

    .pt-25 {
        padding-top: 25px;
    }

    .pb-15 {
        padding-bottom: 15px;
    }

    .pb-25 {
        padding-bottom: 25px !important;
    }

    .pl-30 {
        padding-left: 30px;
    }

    .pr-30 {
        padding-right: 30px;
    }

    .pr0 {
        padding-right: 0 !important;
    }

    .pl {
        padding-right: 0 !important;
    }


    .v-align {
        vertical-align: middle;
    }

    .relative {
        position: relative;
    }

    .rtl {
        direction: rtl;
    }

    .ltr {
        direction: ltr;
    }

    .inline {
        display: inline;
    }

    .block {
        display: block !important;
    }

    .inline-block {
        display: inline-block !important;
    }

    .display-table {
        display: table;
    }

    .alert {
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
    }

    .grey {
        color: #848484;
    }

    .purple {
        color: #9c27b0 !important;
    }

    .black {
        color: black;
    }

    .fs12 {
        font-size: 12px !important;
    }

    .fs13 {
        font-size: 13px !important;
    }

    .fs14 {
        font-size: 14px !important;
    }

    .fs15 {
        font-size: 15px !important;
    }

    .fs16 {
        font-size: 16px !important;
    }

    .fs22 {
        font-size: 22px !important;
    }

    .fw500 {
        font-weight: 500 !important;
    }

    .fw600 {
        font-weight: 600 !important;
    }

    .fw700 {
        font-weight: 700 !important;
    }

    h3.legend {
        font-size: 13px;
        font-weight: bold;
        color: #9C27B0;
    }

    .u-hidden {
        display: none !important;
    }
    /***** Layout *****/
body {
    background-color: #f1f4fb;
}


    form {
        margin-top: 25px;
        margin-bottom: 25px;
    }


    /***** Top Navbar *****/
    .navbar.navbar-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        border: none;
        min-height: 40px;
        background: #631b6f;
        margin-bottom: 0;
        text-align: center;
        font-size: 12px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        z-index: 1000;
    }

    .navbar-top .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-top .navbar-toggle {
        font-size: 21px;
        color: whitesmoke;
        background: #4a525d;
        margin: 0 15px;
        width: 50px;
        line-height: 0;
        padding: 9px 0;
        border: 1px solid #333;
        border-top: none;
        border-bottom: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .navbar-top .navbar-toggle:focus,
        .navbar-top .navbar-toggle:hover {
            background-color: #888;
        }

    .navbar-top .navbar-nav > .active > a,
    .navbar-top .navbar-nav > .active > a:focus,
    .navbar-top .navbar-nav > .active > a:hover {
        background-color: #4a525d;
        color: white;
    }

    .navbar-top .navbar-nav > li > a {
        color: #EEE;
    }

        .navbar-top .navbar-nav > li > a:focus,
        .navbar-top .navbar-nav > li > a:hover {
            color: white;
            background: #9C27B0;
        }

    body.iosBugFixCaret.modal-open {
        position: fixed;
        width: 100%;
    }

.citis {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
    margin: 20px;
}

    .city-item{
        padding-left: 7px;
        padding-right: 7px;
    }
        .city-item a {
            display: block;
            padding: 12px 0;
            text-align: center;
            background: #f8f9fa;
            border: 2px solid #ddd;
            border-radius: 12px;
            color: #333;
            font-weight: 400;
            text-decoration: none;
            transition: all 0.25s ease;
            cursor: pointer;
        }
.city-item a:hover {
                border-color: #3498db;
                background: #ecf6ff;
                color: #3498db;
                box-shadow: 0 4px 8px rgba(0,0,0,0.05);
            }
            #modal-cities .city-item a.active {
                border-color: #3498db;
                background: #3498db;
                color: #fff;
            }
         

    .modal-MapProfile {
    }

        .modal-MapProfile .btn {
            width: 100%;
        }

    .navbar-top img.img-small {
        display: inline;
        width: auto;
        padding: 10px 0;
    }

    .btn-quickSearch {
        background-color: #e6e6e6;
    }

        .btn-quickSearch:hover {
            background-color: inherit;
        }

    @media (min-width:350px) {
        .navbar-top img.img-small {
            padding: 4px 0;
        }
    }

    @media (min-width:380px) {
        .navbar-top img.img-small {
            padding: 0px;
        }
    }

    @media (min-width:768px) {
        body {
            padding-top: 0;
        }

        .navbar.navbar-top {
            background: #373c43;
            position: static;
        }

        .navbar-top img.img-small {
            display: none;
        }
    }

    /***** Header *****/
    /*
    .btn-login {
        margin-top: 5px;
        float: left;
        height: 40px;
        padding-top: 9px;
    }
*/
header.header {
    display: none;
    background: #e9ecf5;
    text-align: center;
}

        header.header img {
            margin: 5px 0;
        }

            header.header img.img-big {
                display: none;
            }

    .header-social {
        float: right;
    }

        .header-social .header-desc {
            display: none;
            padding: 0 0 10px 0;
        }

    .socials {
        text-align: center;
    }

        .socials .social,
        #footer .socials a {
            color: #406f94;
            background-color: #f8f8f8;
            border: 1px solid #eaeaea;
            display: inline-block;
            width: 50px;
            height: 45px;
            margin: 2px 0;
            line-height: 50px;
            text-align: center;
            font-size: 18px;
        }

    header.header {
        height: 65px;
    }

    .header .socials .social {
        height: 38px;
        line-height: 38px;
        margin: 0;
        width: 45px;
        margin-left: 10px;
    }

    .socials .social:hover,
    #footer .socials a:hover {
        color: white;
        background-color: #c239c4;
    }

    .socials .social.social-aparat {
        background-image: url("https://www.nobatan.com/images/aparat-256x256.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 28px;
    }

    .socials .social.social-instagram {
        background-image: url("https://www.nobatan.com/images/instagram-256x256.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 22px 23px;
    }

    .socials .social.social-telegram {
        background-image: url("https://www.nobatan.com/images/telegram-256x256.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 22px 23px;
    }

    .socials .social.social-blog {
        background-image: url("https://www.nobatan.com/images/blog.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 22px 23px;
    }

    @media(min-width:768px) {
        header.header {
            display: block;
        }

        .header .img-logo {
            padding: 0;
            margin: 0;
            width: 230px;
        }

        .header .btn-select-city {
            padding: 0 10px 0 0;
            margin-right: 15px;
            border-color: #dedede;
            color: #777;
            border-radius: 4px;
            background: white;
            min-width: unset;
        }

            .header .btn-select-city .icon {
                width: 38px;
                line-height: 36px;
                vertical-align: middle;
            }

            .header .btn-select-city .txt {
                padding: 0 10px;
            }

        .header .btn-group-city.active, .header .btn-group-city:active {
            -moz-box-shadow: none;
            box-shadow: none;
            -webkit-box-shadow: none;
        }

        .header .left-container {
            float: left;
        }

            .header .left-container .header-social {
                display: inline-block;
            }

        .header .header-desc {
            font-size: 11px;
            text-align: right;
        }

        .header .socials {
            margin-top: 10px;
        }

        .header .left-btns {
            display: inline-block;
            text-align: left;
            float: left;
            margin-top: -4px;
            position: relative;
        }


        .header .btn-login, .header .lnk-cart, .header .btn-advisor{
            padding: 7px 20px;
            border-radius: 32px;
            float: left;
            margin-top: 5px;
            cursor: pointer;
            background: rgb(255, 190, 0);
            color: #2b2b2b;
            margin-left: 15px;
        }

        .header .btn-link:hover {
            background: rgb(0, 65, 255);
            color: #fff;
        }


    

        .lnk-cart::after {
            content: "\E01B";
            font-family: nobatan2;
            font-size: 20px;
        }


        .header-social .header-desc {
            display: block;
            padding: 5px 0 1px 0;
        }

        .header .btn-login .login-text {
            font-size: 15px;
            padding-right: 5px;
            font-weight: 500;
            color: #1ca2bd;
        }

        .header .btn-login .login-icon {
            vertical-align: middle;
        }

        .header .btn-reg {
            display: block;
            padding: 0;
            background: #c239c4;
            color: white;
            border-radius: 4px;
        }

            .header .btn-reg .icon {
                background-color: #cd51cd;
                color: white;
                width: 38px;
                vertical-align: middle;
                line-height: 36px;
            }

            .header .btn-reg .txt {
                padding: 0 5px;
            }
    }


    @media (min-width:370px) {
        header.header {
            text-align: right;
        }
    }

    @media (min-width: 768px) {
        /*
    .btn-login {
        display: none;
    }
    */

        .navbar-collapse {
            padding: 0;
        }

        /*
    .navbar-top .btn-select-city {
        margin: 0;
    }
    */

        header.header img.img-small {
            display: none;
        }

        header.header img.img-big {
            display: inline-block;
        }
        
    }

    /***** Main Menu *****/

    .navbar-main {
        position: relative;
        margin-bottom: 0;
        z-index: 20;
        border: none;
    }

        .navbar-main .navbar-inner {
            position: relative;
            text-align: center;
            background-color: #2b2b2b;
        }

@media(max-width: 768px) {
    .navbar-main .navbar-inner {
        background-color: #e9ecf5!important;
    }
}
        .navbar-main .menu-wrapper {
            width: 100%;
            font-size: 14px;
        }

            .navbar-main .menu-wrapper .btn-login {
                border: solid 1px #3d51b4;
                padding: 7px;
                border-radius: 5px;
                float: left;
                margin-top: 5px;
                cursor: pointer;
            }
            .navbar-main .menu-wrapper .btn-advisor {
                padding: 7px;
                float: left;
                margin-top: 11px;
                cursor: pointer;
                background: #ffbe00;
                min-width: unset;
                height: 35px;
                color: #fff;
            }
                .navbar-main .menu-wrapper .btn-advisor:hover {

                    background: rgb(0, 65, 255);
     
                }
            .navbar-main .menu-wrapper .btn-ads {
                border: solid 1px #3d51b4;
                padding: 7px;
                border-radius: 5px;
                float: left;
                margin-top: 5px;
                cursor: pointer;
            }
        .navbar-main #navbar-main {
            position: relative;
            padding: 0;
            background: white;
            border: 1px solid #dfdfdf;
            box-shadow: -1px 3px 10px -3px #BBB;
            z-index: 10;
        }

.navbar-main .navbar-toggle {
    box-sizing: border-box;
    float: right;
    text-align: right;
    margin: 10px 0 10px 0;
    line-height: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(255, 190, 0);
    color: rgb(255, 190, 0);
    width: min(38px, 12vw);
    height: min(38px, 12vw);
    border-radius: 50%;
    font-size: 20px;
}

            .navbar-main .navbar-toggle:focus,
            .navbar-main .navbar-toggle:hover {
                background: none;
            }

        /*
        .navbar-main .main-toggle-icon {
            display: block;
            float: right;
            border: 1px solid #888;
            padding: 2px 5px;
        }
    */

        .navbar-main .main-toggle-title {
            font-size: 16px;
            display: block;
            float: right;
            padding: 13px 10px 0 0;
        }

        .navbar-main .main-toggle-caret {
            position: absolute;
            left: 15px;
            font-size: 12px;
            padding-top: 5px;
        }

        .navbar-main .navbar-toggle.main-toggle-caret.fa-chevron-up,
        .navbar-main #navbar-main .navbar-nav > li.open .fa-angle-up,
        .navbar-main .navbar-toggle.collapsed .main-toggle-caret.fa-chevron-down,
        .navbar-main #navbar-main .navbar-nav > li .fa-angle-down {
           
        }

        .navbar-main .navbar-toggle.collapsed .main-toggle-caret.fa-chevron-up,
        .navbar-main #navbar-main .navbar-nav > li .fa-angle-up,
        .navbar-main .navbar-toggle .main-toggle-caret.fa-chevron-down,
        .navbar-main #navbar-main .navbar-nav > li.open .fa-angle-down {
            display: none !important;
        }

        .navbar-main #navbar-main ul.navbar-nav {
            margin: 0;
        }

    @media(max-width : 768px) {
        .navbar-main #navbar-main ul.navbar-nav {
            overflow: scroll;
        }
    }

    .navbar-main .navbar-nav > li > a {
        border-bottom: 1px solid #dfdfdf;
    }

    .navbar-main #navbar-main .navbar-nav > li .fa {
       
        color: #777;
        text-align: center;
        cursor: pointer;
        z-index: 15;
    }

.navbar-main #navbar-main .navbar-nav > li.has-children .fa {
    display: block;
    position: absolute;
    left: -5px;
    top: 55%;
    transform: translateY(-50%);
}

    .navbar-main #navbar-main .navbar-nav > li ul.sub-menu {
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;
        background: white;
        z-index: 10;
    }

    .navbar-main #navbar-main .navbar-nav > li.open ul.sub-menu {
        display: block;
    }

    .navbar-main #navbar-main .navbar-nav > li ul.sub-menu > li > a {
        text-align: right;
        white-space: nowrap;
    }

.navbar-main #navbar-main .sub-menu a {
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    color: #333;
    border-radius: 10px;
    border-bottom: 1px solid #f0f0f0;
    border-top: none;
}

    .navbar-main #navbar-main .sub-menu a:hover {
        color: #000;
        background: #f8fafb;
    }

.navbar-main #navbar-main .sub-menu .active a {
    color: #000;
    background: #f8fafb;
}

    .navbar-main .navbar-nav > li.home > a {
        padding-right: 45px;
    }

        .navbar-main .navbar-nav > li.home > a:before {
            content: "\f015";
            font-size: 25px;
            text-align: center;
            text-indent: 0;
            font-family: FontAwesome, sans-serif;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: 0;
            padding-right: 15px;
            color: #888;
        }

    @media (min-width: 768px) {
        .navbar-main .navbar-nav > li.home > a {
            width: 65px;
            padding-right: 0;
            text-indent: -10000px;
        }

            .navbar-main .navbar-nav > li.home > a:before {
                font-size: 30px;
                width: 100%;
                padding-right: 0;
                color: #777;
            }

        .navbar-main .navbar-nav > li.home.active > a:before {
            color: #333;
        }
    }

    @media(min-width:768px) {
        .navbar-main {
            min-height:none!important;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;

            position: relative;
        }

            .navbar-main .navbar-inner {
                height: 45px;
            }

            .navbar-main .navbar-nav > li:last-child > a {
                border: none;
            }

            .navbar-main .navbar-nav > li > a {
                border: none;
            }
    }

    /******* Fixed Logo *******/

.logo-fixed {
    text-align: center;
    overflow: hidden;
    height: 100%;
    margin-left: 20px;
    display: none;
    float: right;
    margin-right: 200px;
}

        .logo-fixed img {
            height: 43px;
            width: auto;
            padding: 2px;
        }

    /**************************/

    /***** Fixed Main Navbar *****/
    .navbar-main.fixed {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 101;
    }

        .navbar-main.fixed .logo-fixed {
            display: block;
        }

    @media (min-width: 768px) {
        .navbar-main.sticky-run {
            visibility: hidden;
        }

        .navbar-main.fixed.sticky-run {
            visibility: visible;
            display: block;
        }
    }
    /***** Nav City *****/
    .navbar .btn-select-city {
        position: absolute;
        left: 0;
        height: 52px;
        background: none;
        padding: 0;
        color: #337ab7;
    }

        .navbar .btn-select-city .txt {
            font-size: 18px;
        }

        .navbar .btn-select-city .icon {
            vertical-align: middle;
        }

    @media(min-width:768px) {
        .navbar .btn-select-city {
            display: none;
        }
    }

    /***** Nav Search *****/
    .navbar-main .search-wrapper {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 44px;
        background: white;
        border: 1px solid #dfdfdf;
        border-top-width: 0;
    }

        .navbar-main .search-wrapper .navbar-btn-search {
            position: absolute;
            width: 100%;
            height: 100%;
            padding: 15px 17px;
            font-size: 16px;
            cursor: pointer;
        }

        .navbar-main .search-wrapper .search-box {
            visibility: collapse;
            position: absolute;
            background: white;
            left: -1px;
            top: 44px;
            border: 1px solid #e0e0e0;
            padding: 15px;
            border-top: 0;
            -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
            transition: all 0.5s;
            opacity: 0;
            z-index: 10;
        }

            .navbar-main .search-wrapper .search-box form {
                margin: 0;
            }

            .navbar-main .search-wrapper .search-box input {
                width: 250px;
                height: 40px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

            .navbar-main .search-wrapper .search-box button {
                width: 50px;
                height: 40px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

        .navbar-main .search-wrapper.active {
            border-bottom: 0;
        }

            .navbar-main .search-wrapper.active .search-box {
                visibility: visible;
                opacity: 1;
            }

    @media(min-width:768px) {
        .navbar-main .search-wrapper {
            display: block;
            z-index: 22222;
        }
    }
    /*---------- Logo Mobile---------*/
    .img-logo-mb {
        padding-top: 4px;
    width:150px
    }

    @media (min-width: 768px) {
        .img-logo-mb {
            display: none;
        }
    }

    @media (min-width: 768px) {
        .navbar-main #navbar-main {
            background: transparent;
            border: none;
            box-shadow: none;
        }
        .navbar-main .navbar-nav > li {
            padding: 0 10px;
        }
        .navbar-main .navbar-nav > li > a {
            padding: 11px;
            font-size: 16px;
            color: #fff;
        }
        /*
    .navbar-main .navbar-nav > li:last-child > a {
        border-left: 1px solid #dfdfdf;
    }
      */
        .navbar-main .navbar-nav > .active > a,
        .navbar-main .navbar-nav > .active > a:focus,
        .navbar-main .navbar-nav > .active > a:hover {
            color: black;
            background: white;
            border-bottom-color: white;
        }

        .navbar-main #navbar-main .navbar-nav > li .fa {
            line-height: 15px;
            color: #fff;
            border: none;
        }

        .navbar-main #navbar-main .navbar-nav > li ul.sub-menu {
            display: block;
            position: absolute;
            visibility: hidden;
            opacity: 0;
            top: 75%;
            right: 0;
            min-width: 200px;
            margin: 0;
            padding: 10px;
            list-style: none;
            background: white;
            z-index: 10;
            transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s, top 0.3s linear;
            border: 1px solid #ddd;
            border-radius: 10px;
        }

        .navbar-main #navbar-main .navbar-nav > li:hover ul.sub-menu {
            visibility: visible;
            opacity: 1;
            top: 100%;
            transition-delay: 0s, 0s, 0.3s;
        }

        .navbar-main #navbar-main .navbar-nav > li ul.sub-menu > li > a {
            padding-right: 15px;
        }
    }


    /***** Footer *****/
    #footer {
        margin-top:70px;
        line-height: 23px;
        border-top: 4px solid #9C27B0;
        background: #4a525d;
        color: #DDD;
    }
        #footer .des {
            min-height: 200px;
            width: 80%;
            background: #2c3339;
            border-radius: 22px;
            margin-top: -70px;
            padding: 2.6rem min(8.4rem, 3vw);
        }
        #footer .des h3 {
            color: #ffbe00;
            font-size: 20px;
        }
    #footer .des .footer__about_desc {
        margin-top: 1.6rem;
        font-size: 1.5rem;
        line-height: 2.4;
        text-align:justify;
    }
#footer .header span {
    color: #0342ff;
}
        #footer .header span::before {
            content: "";
            display: block;
            height: 2px;
            background: #ffbe00;
            width: 27px;
            position: absolute;
            top: 23px;
            border-radius: 1px;
        }
        #footer a {
            color: #DDD;
            font-size: 11px;
            line-height: 32px;
            display: inline-block;
        }

    @media(min-width:992px) {
        #footer a {
            font-size: 13px;
            line-height: 34px;
        }
    }

    #footer a:hover {
        color: #E91E63;
    }

    #footer .btn,
    #footer .btn:hover {
        color: #fff;
    }

    #footer ul.footer-list {
        list-style: none;
        padding: 0;
    }

    #footer .top-row {
        padding: 5px 0;
        background: #111;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
    }

    #footer .mid-row {
        padding: 10px 0;
    }

        #footer .mid-row.row-cities,
        #footer .mid-row.row-quick-access {
            line-height: 25px;
            background: #555;
        }

    #footer .row-register-your-job {
        color: white;
        text-align: center;
    }

    #footer .mid-row.row-b2a {
        background: #444;
    }

    #footer .mid-row.row-quick-access {
    }

        #footer .mid-row.row-quick-access .quick-access-links {
            text-align: center;
        }

            #footer .mid-row.row-quick-access .quick-access-links .header {
                font-size: 13px;
                font-weight: normal;
            }

            #footer .mid-row.row-quick-access .quick-access-links h3.header,
            #footer .mid-row.row-quick-access .quick-access-links span.header {
                font-size: 13px;
                font-weight: normal;
                margin-top: 15px;
                margin-bottom: 10px;
            }

                #footer .mid-row.row-quick-access .quick-access-links h3.header span,
                #footer .mid-row.row-quick-access .quick-access-links span.header span {
                    border-bottom: 1px dotted #e91e63;
                    padding-left: 40px;
                }

    #footer .row-b2a .description {
        text-align: justify;
    }

    #footer .row-b2a .link1,
    #footer .row-b2a .link1 li {
        text-align: center;
    }

    #footer .socials {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #footer .socials .social:hover {
            color: #fff;
        }

    #footer h3.header,
    #footer span.header,
    .section-title {
        margin-top: 10px;
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }

    .section-title {
        color: #333;
    }

        #footer h3.header span,
        #footer span.header span,
        .section-title span {
            border-bottom: 2px solid #FFBE00;
            padding-left: 10px;
        }

    #footer .copyright {
        text-align: center;
        font-size: 11px;
        line-height: 20px;
        padding: 5px 0;
    }

    #footer .row-contact-info {
        background: #616161;
    }

        #footer .row-contact-info .line2 .email,
        #footer .row-contact-info .line2 .phone {
            direction: ltr;
        }

            #footer .row-contact-info .line2 .phone a {
                display: block;
                text-align: center;
            }

    @media (min-width: 768px) {
        #footer .mid-row.row-quick-access .quick-access-links {
            text-align: right;
        }

        #footer .row-contact-info .line1 {
            padding-top: 13px;
            text-align: right;
        }

        #footer .row-contact-info .line2 {
            text-align: left;
        }

            #footer .row-contact-info .line2 .phone a {
                display: inline;
                margin-left: 15px;
            }

        #footer .row-register-your-job {
            text-align: right;
        }

        #footer .copyright .line1 {
            text-align: left;
        }

        #footer .copyright .line2 {
            text-align: right;
        }

        #footer .row-b2a .link1,
        #footer .row-b2a .link1 li,
        #footer .socials {
            text-align: right;
        }
    }

    /***** Conditional Slider *****/
    .tg-box .main-title,
    .carousel .main-title,
    .section__title {
        border-bottom: 2px solid #dfdfdf;
        margin: 10px 0 10px 0;
        font-size: 18px;
        padding: 5px 0;
        clear: both;
        display: block;
    }

        .tg-box .main-title span,
        .carousel .main-title span,
        .section__title span {
            border-bottom: 2px solid #E91E63;
            padding-left: 10px;
        }

            .tg-box .main-title span.left,
            .carousel .main-title span.left,
            .section__title span.left {
                float: left;
                padding: 0 10px 5px 0;
            }

    .tags__title {
        position: relative;
        line-height: 34px;
        display: inline-block;
    }

        .tags__title span {
            border-bottom: none;
        }

            .tags__title span::before {
                content: "";
                position: absolute;
                right: 0;
                bottom: -2px;
                background: red;
                z-index: 5;
                height: 2px;
                width: 100%;
            }

    .carousel .item-box {
        background: white;
        padding: 3px;
        border: 1px solid #dfdfdf;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    }

.carousel .item-box2 {
    background: #fff;
    border-radius: 22px;
    margin: 0 5px;
    border: 1px solid #fff;
}

        .carousel .item-box img, .carousel .item-box2 img {
            width: 100%;
        }

    .carousel .item-box .details, .carousel .item-box2 .details {
        padding: 0px 5px 10px 5px;
        color: #fff;
        background: #ff802e;
        border-radius: 0 0 22px 22px;
    }

    .carousel .item-box .box-title {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

.carousel .item-box2 .box-title {
    margin: 0;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden !important;
    padding: 10px 0 0 0;
    color: #fff;
}
.carousel .item-box2:hover .details {
    background: #0141ff;
}
    .carousel .item-box .number {
        float: left;
        display: block;
        font-size: 16px;
    }

        .carousel .item-box .number small {
            color: #838383;
            font-size: 12px;
        }

    .carousel .owl-carousel {
        display: block;
        width: auto;
    }

        .carousel .owl-carousel .list-item {
            display: none;
            padding-left: 3px;
            padding-right: 3px;
        }

        .carousel .owl-carousel .owl-item .list-item {
            display: block;
        }
    /***** Left-ad & Right-ad *****/
    .tg-left-wrapper .tg-col,
    .tg-right-wrapper .tg-col {
        margin-bottom: 15px;
    }

    .tg-left-wrapper .tg-item,
    .tg-right-wrapper .tg-item,
    .tg-left-wrapper .old_tg-item {
        box-sizing: content-box;
        margin-left: 5px;
        margin-bottom: 5px;
        border: 1px solid #ddd;
        border-radius: 10px;
    }

    .tg-left-wrapper .tg-item {
        width: 150px;
    }

    .tg-left-wrapper .old_tg-item {
        width: 105px;
    }

    .tg-right-wrapper .tg-item {
        width: 150px;
    }

        .tg-left-wrapper .tg-item img,
        .tg-right-wrapper .tg-item img {
            width: 100%;
            border-radius: 10px;
        }

    .related-link__box {
        background: #fff;
        padding: 8px;
        border-radius: 10px;
        border: 1px solid #ddd;
    }

    .related-link,
    .jobslist__link {
        font-size: 12px;
        color: #8c8c8c;
        padding: 8px;
        line-height: 16px;
        width: 50%;
    }

    .jobslist {
        background-color: #fff;
        padding-top: 25px;
        padding-bottom: 25px;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
    }

    .jobslist__title {
        margin-bottom: 30px;
        text-align: center;
        font-size: 18px;
        line-height: 25px;
        padding: 0 15px;
    }

    @media(min-width:992px) {
        .jobslist__title {
            font-size: 24px;
            line-height: 28px;
        }
    }


    .related-link:hover,
    .jobslist__link:hover {
        color: #19b5bc;
    }

    .related-link__count {
        background: #19b5bc;
        display: inline-block;
        padding: 5px 5px 0;
        color: white;
        font-size: 11px;
        border-radius: 10px;
        line-height: 13px;
        min-width: 18px;
        text-align: center;
    }

    @media(min-width:768px) {
        .related-link,
        .jobslist__link {
            width: 25%;
        }
    }

    @media (min-width:992px) {
        .tg-left-wrapper {
            float: left;
        }

        .tg-right-wrapper {
            float: right;
        }

            .tg-left-wrapper .tg-item,
            .tg-right-wrapper .tg-item {
                margin-left: 0;
            }

        .tg-left-wrapper .tg-item {
            width: 250px;
        }

        .tg-left-wrapper .old_tg-item {
            width: 160px;
        }

        .tg-right-wrapper .tg-item {
            width: 250px;
        }

        .old_sr-wrapper {
            margin-left: 160px;
            margin-right: 250px;
            padding: 0 20px;
        }

        .sr-wrapper {
            float: right;
            width: 670px;
        }
    }

    @media (min-width:1200px) {
        .sr-wrapper {
            float: right;
            width: 1000px;
        }
    }
    /***** Accordion Text *****/
    .accordion-text {
        position: relative;
        box-sizing: content-box;
        overflow: hidden;
        line-height: 28px;
        text-align: justify;
        padding: 0;
        height: 40px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .accordion-text.rows-1 {
            height: 45px;
        }

        .accordion-text.rows-1-5 {
            height: 60px;
        }

        .accordion-text.rows-2 {
            height: 74px;
        }

        .accordion-text.rows-3 {
            height: 99px;
        }

        .accordion-text.rows-4 {
            height: 124px;
        }

        .accordion-text.rows-5 {
            height: 154px;
        }

        .accordion-text.rows-8 {
            height: 250px;
        }

        .accordion-text.rows-10 {
            height: 420px;
        }

        .accordion-text.open {
            height: auto;
            padding: 0 0 35px 0;
        }

        .accordion-text .read-more {
            position: absolute;
            bottom: 0;
            text-align: center;
            left: 0;
            right: 0;
            height: 40px;
            line-height: 75px;
            font-size: 36px;
            text-shadow: 0 -6px 0 #888;
            color: #bbb;
            cursor: pointer;
            background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 28px);
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 28px);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 28px);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff00', endColorstr='#ffffff', GradientType=0);
        }

            .accordion-text .read-more:hover {
                color: #888;
                text-shadow: 0 -6px 0 #bbb;
            }

            .accordion-text .read-more .fa-angle-up {
                display: none;
            }

        .accordion-text.open .read-more .fa-angle-down {
            display: none;
        }

        .accordion-text.open .read-more .fa-angle-up {
            display: block;
        }

    /***** Page Main Heading *****/
.page-main-heading {
    margin: 0 30px 15px 30px;
    background: #f5f7fa;
    padding: 20px;
    border-radius: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* برای اینکه روی موبایل زیر هم برن */
}

        .page-main-heading h1 {
            font-size: 16px;
            margin: 0;
            color: #444;
        }

        .page-main-heading h2 {
            font-size: 15px;
            margin: 0;
            color: #444;
        }
.page-main-bottom{
    margin: 0 30px 15px 30px;
    background: #f5f7fa;
    padding: 20px;
    border-radius: 22px;
}
    .page-main-bottom h1, .page-main-bottom h2, .page-main-bottom h3{
    font-size:20px;
    }
    /***** Btn Scroll Up *****/
    .btn-scroll-up, .btn-sortBy-float {
        position: fixed;
        width: 50px;
        height: 50px;
        background: #000;
        border-radius: 100%;
        z-index: 80;
        font-size: 20px;
        line-height: 50px;
        text-align: center;
        color: white;
        box-shadow: 0 2px 6px 0px grey;
        bottom: -60px;
        opacity: 0;
        transition: bottom .5s;
    }

    .btn-scroll-up {
        right: 2%;
    }

    .btn-sortBy-float {
        left: 2%;
        line-height: 65px;
    }

        .btn-scroll-up.show-up, .btn-sortBy-float.show-up {
            bottom: 40px;
            opacity: .5;
        }

            .btn-scroll-up.show-up:hover {
                color: white;
                opacity: .85;
            }

    /***** Search Result List *****/
    .price__svg {
        width: 18px;
        height: 18px;
        width: 21px;
        height: 21px;
        position: relative;
        margin-right: 1px;
        display: inline-block;
        vertical-align: middle;
    }

    .price__caption {
        font-size: 13px;
        line-height: 26px;
        color: #8c8c8c;
        font-weight: 500;
        display: block;
        padding-right: 10px;
    }

    .sr-list .sr-item,
    .sr-grid .sr-item {
        position: relative;
        overflow: hidden;
        margin: 0 0 15px 0;
        background: white;
        border: 1px solid #ddd;
        box-shadow: -1px 3px 10px -3px #BBB;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .sr-list .sri-image-box {
        position: relative;
        box-sizing: content-box;
        float: right;
        width: 105px;
        height: 107px;
        border-left: 1px solid #ddd;
    }

        .sr-list .sri-image-box .sri-stars {
            display: inline-block;
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            right: 0;
            direction: ltr;
            text-align: center;
            text-shadow: 0 0 1px black;
            padding: 2px 0 0 0;
            color: #FFEB3B;
        }

            .sr-list .sri-image-box .sri-stars.five-star {
                background: rgba(76, 175, 80, 0.5);
            }

            .sr-list .sri-image-box .sri-stars.three-star {
                background: rgba(33, 150, 243, 0.5);
            }

            .sr-list .sri-image-box .sri-stars.one-star {
                background: rgba(158, 158, 158, 0.5);
            }


    .sr-list .sri-content {
        margin-right: 105px;
        padding: 0 5px;
    }

    .sr-list .sri-title {
        display: inline-block;
        font-size: 13px;
        margin: 0;
    }

        .sr-list .sri-title > a {
            display: block;
            padding: 15px 0 10px 0;
        }



    .sr-list .sri-category {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        padding: 15px 5px 10px 10px;
        color: #808080;
        font-size: 12px;
    }

    .sr-list .sri-stat {
        display: none;
    }

    .sr-list .sri-stat-item {
        color: gray;
        font-size: 11px;
    }

    .sr-list .sri-row {
        display: none;
    }

        .sr-list .sri-row > span {
            color: #808080;
        }

            .sr-list .sri-row > span > strong {
                display: none;
                font-weight: normal;
            }

        .sr-list .sri-row.sri-row1 {
            color: #9C27B0;
            font-weight: bold;
        }

        .sr-list .sri-row.sri-row-comment {
            color: #808080;
        }
    /***** responsive *****/
    @media (min-width: 320px) {
        .sr-list .sri-row {
            display: block;
            line-height: 22px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .sr-list .sri-stat {
            position: absolute;
            left: 0;
            bottom: 0;
        }

        .sr-list .sri-stat-item {
            float: right;
            margin-left: 7px;
        }
    }

    @media (min-width: 480px) {
        .sr-list .sri-title {
            font-size: 14px;
        }


        .sr-list .sri-category {
            display: block;
        }

        .sr-list .sri-content {
            padding: 0 10px 0 15px;
        }

        .sr-list .sri-row > span > strong {
            display: inline;
        }

        .sr-list .sri-stat-item {
            float: right;
            margin-left: 15px;
        }
    }

    @media (min-width: 768px) {
        .sr-list .sri-content {
            margin-right: 130px;
        }

        .sr-list .sri-image-box {
            width: 128px;
            height: 128px;
        }

        .sr-list .sri-stat {
            display: block;
        }

        .sr-list .sri-title {
            font-size: 16px;
        }
    }

    /***** Search Result Grid *****/
    .sr-grid .sr-item {
        padding: 5px;
    }

    .sr-grid .sri-title {
        font-size: 13px;
        margin: 0;
    }

        .sr-grid .sri-title a {
            display: block;
            padding: 10px 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

    .sr-grid .sri-row.sri-row-address {
        overflow: hidden;
        height: 46px;
        line-height: 22px;
        color: #666;
    }

    /***** responsive *****/
    @media (min-width:0) and (max-width:479px) {
        .sr-grid .col {
            float: none;
            width: 100%;
        }
    }

    @media (min-width:480px) and (max-width:767px) {
        .sr-grid .col {
            float: right;
            width: 50%;
        }
    }

    /***** Search Result Ads *****/
    .sr-list .sr-tg {
        width: 100%;
        overflow: hidden;
        margin: 0 0 15px 0;
        background: white;
        outline: 1px solid #ddd;
        box-shadow: -1px 3px 10px -3px #BBB;
    }

        .sr-list .sr-tg img {
            display: block;
            max-width: 100%;
            height: auto;
        }

    /***** Search Section *****/

.filter-section {
    background: #fff;
    border-radius: 22px;

}
@media (min-width: 992px) {
    .filter-section {
        position: sticky;
        top: 70px;
    }
}
@media (max-width: 768px) {
    .filter-section {
        margin: 10px 30px;
        padding: 10px 15px;
    }
}
        .filter-section form {
            margin: 0;
            padding: 10px;
        }

        .filter-section .form-group {
            margin-bottom: 10px;
            padding: 0 5px;
        }

        .filter-section .btn-search {
            width: 100%;
        }

    /***** Profile Page *****/

    #FixedProfileAd.fixed {
        position: fixed;
        top: 90px;
        visibility: hidden;
    }

        #FixedProfileAd.fixed.sticky-run {
            visibility: visible;
        }

    .modal-contact .modal-title {
        text-align: center;
    }


    .btn-viewContact {
        padding: 7px 30px;
        background-color: #47a447;
        color: white;
        border-radius: 5px;
        border: none;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        display: block;
        font-size: 20px;
    }

        .btn-viewContact:hover {
            background-color: #8db121;
            color: #fff;
        }

        .btn-viewContact .icon {
            vertical-align: middle;
            transform: rotate(250deg);
            margin-left: 0px !important;
            font-size: 24px;
        }


    .requestPrice-ins {
        text-align: center;
        margin-top: 15px;
        font-size: 16px;
        line-height: 24px;
    }

    .btn-request-price {
        padding: 7px 30px;
        background-color: #2da4c8;
        color: white;
        border-radius: 5px;
        border: none;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        display: block;
        font-size: 20px;
    }

        .btn-request-price:hover {
            background-color: #5bc0de;
        }

    .btn-sms {
        margin-right: -3px;
    }


    .btn-profileContact {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
    }

    .concat-legend {
        padding-top: 6px;
        padding-bottom: 6px;
        font-weight: bold;
    }

    .p-discount {
        text-align: center;
        color: #106c10;
        font-size: 16px;
        font-weight: 500;
        padding: 8px 5px;
    }

    .p-short-description {
        font-weight: bold;
        padding: 20px 0;
        text-align: justify;
    }

    .p-warning {
        background: #9190ed;
        color: black;
    }

    .profile-page {
        color: #244464;
    }

        .profile-page .ie-icon {
            color: #00adee;
        }

        .profile-page .telegram-icon {
            color: #0593ec;
        }

        .profile-page .insta-icon {
            border-radius: 62px;
            box-shadow: 0px 2px 9px rgba(0,0,0,0.25);
            background: linear-gradient(45deg, #f09433 0%,#e6683c 30%,#dc2743 58%,#cc2366 80%,#bc1888 74%);
        }

        .profile-page .p-like .likeCount {
            color: #244464;
            margin-left: 1px;
            font-size: 12px;
        }

        .profile-page .p-header {
        }

        .profile-page .p-banner-parent {
            background: white url("https://www.nobatan.com/images/banner-bg.jpg") repeat top left;
        }

        .profile-page .p-banner {
            width: 100%;
            height: 143px;
            background: no-repeat;
            background-position: center;
            -moz-background-size: cover;
            -o-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
        }

        .profile-page.free-account .p-banner-parent {
            display: none;
        }

        .profile-page.free-account .just-premium {
            display: none;
        }

        .profile-page.premium-account .not-premium {
            display: none;
        }

        .profile-page.disabled-account .just-activeUser {
            display: none;
        }

        .profile-page.free-account .p-nav {
            visibility: hidden;
        }

            .profile-page.free-account .p-nav.fixed {
                visibility: visible;
            }

        .profile-page .p-nav {
            display: block;
            overflow: visible;
            margin-top: -37px;
        }

            .profile-page .p-nav.sticky-run {
                visibility: hidden;
            }

            .profile-page .p-nav.fixed {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                background-color: #b8169f;
                background: linear-gradient(-155deg,#bb337f 50px,#26468b 120%);
                padding-bottom: 5px;
                z-index: 11;
                margin-top: auto;
            }

                .profile-page .p-nav.fixed .p-nav-container {
                    background-color: white;
                }

                .profile-page .p-nav.fixed .pn-item {
                    border-radius: 0;
                    margin-left: 0;
                    line-height: inherit;
                    padding: inherit;
                    color: #e1dde4;
                    font-weight: normal;
                    padding: 2px;
                    font-size: 12px;
                    font-weight: 500;
                }

                    .profile-page .p-nav.fixed .pn-item > a {
                        color: #244464;
                        border: 1px solid #ddd;
                    }

    @media(min-width: 768px) {
        .profile-page .p-nav.fixed .pn-item.active {
            background-color: #eee;
        }
    }

    .profile-page .p-nav.fixed .pn-item.active > a {
        color: #b8169f;
    }

    .profile-page .pn-item {
        float: left;
        width: 33.3333%;
        list-style: none;
        font-size: 14px;
        background-color: rgba(248, 248, 248, 0.7);
        border-radius: 8px;
        margin-left: 6px;
        line-height: 0px;
        padding: 3px 7px 7px;
        color: #e1dde4;
        font-weight: bold;
    }

        .profile-page .pn-item .text {
            color: #310153;
            border-bottom: 1px solid #310153;
        }

    .profile-page .p-nav .pn-item.pi-info {
        display: none;
    }

    .profile-page .p-nav.fixed .pn-item.pi-info {
        display: block;
    }

    .profile-page .p-nav.fixed .pn-item {
        float: right;
    }

        .profile-page .p-nav.fixed .pn-item .text {
            color: #697991;
            border-bottom: none;
        }

    @media(min-width:678px) {
        .profile-page {
            margin-top: 5px;
        }

            .profile-page .pn-item .text {
                color: inherit;
                border-bottom: none;
            }

            .profile-page .p-nav {
                background: white;
                border-bottom: 1px solid #ddd;
                box-shadow: -1px 3px 10px -3px #BBB;
                margin-top: auto;
            }

                .profile-page .p-nav .pn-item.pi-info {
                    display: block;
                }

                .profile-page .p-nav.fixed {
                    background: white;
                    padding-bottom: 0;
                    box-shadow: none;
                }

                    .profile-page .p-nav.fixed .p-nav-container {
                        background-color: transparent;
                    }

                    .profile-page .p-nav.fixed .pn-item.active {
                    }

                    .profile-page .p-nav.fixed .pn-item > a {
                        color: white;
                        border: none;
                    }

            .profile-page .pn-item {
                float: right;
                background-color: transparent;
                border-left: 1px solid #ddd;
                border-radius: 0;
                margin-left: 0;
                line-height: inherit;
                padding: inherit;
                color: #e1dde4;
                font-weight: normal;
            }
    }

    .profile-page .p-nav.fixed .pn-item .text-danger {
        color: #20c34a;
    }

    .profile-page .p-nav.fixed.sticky-run {
        visibility: visible;
        display: block;
    }

    .profile-page .p-logo {
        position: absolute;
        box-sizing: content-box;
        overflow: hidden;
        bottom: 5px;
        width: 80px;
        height: 80px;
        right: 50%;
        margin-right: -40px;
        background: white;
        border: 3px solid whitesmoke;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    .profile-page .p-nav.fixed .p-logo {
        width: 40px;
        height: 40px;
        bottom: 0;
        margin-right: -24px;
        border: none;
    }

    .profile-page ul {
        margin: 0;
        padding: 0;
    }

    .profile-page .pn-item.active {
        background-color: #eee;
    }

    .profile-page .pn-item:last-child {
        border-bottom: none;
        border-left: none;
    }

    .profile-page .pn-item.pn-item-fake {
        width: 100%;
        border: none;
    }

    .profile-page .pn-item > a {
        display: block;
        text-align: center;
        padding: 10px 0;
        color: #333;
    }

    .profile-page .pn-item .text-danger {
        color: #F00;
    }

    .profile-page .p-body {
        padding-top: 20px;
    }

    .profile-page .tab-content-wrapper {
        margin-bottom: 15px;
    }

    .profile-page .tab-content {
        float: right;
        width: 100%;
    }

    .profile-page .p-body .tg-top-vip {
        display: none;
        float: left;
        width: 350px;
    }

        .profile-page .p-body .tg-top-vip .tg-vip-item {
            padding-left: 0;
            padding-right: 0;
        }

        .profile-page .p-body .tg-top-vip .tg-top-vip-2 .tg-vip-item {
            float: right;
            width: 175px;
        }

            .profile-page .p-body .tg-top-vip .tg-top-vip-2 .tg-vip-item:nth-child(odd) {
                padding-left: 10px;
            }

    /***** Responsive *****/
    @media (min-width: 768px) {
        .btn-profileContact.static-width {
            width: 138px;
        }

        .col-contact {
            padding-right: 5px;
        }

        .profile-page .p-banner {
            height: 300px;
        }

        .profile-page .pn-item {
            width: auto;
            font-size: 13px;
        }

            .profile-page .pn-item > a {
                padding-left: 20px;
                padding-right: 20px;
            }

            .profile-page .pn-item.pn-item-fake {
                width: 150px;
                height: 38px;
            }
    }

    @media (min-width: 992px) {
        .profile-page .tab-content-wrapper {
            margin-left: 365px;
        }


        .profile-page .p-header .tg-top-vip,
        .profile-page .p-footer .tg-top-vip {
            display: none;
        }

        .profile-page .p-body .tg-top-vip {
            display: block;
        }

        .profile-page .tg-left-wrapper {
            float: none;
        }

        .profile-page .tg-right-wrapper {
            float: none;
        }

            .profile-page .tg-left-wrapper .tg-item,
            .profile-page .tg-right-wrapper .tg-item {
                margin-left: 5px;
            }
    }

    /***** p-info *****/
    .profile-page .pb-panel {
        position: relative;
        padding: 15px;
        margin-bottom: 15px;
        background: white;
        border: 1px solid #ddd;
        font-size: 14px;
        line-height: 1.9em;
        box-shadow: -1px 3px 10px -8px #BBB;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .profile-page .pb-panel.pb-panel-success {
            color: #005f02;
            background-color: #c9e9c7;
            border-color: #bcd7a5;
            box-shadow: -1px 3px 10px -8px #BBB;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .profile-page .pb-panel.pb-panel-Discount {
            color: #005f02;
            box-shadow: -1px 3px 10px -8px #BBB;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            padding: 15px 50px;
            font-weight: bold;
            font-size: 13px;
        }

    .profile-page .e-contact-item .caption {
        font-size: 12px;
        text-align: right;
        padding-left: 0;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .profile-page .e-contact-item .info {
        text-align: left;
        direction: ltr;
        overflow: hidden;
        white-space: nowrap;
    }

    .profile-page .e-contact-item .icon {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        font-size: 11px;
        border: 1px solid #244464;
        border-radius: 100%;
        text-align: center;
        line-height: 17px;
    }

    .profile-page .e-contact-item .text,
    .profile-page .e-contact-item .text a {
        font-size: 12px;
        font-weight: 500;
        color: #244464;
    }

    .profile-page #p-info {
        font-size: 14px;
        line-height: 25px;
    }


        .profile-page #p-info .header {
            margin: 5px 0 0 20px;
            line-height: 35px;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 5px;
        }

        .profile-page #p-info .ps-item {
            float: right;
            padding: 0 0 0 10px;
            font-size: 13px;
            line-height: 25px;
        }

            .profile-page #p-info .ps-item .caption {
                font-weight: 500;
                font-size: 14px;
            }

        .profile-page #p-info .p-message {
            font-size: 14px;
            font-weight: bold;
        }

        .profile-page #p-info .alert {
            font-size: 15px;
        }

            .profile-page #p-info .alert h4 {
                font-size: 15px;
            }

    .profile-page .r-info-btn button {
        margin: 10px 5px;
        float: left;
        border-color: #cccccc;
        background: #f5f5f5;
    }

        .profile-page .r-info-btn button:hover {
            background: #eee;
        }

    .profile-page .p-contact .fa {
        margin-left: 5px;
    }

        .profile-page .p-contact .fa.fa-mobile {
            font-size: 1.75em;
        }

    .profile-page .p-like {
        font-size: 22px;
        color: #e00;
        text-align: left;
        cursor: pointer;
        z-index: 10;
    }

        .profile-page .p-like:hover {
            color: rgba(255, 0, 0, .7);
        }

        .profile-page .p-like > .fa:before {
            content: "\f08a";
        }

        .profile-page .p-like.liked {
            color: #F00;
        }

            .profile-page .p-like.liked:hover {
                color: #da0000;
            }

            .profile-page .p-like.liked > .fa:before {
                content: "\f004";
            }

        .profile-page .p-like > small {
            font-size: 13px;
        }

    .profile-page .pb-panel h3.legend {
        margin-top: 10px;
    }

    .profile-page .pb-panel.p-description .inner-text,
    .profile-page .pb-panel.p-description .inner-text *,
    .profile-page .pb-panel.p-description .inner-text div,
    .profile-page .pb-panel.p-description .inner-text p {
        font-family: IRANSans !important;
        font-size: 14px;
        font-weight: 500;
    }


    .btn-fab.btn-open-comment-modal {
        line-height: 35px;
    }

    .btn-open-comment-modal span {
        display: block;
        margin-top: -20px;
        font-size: 11px;
    }

    /***** Responsive *****/
    @media (min-width: 480px) {
        .profile-page #p-info .header {
            font-size: 26px;
        }
    }

    /***** Tags *****/
    .tags {
    }

        .tags .tag-item {
            float: right;
            padding: 1px 5px;
            margin: 0 0 2px 3px;
            background: #e7e7e7;
            border: 1px solid #ddd;
            color: #727272;
            font-size: 12px;
        }

    /***** Gallery *****/
    .gallery {
        text-align: center;
    }

    .gallery-item figcaption {
        position: absolute;
        top: 0;
        z-index: -1;
        right: 0;
    }

    .gallery .gallery-item {
        background-size: cover;
        background-position: 50% 50%;
        box-sizing: border-box;
        display: block;
        position: relative;
        width: 32%;
        height: 80px;
        float: right;
        margin: 0.5%;
        padding: 2px;
        background-color: #eee;
        border: 1px solid #ddd;
        overflow: hidden;
    }

    .gallery-item img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50%;
        height: auto;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    .gallery .gallery-item.gallery-item-video .time-len {
        position: absolute;
        bottom: 5px;
        left: 5px;
        background-color: rgba(0,0,0,0.6);
        color: white;
        text-align: center;
        padding: 0px 8px;
        font-size: 12px;
        line-height: 22px;
    }
    /***** Responsive *****/
    @media (min-width:360px) {
        .gallery .gallery-item {
            height: 145px;
        }
    }

    @media (min-width:500px) {
        .gallery .gallery-item {
            height: 160px;
        }
    }

    @media (min-width:1200px) {
        .gallery .gallery-item {
            width: 24%;
            height: 190px;
        }
    }
    /******************* xs-fixed-menu *******************/
    .fixed-menu-xs {
        display: block;
        padding-top: 5px;
        position: fixed;
        z-index: 11;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        height: 48px;
        background: white;
        background-color: white;
    }

        .fixed-menu-xs .btn-submitComment {
            float: right;
            background: #bb337f;
            border-radius: 7px;
            /* padding: 10px; */
            /* margin-right: 10px; */
            width: 24%;
            line-height: 35px;
            padding: 0px 10px;
            color: white;
            outline: none;
            font-size: 14px;
        }

            .fixed-menu-xs .btn-submitComment .icon {
                font-size: 18px;
                vertical-align: middle;
                margin-top: -5px;
            }

        .fixed-menu-xs .btn-openContact {
            float: left;
            width: 44%;
            padding: 0 20px;
            background-color: #47a547;
            color: white;
            border: none;
            border-radius: 7px;
            line-height: 37px;
            outline: none;
            font-size: 14px;
        }

            .fixed-menu-xs .btn-openContact .icon {
                transform: rotate(250deg);
                margin-top: -2px;
                font-size: 25px;
                vertical-align: middle;
            }

        .fixed-menu-xs .btn-send-request-price {
            float: right;
            width: 29%;
            padding: 0 5px;
            background-color: #d585e2;
            color: white;
            border: none;
            border-radius: 7px;
            line-height: 37px;
            outline: none;
            font-size: 13px;
            margin-right: 6px;
        }

            .fixed-menu-xs .btn-send-request-price .icon {
                font-size: 15px;
                vertical-align: middle;
            }

    @media(min-width: 768px) {
        .fixed-menu-xs {
            display: none;
        }
    }
    /***** Comments *****/
    .comments {
    }

        .comments .comment-item {
            position: relative;
            margin: 0 20px 15px 0;
            padding: 10px 20px 0 20px;
            background: white;
            border: 1px solid #ddd;
            box-shadow: -1px 3px 10px -3px #BBB;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

            .comments .comment-item:before {
                content: "";
                border-style: solid;
                display: block;
                position: absolute;
                width: 0;
                border-color: rgba(255, 255, 255, 0) #D5D5D5;
                border-width: 7px 0 16px 13px;
                right: -13px;
                top: 15px;
            }

            .comments .comment-item:after {
                border-style: solid;
                content: "";
                display: block;
                position: absolute;
                width: 0;
                border-color: rgba(255, 255, 255, 0) #FFF;
                border-width: 7px 0 16px 13px;
                right: -12px;
                top: 15px;
            }

        .comments .ci-header {
            border-bottom: 1px solid #EEE;
        }

        .comments .ci-name {
            float: right;
            margin-bottom: 5px;
            font-size: 13px;
            font-weight: bold;
        }

        .comments .ci-date {
            float: left;
            margin-bottom: 5px;
            font-size: 12px;
            color: #888;
            margin-right: 10px;
        }

        .comments .ci-body {
            padding: 10px 0;
            text-align: justify;
            line-height: 25px;
            white-space: normal;
            word-wrap: break-word;
        }

        .comments .ci-footer {
            border-top: 1px solid #EEE;
        }

        .comments .ci-reply {
            color: #888;
            font-size: 12px;
            float: right;
            padding: 10px 0 10px 10px;
            cursor: pointer;
        }

            .comments .ci-reply:hover {
                color: #000;
            }

        .comments .comment-item.reply {
            margin-right: 60px;
            background: #effcde;
        }

            .comments .comment-item.reply:after {
                border-left-color: #effcde;
            }

            .comments .comment-item.reply .ci-header,
            .comments .comment-item.reply .ci-footer {
                border-color: #ddd;
            }

    .p-comments .p-send-comments {
        margin-bottom: 40px;
        padding-bottom: 0;
    }

    .frm-send-comment {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .send-comment-section {
        margin-bottom: 15px;
        padding: 0 15px;
        background: white;
        border: 1px solid #ddd;
        box-shadow: -1px 3px 10px -3px #BBB;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    /***** Floating Action Button *****/
    .btn-purple {
        color: #fff;
        background-color: #9C27B0;
        border-color: #9C27B0;
    }

        .btn-purple:hover {
            color: #fff;
            background-color: #ab47bc;
        }

    .btn-fab {
        display: inline-block;
        position: relative;
        overflow: hidden;
        width: 56px;
        height: 56px;
        padding: 0;
        line-height: 54px;
        font-size: 18px;
        vertical-align: middle;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3), 0 1px 7px 0 rgba(0, 0, 0, 0.2), 0 3px 4px -3px rgba(0, 0, 0, 0.3);
        transition: .3s;
    }

    .fixed-btn-fab {
        position: fixed;
        right: 5%;
        bottom: -60px;
        z-index: 80;
        transition: bottom .5s;
        -webkit-transition-timing-function: cubic-bezier(.5, .5, .5, 1.5);
        transition-timing-function: cubic-bezier(.5, .5, .5, 1.5);
    }

    .profile-page .btn-scroll-up.show-up {
        left: 50px;
        right: auto;
        bottom: 15%;
        height: 56px;
        width: 56px;
        line-height: 56px;
        transition: bottom .5s;
        z-index: 1;
    }

    .fixed-btn-fab.show-up {
        bottom: 15%;
    }

    /***** Owl Carousel *****/
    .owl-carousel .owl-nav {
        margin: 0;
    }

        .owl-carousel .owl-nav .owl-next,
        .owl-carousel .owl-nav .owl-prev {
            position: absolute;
            top: 50%;
            right: -20px;
            width: 10%;
            height: 20%;
            min-width: 25px;
            max-width: 60px;
            margin: 0;
            background: black;
            opacity: 0;
            padding: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            background: none;
            text-indent: -10000px;
            transition: all 0.5s;
            z-index: 5;
            color: white;
            transform: translateY(-50%);
        }

    .items-carousel.owl-carousel .owl-nav .owl-next,
    .items-carousel.owl-carousel .owl-nav .owl-prev {
        background: none;
        opacity: 1;
        color: rgba(0, 0, 0, 0.4);
    }

    .owl-carousel .owl-nav .owl-next {
        right: auto;
        left: -20px;
    }


        .owl-carousel .owl-nav .owl-next:before,
        .owl-carousel .owl-nav .owl-prev:before {
            content: "\f105";
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            width: 100%;
            height: 40px;
            margin-top: -20px;
            line-height: 40px;
            font-size: 50px;
            text-align: center;
            text-indent: 0;
            font-family: FontAwesome, sans-serif;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }


        .owl-carousel .owl-nav .owl-next:before {
            content: "\f104";
        }

    .owl-carousel:hover .owl-nav .owl-next,
    .owl-carousel:hover .owl-nav .owl-prev {
        color: white;
        opacity: .4;
    }

    .owl-carousel .owl-nav .owl-next:hover,
    .owl-carousel .owl-nav .owl-prev:hover {
        background: black;
        color: white;
        opacity: .5;
    }

    @media(min-width:768px) {
        .items-carousel.owl-carousel .owl-nav .owl-next,
        .items-carousel.owl-carousel .owl-nav .owl-prev {
            color: black;
        }

            .items-carousel.owl-carousel .owl-nav .owl-next:hover,
            .items-carousel.owl-carousel .owl-nav .owl-prev:hover {
                background: black;
                color: white;
                opacity: .5;
            }
    }

    /*****  Dots *****/
    .owl-carousel .owl-dots {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 3;
    }

        .owl-carousel .owl-dots .owl-dot span {
            margin-right: 4px;
            width: 19px;
            height: 10px;
            background: #fff;
            border-radius: 0;
        }

        .owl-carousel .owl-dots .owl-dot.active span {
            background: #f09217;
        }

        .owl-carousel .owl-dots .owl-dot:hover span {
            background: #ffb74d;
        }

    /***** Lightbox *****/
    .lb-nav a.lb-prev {
        float: right;
        background: url(https://www.nobatan.com/images/next.png) right 48% no-repeat;
    }

    .lb-nav a.lb-next {
        float: left;
        background: url(https://www.nobatan.com/images/prev.png) left 48% no-repeat;
    }

    /***** Ads *****/
    .tg-top-vip.row,
    .tg-just-index .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .tg-top-vip .tg-vip-item,
    .tg-just-index .tg-vip-item {
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .tg-top-vip .tg-top-vip-2 .tg-vip-item:nth-child(2n) {
        padding-right: 5px;
    }

    .tg-top-vip .tg-vip-item img,
    .tg-just-index .tg-vip-item img {
        width: 100%;
        border-radius: 10px;
    }

    @media (min-width:768px) {
        .tg-top-vip .tg-vip-item,
        .tg-just-index .tg-vip-item {
            padding-left: 5px;
            padding-right: 5px;
        }
    }

    /***** 404 *****/
    #page-404 {
        text-align: center;
        padding: 0 20px;
    }

        #page-404 h1 {
            font-size: 36px;
            font-weight: bold;
        }

        #page-404 h2 {
            font-size: 22px;
            font-weight: bold;
        }

        #page-404 img {
            margin: 50px auto;
        }

    @media (min-width:768px) {
        #page-404 h1 {
            font-size: 40px;
        }

        #page-404 h2 {
            font-size: 28px;
        }
    }

    /***** Billboard *****/
    #billboard-slider .billboard-item {
        display: none;
        box-sizing: content-box;
        border: 1px solid #ddd;
    }

    #billboard-slider .owl-item .billboard-item {
        display: block;
    }

    @media (min-width:768px) {
        #billboard-slider .billboard-item {
            width: 660px;
        }
    }

    #billboard-dots-wrapper {
        display: block;
        overflow: auto;
        background: #567;
        color: #f5f5f5;
    }

    #billboard-dots {
        display: table;
        table-layout: fixed;
        min-width: 100%;
    }

        #billboard-dots .owl-dot {
            display: table-cell;
            white-space: nowrap;
            width: 1%; /* To make columns width even (equal) */
            padding: 10px;
            text-align: center;
            border-bottom: 2px solid #567;
            cursor: pointer;
        }

            #billboard-dots .owl-dot:hover {
                background: #FFF;
                color: #444;
                border-bottom-color: yellow;
            }

            #billboard-dots .owl-dot.active {
                background: #FFF;
                color: #444;
                border-bottom-color: gold;
            }

    .billboard__slider-count {
        position: absolute;
        z-index: 2;
        background: rgba(0,0,0,.5);
        bottom: 15px;
        color: #fff;
        right: 15px;
        direction: ltr;
        text-align: left;
        padding: 2px 8px;
    }
    /***** Video Page *****/
.clip-page,
.about-page .about-panel, .Register-panel,
.contact-page .contact-panel {
    margin-bottom: 15px;
    padding: 20px;
    background: white;
    font-size: 16px;
    line-height: 1.9em;
    text-align: justify;
    border-radius: 22px;
}

        .clip-page .clip-info {
            position: absolute;
            bottom: 0;
            background-color: rgba(0,0,0,0.6);
            color: white;
            font-size: 12px;
            width: 100%;
        }

        .clip-page .clip-info__title {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0 8px;
        }

        .clip-page .clip-info__duration {
            padding-left: 8px;
        }

    /***** About Page *****/

    .about-page .section-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .about-page .slogan {
        color: #9C27B0;
        text-align: left;
    }

    .contact-page .contact-us {
        font-size: 14px;
    }

    .contact-page .contact-panel form {
        margin-top: 0;
        margin-bottom: 0;
    }

    .contact-page .contact-info {
        font-weight: bold;
        line-height: 2em;
    }

        .contact-page .contact-info ul {
            list-style: none;
            padding: 0;
        }
    /***** Breadcrumb *****/
    .breadcrumb-bar {
        margin-bottom: 2px;
        font-size: 14px;
    }

        .breadcrumb-bar .breadcrumb {
            padding-left: 0;
            padding-right: 0;
            margin-bottom: 0;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 7px 0;
            font-size: 12px;
            background: none;
        }

            .breadcrumb-bar .breadcrumb > li.breadcrumb-item.breadcrumb-item-home .fa {
                font-size: 15px;
                float: right;
                margin-top: -5px;
            }

            .breadcrumb-bar .breadcrumb > li > a {
                color: #666;
            }

            .breadcrumb-bar .breadcrumb > li.active {
                color: #111;
            }

            /*.breadcrumb-bar .breadcrumb > li + li:before {
                width: 8px;
                height: 1px;
                background: var(--bg-neutral-700);
                border-radius: 2px;
                flex: none;
            }*/

    @media(min-width:768px) {
        .breadcrumb-bar {
            background: white;
            border-bottom: none;
            background: none;
            box-shadow: none;
            margin-bottom: 2px;
        }

            .breadcrumb-bar .breadcrumb {
                padding: 5px;
                font-size: 12px;
            }

                .breadcrumb-bar .breadcrumb > li.breadcrumb-item.breadcrumb-item-home .fa {
                    padding-left: 5px;
                }
    }

    /***** Header Mobile *****/
    .header-mobile {
        background-color: #b8169f;
        background: linear-gradient(-155deg,#bb337f 50px,#26468b 120%);
        padding-bottom: 5px;
    }

        .header-mobile .header-container {
            background: white;
            padding: 3px 5px;
        }

        .header-mobile .socials {
            display: inline-block;
        }

        .header-mobile .social {
            width: 40px;
            height: 38px;
            margin: 0;
        }

        .header-mobile .btn-login, .header-mobile .lnk-cart {
            line-height: 42px;
            display: inline-block;
            border: 1px solid #eaeaea;
            font-size: 12px;
            height: 38px;
            background-color: #f8f8f8;
            color: #bb337f;
            padding: 0px 5px;
            font-weight: 700;
            cursor: pointer;
        }

            .header-mobile .lnk-cart::after {
                content: "\E01B";
                font-family: nobatan2;
                font-size: 20px;
            }

            .header-mobile .btn-login::after {
                content: "\E0B0";
                font-family: nobatan2;
                font-size: 20px;
            }

            .header-mobile .btn-login .txt {
                display: inline-block;
                vertical-align: middle;
                margin-top: -5px;
            }

        .header-mobile .search-wrapper {
            position: relative;
            float: left;
        }

            .header-mobile .search-wrapper .search-box {
                position: absolute;
                left: 0;
                top: 39px;
                max-width: 285px;
                background: #f8f8f8;
                padding: 10px;
                box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
                width: auto;
                min-width: 273px;
                border: 1px solid #eaeaea;
                z-index: 10;
                border-top: none;
                display: none;
            }

                .header-mobile .search-wrapper .search-box.active {
                    display: block;
                }

            .header-mobile .search-wrapper .btn-search-toggle {
                padding: 0;
                line-height: 38px;
                height: 38px;
                font-size: 14px;
                border: 1px solid black;
                display: inline-block;
                width: 40px;
                text-align: center;
                position: absolute;
                left: 0;
                color: #bb337f;
                background-color: #f8f8f8;
                border: 1px solid #eaeaea;
                cursor: pointer;
            }

    @media(min-width:768px) {
        .header-mobile {
            display: none;
        }
    }
    /***** FancyBox *****/
    .fancybox-caption-wrap .fancybox-caption {
        font-family: IRANSans, sans-serif;
        direction: rtl;
    }
    /*******ribbon*********/

    .ribbonDiscount {
        position: absolute;
        right: 0;
        top: 0px;
        z-index: 1;
        overflow: hidden;
        width: 70px;
        height: 50px;
        text-align: right;
        background: url("/images/ribbon-discount.png");
        background-size: 70px auto;
        background-repeat: no-repeat;
    }

        .ribbonDiscount div {
            position: relative;
            width: 60px;
            height: 60px;
        }

            .ribbonDiscount div span {
                position: absolute;
                color: #fff;
                font-size: 13px;
                right: 15px;
                top: 15px;
            }

    .ribbonLux2 span,
    .ribbonLux2 .bar {
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 22px;
        transform: rotate(45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: #f3931a;
        box-shadow: 0 3px 10px -5px rgb(243, 147, 26);
        position: absolute;
        bottom: 17px;
        right: -22px;
    }

    .ribbon2 {
        position: absolute;
        right: -5px;
        bottom: -5px;
        z-index: 1;
        overflow: hidden;
        width: 75px;
        height: 75px;
        text-align: right;
    }

        .ribbon2 span,
        .ribbon2 .bar {
            font-size: 13px;
            font-weight: bold;
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            line-height: 22px;
            transform: rotate(45deg);
            -webkit-transform: rotate(-45deg);
            width: 100px;
            display: block;
            background: #f3931a;
            box-shadow: 0 3px 10px -5px rgb(243, 147, 26);
            position: absolute;
            bottom: 17px;
            right: -22px;
        }

    .ribbon {
        position: absolute;
        right: -5px;
        top: -5px;
        z-index: 1;
        overflow: hidden;
        width: 75px;
        height: 75px;
        text-align: right;
    }

    .ribbonCard {
        border: solid 1px #79a70a !important;
    }

    .ribbonLuxCard {
        border: solid 1px #d79213 !important;
    }

    .ribbonLux, .ribbonLux2 {
        position: absolute;
        left: 0px;
        top: -10px;
        z-index: 1;
        overflow: hidden;
        width: 50px;
        height: 70px;
        text-align: right;
        background: url("https://www.nobatan.com/images/lux-medal.png");
        background-repeat: repeat;
        background-size: auto;
        background-repeat: repeat;
        background-size: auto;
        background-size: 50px auto;
        background-repeat: no-repeat;
    }

    .ribbon span,
    .ribbon .bar {
        font-size: 13px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 22px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        /*background: linear-gradient(#9BC90D 0%, #79A70A 100%);*/
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 17px;
        right: -22px;
    }

    .ribbon .bar {
        width: 50px;
        top: 9px;
        right: -11px;
        height: 11px;
    }

        .ribbon span::before,
        .ribbon .bar::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #79A70A;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

        .ribbon span::after,
        .ribbon .bar::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #79A70A;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

    .ribbon.gold .bar {
        background: #ecc814;
    }

    .ribbon.grey .bar {
        background: #cd7f32;
    }

    .ribbon.gold .bar::before {
        border-left: 3px solid #ecc814;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #ecc814;
    }

    .ribbon.grey .bar::before {
        border-left: 3px solid #cd7f32;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #cd7f32;
    }

    .ribbon.gold .bar::after {
        border-left: 3px solid transparent;
        border-right: 3px solid #ecc814;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #ecc814;
    }

    .ribbon.grey .bar::after {
        border-left: 3px solid transparent;
        border-right: 3px solid #cd7f32;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #cd7f32;
    }

    .ribbon span::after,
    .ribbon .bar::after {
        content: "";
        position: absolute;
        right: 0px;
        top: 100%;
        z-index: -1;
        border-left: 3px solid transparent;
        border-right: 3px solid #79A70A;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #79A70A;
    }
    /****RiboonLux*/
    .ribbonLux span,
    .ribbonLux .bar {
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 22px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #EA8E00;
        /*background: linear-gradient(#9BC90D 0%, #79A70A 100%);*/
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 17px;
        right: -22px;
    }

        .ribbonLux span::after,
        .ribbonLux .bar::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #EA8E00;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #EA8E00;
        }
    /*******************/
    /****Second Ribbon****/
    .second_ribbon span, .second_ribbon .bar {
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 22px;
        display: block;
        position: absolute;
        top: 70px;
        left: 0px;
        background: #f3931a;
        padding: 2px;
        -moz-border-radius: 75px;
        -webkit-border-radius: 75px;
        width: 25px;
        height: 25px;
    }

    .second_ribbon {
        position: absolute;
        left: 5px;
        top: 5px;
        z-index: 1;
        overflow: hidden;
        width: 268px;
        height: 106px;
        text-align: right;
        background-image: url('https://www.nobatan.com/images/eidTaEid.png');
    }

        .second_ribbon span::before, .second_ribbon .bar::before {
            content: "";
            position: absolute;
            left: 0;
            top: 100%;
            z-index: -1;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #f44336;
        }

        .second_ribbon span::after, .second_ribbon .bar::after {
            content: "";
            position: absolute;
            right: 0;
            top: 100%;
            z-index: -1;
        }

    .btn-fixed-profile {
    }

        .btn-fixed-profile button, .btn-fixed-profile a {
            background-color: #47a447; /* Green background */
            color: white; /* White text */
            cursor: pointer; /* Pointer/hand icon */
            float: left; /* Float the buttons side by side */
            border: none;
            width: 21%;
            float: right;
            border-radius: 7px;
            margin: 0 1.5% 0 0;
            padding: 10px 5px;
        }

            .btn-fixed-profile button.btn-group-call {
            }

        .btn-fixed-profile .btn-group-call .icon {
            transform: rotate(250deg);
            vertical-align: middle;
        }

        .btn-fixed-profile button.btn-group-Comment {
        }

        .btn-fixed-profile button.btn-request-price {
            width: 55%;
            margin: 0;
            font-size: 13px;
            background-color: #2da4c8;
        }

        .btn-fixed-profile a.btn-package {
            width: 55%;
            margin: 0;
            font-size: 13px;
            background-color: #2da4c8;
        }

        .btn-fixed-profile:after {
            content: "";
            clear: both;
            display: table;
        }

        .btn-fixed-profile button:hover {
            background-color: #3e8e41;
        }

    .list-job-video .list-group-item:hover {
        color: #9C27B0;
    }

    #filter_section2 {
        margin-top: -10px;
        margin-bottom: 15px;
    }

    .sortby-row {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #ddd;
        padding: 0 6px;
    }

        .sortby-row .svgIcon,
        .sortby-row #slcSortBy,
        .sortby-row #slcSortBy2 {
            position: absolute;
            top: 0;
            cursor: pointer;
        }

        .sortby-row .svgIcon {
            z-index: 2;
        }

        .sortby-row #slcSortby-alt,
        .sortby-row #slcSortby-alt2 {
            border: 0;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            outline: none;
            color: #29cc30;
        }

        .sortby-row #slcSortBy,
        .sortby-row #slcSortBy2 {
            z-index: 3;
            opacity: 0;
        }

        .sortby-row .mbSortby {
            height: 25px;
            width: 25px;
            overflow: hidden;
            position: relative;
        }

        .sortby-row .mbSortby-col {
            padding: 6px 12px;
            background: white;
        }

    .sortby-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: hsla(0,0%,100%,.4);
        z-index: 3;
    }

    .btn-sortby:not(:last-child):after {
        content: "|";
        position: absolute;
        left: 0;
        margin-left: -5px;
        z-index: 1;
    }

    .btn-sortby, .sortby-caption {
        border: 3px solid white;
        background: white;
        color: #444;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
    }

    .btn-sortby {
        text-align: center;
    }

        .btn-sortby:hover {
            border-bottom-color: #a9c8e6;
        }

    .btn-sortby {
        cursor: pointer;
    }

        .btn-sortby.activated {
            border-bottom-color: #7f99b3;
            background-color: #e0e7ef;
            background: #e0e7ef;
        }

    .rahe-sepid .control-label {
        text-align: right;
        padding-top: 0;
    }

    .RahesepidRegister {
        z-index: 3;
    }

    @media (min-width:768px) {
        .FixedAdCorner {
            position: fixed;
            bottom: -300px;
            left: -112px;
            width: 300px;
            height: 300px;
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            z-index: 2;
            display: block;
        }

        .FixedAdBottom {
            display: none;
        }
    }

    .img__fixed-bottom {
        display: block;
        width: 100%;
        height: auto;
    }

    @media (max-width:768px) {
        .FixedAdCorner {
            display: none;
        }

        .FixedAdBottom {
            display: block;
            position: fixed;
            bottom: 0px;
            left: 0;
            right: 0;
            z-index: 4;
        }
    }

    .form-check label, .form-check input, input[type=radio] {
        cursor: pointer;
    }

    .rating-right-column {
        padding-top: 5px;
    }

    @media(max-width:767px) {
        .rating-left-column {
            order: 2;
        }

        .rating-right-column {
            order: 1;
            padding-top: 0;
            padding-bottom: 10px;
        }
    }

    .star-ratings-sprite {
        background: url("https://www.nobatan.com/images/star.png") repeat-x;
        font-size: 0;
        height: 25px;
        line-height: 0;
        overflow: hidden;
        width: 80px;
        margin: 0 auto;
    }

    .star-ratings-sprite-rating {
        background: url("https://www.nobatan.com/images/star.png") repeat-x;
        background-position: 0 100%;
        float: left;
        height: 25px;
        display: block;
    }

    .list-ratings-sprite,
    .list-ratings-sprite-rating {
        height: 20px;
        background-size: 12px 36px;
        background-repeat: repeat-x;
    }

    .list-ratings-sprite {
        width: 60px;
    }

    .list-ratings-sprite-rating {
        background-position: 0px -16px;
    }

    .packages-box {
        background-color: #f2f2f2;
        padding: 20px 0;
    }

    .packagerow {
        color: #19b5bc !important;
        line-height: 1.9em;
        font-size: 15px;
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #e6e6e6;
        margin: 0 0 20px 0;
        overflow: hidden;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    }

    .packagerow1 {
        border: solid 1px #c9e2b3;
        margin: 15px !important;
        color: black !important;
        padding: 5px;
        line-height: 1.9em;
        cursor: pointer;
        font-size: 15px;
    }

        .packagerow .detail-Reserve, .packagerow1 .detail-Reserve {
            text-align: left;
        }

            .packagerow .detail-Reserve span {
                color: #249521;
            }

            .packagerow1 .detail-Reserve span {
                color: #097e06;
            }

    .package-price-warranty {
        color: #388e3c;
        height: 18px;
        background: #f2f8f2 url(/svg/cfder32.svg) no-repeat 100%;
        padding: 1px 20px 1px 5px;
        font-size: 12px;
        line-height: 1;
        border-radius: 9px;
        margin: 0 5px;
        white-space: nowrap;
    }

    @media(max-width: 768px) {
        .packagerow1 .detail-Reserve, .packagerow .detail-Reserve {
            text-align: center;
            font-size: 13px;
        }
    }

    .packagerow .giftBon, .packagerow1 .giftBon {
        color: #a5a5a5;
        font-size: 12px;
    }

    .packageContainer {
        background: white;
        box-shadow: -1px 3px 7px -5px #BBB;
        border: 1px solid #dfdfdf;
        padding: 5px;
    }

    .detail-package {
        flex-wrap: wrap;
    }

    @media(max-width: 768px) {
        #packages-block {
            padding: 0;
        }
    }

    #packages-block .package-price form {
        margin: 0 !important;
    }

    #packages-block .package-price .c-form-account__row {
        display: block;
    }

    #packages-block .package-rule, #packages-block .detail-package-item, #packages-block .package-price {
        padding: 15px;
        width: 33.3333px;
    }

        #packages-block .package-rule .guarantee-text, #packages-block .package-rule .guarantee-text::before, #packages-block .package-rule .cart::before {
            color: #0ab21b !important;
        }

    .packageDetail .alert {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    }

    @media(max-width: 768px) {
        #packages-block .package-rule, #packages-block .detail-package-item, #packages-block .package-price {
            width: 100% !important;
            border-left: none !important;
        }

        #packages-block .package-rule, #packages-block .detail-package-item {
            border-bottom: solid 1px #ddd;
        }

        .packageDetail .alert {
            text-align: center;
            line-height: 30px;
        }
    }

    #packages-block .package-rule span, #packages-block .package-price-des span, #packages-block .detail-package-item span {
        float: right;
        font-size: 13px;
        color: #245a73;
        width: 100%;
        display: inline-block;
        text-align: right;
    }

    #packages-block .Packagerow-head {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 5px;
    }

        #packages-block .Packagerow-head span {
            font-size: 18px;
            font-weight: 600;
            text-align: center;
        }

    #packages-block .Packagerow-footer {
        border-top: 1px solid #e6e6e6;
        padding-top: 5px;
    }

    #packages-block .detail-package-item span::before {
        content: "\2022";
        color: #19b5bc;
        font-weight: bold;
        display: inline-block;
        font-size: 18px;
    }



    #packages-block .package-price .detail-package-item span {
        font-size: 22px;
        text-align: center;
    }

    #packages-block .button-primary {
        margin: 18px 0;
        width: 250px;
        font-size: 16px;
        font-weight: 600;
    }

    @media(max-width: 768px) {
        #packages-block .button-primary {
            float: none;
        }
    }

    .package-category__link {
        color: #333;
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.9em;
        margin-bottom: 7px;
    }

        .package-category__link:hover {
            color: #2a9134;
        }

        .package-category__link.active {
            font-weight: bold;
            color: #2a9134;
        }

            .package-category__link.active span {
                border-bottom: 1px solid #2a9134;
            }

    .packageContainer .logoCol {
        width: 100%;
        background: #fff7f8;
        background-color: #fff7f8;
        padding-right: 30px;
        line-height: 80px;
        height: 80px;
    }

        .packageContainer .logoCol img {
            height: 20px;
            width: 184px;
            max-width: 100%;
        }

    .packageContainer .nameCol {
        padding-top: 15px;
        padding-right: 0;
    }

    .packageContainer .starCol {
        padding-top: 25px;
    }

    .packageContainer .nameCol .header {
        margin: 0;
        font-size: 20px;
        line-height: 25px;
    }

    .packageContainer .nameCol .subHeader {
        margin: 0;
        font-size: 16px;
        line-height: 25px;
        color: #9e9e9e;
    }

    .packageContainer .header-row {
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 5px;
    }

    @media(max-width:767px) {
        .packageContainer .logoCol {
            text-align: center;
            padding-right: 0;
        }

        .packageContainer .nameCol {
            text-align: center;
            padding-right: 15px;
        }

        .packageContainer .starCol {
            padding-top: 5px;
        }
    }

    .guarantee-text,
    .address-text,
    .delivery-b2a,
    .Value-Added-Tax,
    .Entrance-Price,
    .delivery-warehouse,
    .cart,
    .checked,
    .price-warranty {
        padding-right: 35px;
        color: #6f6f6f;
        position: relative;
        font-size: 13px;
        display: inline-block;
    }

        .address-text::before,
        .guarantee-text::before,
        .delivery-b2a::before,
        .delivery-warehouse:before,
        .price-warranty:before,
        .Value-Added-Tax:before,
        .Entrance-Price:before,
        .cart:before,
        .checked:before,
        .btn-AddtoCart .cart-icon::before,
        .btn-AddtoCart .cart-icon::after {
            font-family: nobatan;
            font-size: 17px;
        }

        .guarantee-text::before {
            content: "\E04A" !important;
            color: #5cb85c;
            position: absolute;
            right: 0;
            top: -2px;
        }

        .checked::before {
            content: "\E020" !important;
            color: #0ab21b !important;
            position: absolute;
            right: 0;
            top: -2px;
        }

        .cart::before {
            content: "\E01B" !important;
            color: #5cb85c !important;
            position: absolute;
            right: 0;
            top: -2px;
        }

        .address-text::before {
            content: "\E090" !important;
            position: absolute;
            right: 0;
            top: -3px;
            font-size: 20px;
            color: #c1c1c1 !important;
        }

        .delivery-b2a:before {
            width: 25px;
            height: 24px;
            position: absolute;
            right: 0;
            top: -1px;
            background: url(/images/logo-32x32.png) no-repeat 50% 50%;
            content: "";
            background-size: 100%;
        }

        .delivery-warehouse:before {
            content: "\E041";
            position: absolute;
            right: 0;
            top: 2px;
            font-size: 17px;
            color: #c1c1c1;
        }

        .price-warranty:before {
            content: "\E04B";
            position: absolute;
            right: 0;
            top: 2px;
            font-size: 17px;
            color: #147313;
        }

        .Value-Added-Tax:before {
            content: "\E07f";
            position: absolute;
            right: 0;
            top: 2px;
            font-size: 17px;
            color: #c1c1c1;
        }

        .Entrance-Price:before {
            content: "\E099";
            position: absolute;
            right: 0;
            top: 2px;
            font-size: 17px;
            color: #c1c1c1;
        }

    .btn-checkout {
        line-height: 1.467;
        padding: 15px 70px 15px 15px;
        border-radius: 8px;
        background-color: #00bfd6;
        border: 1px solid #41a7b4;
        color: #fff;
        overflow: hidden;
        text-align: center;
        letter-spacing: -.6px;
        position: relative;
        font-size: 18px;
    }

        .btn-checkout:after {
            font-family: nobatan;
            content: "\E022";
        }

        .btn-checkout:before {
            width: 85px;
            height: 85px;
            position: absolute;
            right: -20px;
            top: -17px;
            background: hsla(0,0%,100%,.21);
            content: "";
            border-radius: 50%;
        }

        .btn-checkout:after {
            position: absolute;
            right: 21px;
            top: 14px;
            font-size: 21px;
        }

        .btn-checkout:not(.disabled):not(.is-inactive):not([disabled]) {
            overflow: hidden;
        }

            .btn-checkout:not(.disabled):not(.is-inactive):not([disabled]):before {
                transition: all .3s ease-in-out;
            }

            .btn-checkout:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
                width: 900px;
                height: 900px;
                right: -450px;
                top: -450px;
                transform: unset;
            }

    .btn-payment {
        line-height: 1.467;
        padding: 15px 70px 15px 15px;
        border-radius: 8px;
        background-color: #49c668;
        border: 1px solid #3dc25e;
        color: #fff;
        overflow: hidden;
        text-align: center;
        letter-spacing: -.6px;
        position: relative;
        width: 90%;
        font-size: 18px;
    }

        .btn-payment:after {
            font-family: nobatan;
            content: "\E022";
        }

        .btn-payment:before {
            width: 85px;
            height: 85px;
            position: absolute;
            right: -20px;
            top: -17px;
            background: hsla(0,0%,100%,.21);
            content: "";
            border-radius: 50%;
        }

        .btn-payment:after {
            position: absolute;
            right: 21px;
            top: 14px;
            font-size: 21px;
        }

        .btn-payment:not(.disabled):not(.is-inactive):not([disabled]) {
            overflow: hidden;
        }

            .btn-payment:not(.disabled):not(.is-inactive):not([disabled]):before {
                transition: all .3s ease-in-out;
            }

            .btn-payment:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
                width: 900px;
                height: 900px;
                right: -450px;
                top: -450px;
                transform: unset;
            }

    .tkh-payment-item {
        width: auto;
        float: none;
        flex-grow: 1;
        margin: 10px 5px;
        order: 9;
        background: #EFEFEF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        padding: 5px;
    }

        .tkh-payment-item .text .pay-icon.shaparak {
            width: 70px;
            background-position: -260px top;
        }

        .tkh-payment-item .text .pay-icon {
            background: url(https://www.nobatan.com/images/payment-icon.png?v=3);
            background-position-x: 0%;
            background-position-y: 0%;
            background-repeat: repeat;
            background-size: auto auto;
            background-repeat: no-repeat;
            background-position: center top;
            height: 46px;
            margin: 10px auto 15px;
            background-size: 330px 52px;
            -moz-background-size: 330px 52px;
            -webkit-background-size: 330px 52px;
        }

        .tkh-payment-item .text span {
            display: block;
            text-align: center;
            font-size: 12px;
        }

    .btn-AddtoCart {
        position: relative;
        max-width: 100%;
        width: 315px;
        height: 75px;
        line-height: 75px;
        color: white;
        font-size: 18px;
        background-color: #49c668;
        border: 1px solid #4caf50;
        border-radius: 8px;
        overflow: hidden;
        outline: none;
        text-align: right;
        padding-right: 75px;
    }

    .btn-AddtoCart__value {
        display: block !important;
        text-align: center !important;
        line-height: 25px;
        color: #fff !important;
        width: unset !important;
    }

    .btn-AddtoCart::before {
        width: 75px;
        height: 100%;
        position: absolute;
        right: 0;
        background: hsla(0,0%,100%,.21);
        content: "";
        top: 0;
    }

    .btn-AddtoCart .cart-icon::before {
        position: absolute;
        right: 32px;
        font-size: 27px;
        content: "\E01B";
        top: 0;
        color: #fff !important;
    }

    .btn-AddtoCart .cart-icon::after {
        position: absolute;
        right: 14px;
        font-size: 12px;
        content: "\E076";
        top: 0;
        color: #fff !important;
    }

    .btn-AddtoCart:hover::before {
        width: 100%;
        transition: all .3s ease-in-out;
    }

    @media(max-width:400px) {
        .btn-AddtoCart {
            padding-right: 0px;
        }

            .btn-AddtoCart::before {
                background: none;
            }

            .btn-AddtoCart .cart-icon::before {
                display: none;
            }

            .btn-AddtoCart .cart-icon::after {
                display: none;
            }
    }

    .params-title::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 7px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 0 0 7px;
        border-color: transparent transparent transparent #00bfd6;
        transform: rotate(45deg);
    }

    .checked-package {
        position: relative;
        height: 16px;
        width: 16px;
        background-color: #eee;
        display: inline-block;
        vertical-align: middle;
        border-radius: 3px;
        border: 1px solid #c7c7c7;
    }

    .packageContainer .activePackage .checked-package::before {
        content: "";
        background: url(/images/if_Symbol_-_Check_58687.png) no-repeat 50% 50%;
        height: 32px;
        width: 32px;
        position: absolute;
        top: -12px;
        right: -12px;
        background-size: 32px 32px;
    }

    .package-job__item {
        width: 33.3333%;
        padding: 15px;
    }

    @media(max-width:992px) {
        .package-job__item {
            width: 50%;
            padding: 15px;
        }
    }

    @media(max-width:450px) {
        .package-job__item {
            width: 100%;
            padding: 15px;
        }
    }


    .package-job__box {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
        background-color: #fff;
        border-radius: 7px;
        overflow: hidden;
    }

    .package-job__figure {
        position: relative;
        overflow: hidden;
        height: 300px;
        background: url(/images/loading.gif);
        background-position: 50%;
        background-repeat: no-repeat;
        display: block;
    }

    .package-job__img {
        position: absolute;
        left: -9999px;
        right: -9999px;
        top: -9999px;
        bottom: -9999px;
        margin: auto;
        height: 100%;
        transition: all .4s;
    }

    .packageContainer .activePackage .packagePrice {
        color: red;
    }

    .packageContainer .packageLogo {
        max-width: 100%;
        margin: auto;
        display: block;
        padding: 15px;
    }

    .packageContainer .packageBox {
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 30px;
    }

    .packageContainer .packageBox {
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 30px;
    }

    .packageContainer .packageItem a {
        color: #6f6f6f;
    }

        .packageContainer .packageItem a:not(.activePackage):hover {
            color: black;
        }

    .packageContainer .packageInfo {
        padding-top: 10px;
        padding-right: 0;
    }

    .packageContainer .packageDetail {
        padding: 35px 50px;
        border-top: 1px solid #f3f3f3;
    }

    .packageContainer .packageDetail-title {
        flex: 0 0 12.2%;
        max-width: 12.2%;
        padding-left: 15px;
    }

    .packageContainer .packageDetail-des {
        flex: 0 0 87.8%;
        max-width: 87.8%;
        padding-left: 15px;
    }

    @media(max-width:767px) {
        .packageContainer .packageInfo {
            padding-right: 15px;
        }

        .packageContainer .packageDetail {
            padding: 35px 5px;
            border-top: 1px solid #f3f3f3;
        }

        .packageContainer .packageDetail-title {
            flex: 0 0 37.2%;
            max-width: 37.2%;
            padding-left: 15px;
        }

        .packageContainer .packageDetail-des {
            flex: 0 0 62.8%;
            max-width: 62.8%;
            padding-left: 15px;
        }
    }

    .clock-title {
        flex: 1 1 auto;
        line-height: 60px;
        font-size: 25px;
    }

    @media(max-width:767px) {
        .clock-title {
            font-size: 12px;
            padding: 10px 0;
        }
    }

    .btn-link-spoiler {
        color: #1ca2bd;
        padding: 0;
        line-height: 2;
        display: inline-block;
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0;
        text-align: center;
        white-space: nowrap;
        line-height: 22px;
        text-decoration: none;
        font-size: 13px;
    }


        .btn-link-spoiler::after {
            left: 0;
            right: 0;
            top: 50%;
            margin-top: .85em;
            content: "";
            position: absolute;
            border-bottom: 1px dashed #1ca2bd;
        }

    .btn-link-spoiler--edit::before {
        content: "\E071";
        position: absolute;
        transform: translateY(-50%);
        font-size: 1em;
        margin-left: 1em;
        left: 100%;
        top: 70%;
        font-family: nobatan;
    }

    .btn-link-spoiler::after {
        left: 0;
        right: 0;
        content: "";
        position: absolute;
        border-bottom: 1px dashed #1ca2bd;
        font-family: nobatan;
        top: 50%;
        margin-top: .85em;
    }

    .packageContainer .p-service__params ul {
        list-style: none;
        padding: 0;
        color: #55565a;
        margin: 20px 0;
        line-height: 1.833;
    }

        .packageContainer .p-service__params ul::before {
            content: attr(data-title);
            line-height: 1.692;
            display: list-item;
            font-weight: 500;
            font-size: 16px;
        }

        .packageContainer .p-service__params ul li {
            margin: 5px 0;
            display: -ms-inline-flexbox;
            display: inline-flex;
            align-items: center;
            width: 95%;
        }

            .packageContainer .p-service__params ul li::before {
                content: "";
                width: 6px;
                height: 6px;
                background: #ccc;
                vertical-align: top;
                margin-left: 10px;
                border-radius: 50%;
            }

            .packageContainer .p-service__params ul li .btn-link-spoiler {
                color: #1ca2bd;
                padding: 0;
                line-height: 2;
            }

            .packageContainer .p-service__params ul li.c-service__params-more-handler::before {
                content: attr(data-sign);
                color: #1ca2bd;
                background: none;
                width: unset;
                height: unset;
            }

    .packageContainer .customerInfo {
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 15px;
    }

        .packageContainer .customerInfo .brandInfo {
            display: inline-block;
            border-bottom: 2px dashed #1ca2bd;
            padding-bottom: 5px;
            color: #1ca2bd;
        }

    .packageContainer .retailerInfo {
        padding-bottom: 30px;
        border-bottom: 1px solid #f3f3f3;
    }

    .packageContainer .mainPackagePrice {
        color: #acacac;
    }

        .packageContainer .mainPackagePrice .discount {
            padding: 0px 5px;
            font-size: 23px;
        }

        .packageContainer .mainPackagePrice .mainPrice {
            color: #fb3449;
            font-size: 36px;
        }

    .packageContainer .commonInfo .express-icon,
    .packageContainer .commonInfo .support-icon,
    .packageContainer .commonInfo .payment-icon,
    .packageContainer .commonInfo .guarantee-icon {
        color: #4a5f73;
        height: 44px;
        display: inline-block;
        text-align: right;
        font-size: 12px;
        margin-top: 10px;
    }

    .packageContainer .commonInfo .express-icon {
        background: url(/images/express.svg) 100% 50% no-repeat;
        background-size: 55px;
        padding-right: 65px;
    }

    .packageContainer .commonInfo .support-icon {
        background: url(/images/support.svg) 100% 50% no-repeat;
        background-size: 39px auto;
        padding-right: 45px;
    }

    .packageContainer .commonInfo .payment-icon {
        background: url(/images/pay.svg) 100% 0 no-repeat;
        background-size: 40px auto;
        padding-right: 55px;
    }

    .packageContainer .commonInfo .guarantee-icon {
        background: url(/images/origin-guarantee.svg) 100% 0 no-repeat;
        background-size: auto 100%;
        padding-right: 45px;
    }

    .packageContainer .packageParamTitle {
        margin: 0;
        color: #6f6f6f;
        font-size: 28px;
        line-height: 36px;
    }

    .packageContainer .packageParamSubtitle {
        color: #a7a7a7;
        margin: 0;
        font-size: 16px;
        line-height: 26px;
    }

    .c-header__user-dropdown {
        display: none;
        position: absolute;
        top: calc(100% - 35px);
        left: 0;
        width: 228px;
        background-color: #fff;
        box-shadow: 0 2px 9px 0 hsla(0,0%,44%,.32);
        padding: 15px;
        z-index: 123;
    }

    @media(max-width:767px) {
        .c-header__user-dropdown {
            top: inherit;
            left: 50px;
        }
    }

    .c-header__user-dropdown::before {
        height: 4px;
        background-color: #ef5661;
        bottom: 100%;
        left: 0;
        right: 0;
        position: absolute;
        content: "";
    }

    .c-header__user-dropdown::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 8px;
        border-color: transparent transparent #ef5661;
        position: absolute;
        bottom: 100%;
        margin-bottom: 2px;
        left: 35px;
        content: "";
    }

    .c-header__user-dropdown-login {
        background-color: #a556a7;
        border-radius: 5px;
        display: block;
        width: 100%;
        text-align: center;
        height: 40px;
        vertical-align: middle;
        letter-spacing: -.5px;
        cursor: pointer;
        color: #fff;
        font-weight: 700;
        line-height: 38px;
    }

        .c-header__user-dropdown-login:hover {
            background-color: #10b7d2;
            color: #fff;
        }

    .c-header__user-dropdown-sign-up {
        line-height: 50px;
        vertical-align: middle;
        text-align: center;
        margin-right: -15px;
        margin-left: -15px;
        border-bottom: 1px solid #eceff1;
    }

    .c-header__user-dropdown-action {
        padding-right: 50px;
        position: relative;
        color: #4a4a4a;
        letter-spacing: -.4;
        font-size: 14px;
        line-height: 40px;
        vertical-align: middle;
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        text-align: right;
    }

        .c-header__user-dropdown-action:hover {
            background-color: #fff2ff;
            color: #891b8c;
        }

    .c-header__user-dropdown-action--profile::before {
        content: "\E0B0";
        font-family: nobatan2;
    }

    .c-header__user-dropdown-action::before {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        font-size: 19px;
        line-height: 1.158;
        opacity: .6;
        font-family: nobatan2;
    }

    .c-header__user-dropdown-action--orders::before {
        content: "\E066";
        font-family: nobatan2;
    }

    .c-header__user-dropdown-action--logout::before {
        content: "\E05B";
        font-family: nobatan2;
    }


    /***** Rates *****/
    .profile-rateSum {
        padding-right: 10px;
        border-right: 1px solid #ddd;
        display: inline-block;
    }

    .profile-rate {
        z-index: 0;
    }

    @media(max-width: 360px ) {
        .rate-panel {
            text-align: center;
        }

        .profile-rateSum {
            padding-right: 0;
            border-right: none;
            border-bottom: 1px solid #ddd;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }
    }
    /****************/

    @keyframes color-animation {

        from {
            color: #A91E63;
        }

        to {
            color: #E91E63;
        }
    }

    .animated-color {
        -webkit-animation-name: color-animation;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation: color-animation 1s linear infinite;
    }

    .offer-text {
        font-size: 17px;
        font-weight: 700;
    }

        .offer-text:hover {
            color: red !important;
            -webkit-animation-name: none;
            animation: none;
        }

    /******** Packages Crousel ***********/
    .package-carousel__container {
        background: white;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
        border-radius: 5px;
    }

    .package-carousel__link-allPackages {
        color: #999;
        padding: 10px 10px 5px;
        display: inline-block;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }

        .package-carousel__link-allPackages:hover {
            color: #555;
            border-bottom-color: #999;
        }

    .package-carousel__headline {
        position: relative;
        margin-right: 10px;
        margin-left: 10px;
        font-size: 18px;
        padding-top: 10px;
        margin-bottom: 10px;
        font-weight: 500;
    }

        .package-carousel__headline span.headline-text {
            position: relative;
            padding-bottom: 10px;
            display: inline-block;
            padding-right: 10px;
            color: #3d51b4;
        }

            .package-carousel__headline span.headline-text::before {
                content: "";
                position: absolute;
                right: 0;
                left: -40px;
                bottom: 0;
                background-color: #19b5bc;
                height: 1px;
                z-index: 1;
            }

            .package-carousel__headline span.headline-text::after {
                content: "";
                position: absolute;
                left: -45px;
                width: 15px;
                height: 1px;
                background-color: #fff;
                bottom: 0;
                z-index: 1;
            }

        .package-carousel__headline::after {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            background-color: #f4f4f4;
            height: 1px;
            content: "";
            z-index: 0;
        }

    .headline-link {
        float: left;
        color: #222;
        position: relative;
        padding-bottom: 10px;
        padding-left: 24px;
    }

        .headline-link::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: #19b5bc;
            height: 1px;
            z-index: 1;
            right: -10px;
            color: #3d51b4
        }

        .headline-link::after {
            content: '';
            position: absolute;
            bottom: 50%;
            left: 9px;
            border: 1px solid black;
            width: 12px;
            height: 12px;
            display: block;
            border-right: 0;
            border-bottom: 0;
            transform: rotate(-45deg);
        }

        .headline-link:hover::after {
            border-color: #19b5bc;
        }

        .headline-link:hover {
            color: #19b5bc;
        }

    .package-carousel .owl-carousel .item-container {
        padding-right: 7px;
        padding-left: 7px;
    }

    .package-carousel .owl-carousel .item {
        display: none;
        padding-top: 8px;
        padding-bottom: 25px;
    }

    .package-carousel .owl-carousel .owl-item .item {
        display: block;
    }

    .package-carousel .owl-carousel .owl-item img {
        width: auto;
        height: auto;
    }

    .package-carousel .item-link:hover {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1);
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
    }

    @media(min-width:768px) {
        .package-carousel .items-carousel.owl-carousel .owl-nav .owl-next,
        .package-carousel .items-carousel.owl-carousel .owl-nav .owl-prev {
            background: hsla(0,0%,100%,.8);
            color: #a8a8a8;
            height: 60px;
            top: 50%;
            margin-top: -30px;
            border-radius: 50%;
            box-shadow: 0 2px 15px 0 rgba(0,0,0,.1);
        }

        .package-carousel .items-carousel.owl-carousel .owl-nav .owl-next {
            margin-left: -25px;
        }

        .package-carousel .items-carousel.owl-carousel .owl-nav .owl-prev {
            margin-right: -25px;
        }
    }

    .package-carousel .item-title {
        display: block;
        text-align: center;
        overflow: hidden;
        min-height: 50px;
        font-size: 12px;
        font-size: 14px;
        line-height: 25px;
        color: #4a5f73;
        padding-left: 3px;
        padding-right: 3px;
        margin-top: 5px;
    }

    .package-carousel .item-img {
        max-width: 256px;
        max-height: 256px;
        position: absolute;
        left: -9999px;
        right: -9999px;
        top: -9999px;
        bottom: -9999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%;
    }

    .package-carousel .item-img_box {
        position: relative;
        width: 128px;
        height: 128px;
        overflow: hidden;
        margin: auto;
    }

    .package-carousel .item-price {
        display: block;
        color: #fb3449;
        text-align: center;
    }

    .package-carousel .item-price-value {
        font-size: 18px;
        font-weight: 500;
    }

    /*** New Customer list */
    .customers__list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .customer__item {
        background-color: #fff;
        margin-bottom: 10px;
        border-radius: 22px;
        height:180px }
@media(max-width: 768px) {

    .customer__item, .ad-box {
        height: 190px
    }
 
}
.ad-box {
    background: #fff3cd;
    border: 2px dashed #ff9800;
    padding: 15px;
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 22px;
    color: #e65100;
    height: 180px;
    line-height: 30px;
    margin-bottom: 10px;
}
.ad-box:hover {
    background: #fff;
}

.ad-box-center {
    font-weight: unset;
}
.ad-box:hover .ad-box-a {
    color: #fff;
    background: #ff802e;
    border-radius: 22px;
}
.ad-box-a {
    color: #1fa60c
}
.item__img-count {
    position: absolute;
    z-index: 2;
    background: rgba(0,0,0,.5);
    bottom: 15px;
    color: white;
    right: 15px;
    direction: ltr;
    text-align: left;
    padding: 2px 8px;
}

    .item-img-icon {
        margin-right: 5px;
        vertical-align: middle;
    }

    .old_customer-item__img {
        width: 105px;
        max-width: 105px;
        min-width: 105px;
        height: 105px;
        max-height: 105px;
        min-height: 105px;
    }

    .old_customer-item__btn-rq {
        font-size: 14px;
        width: 100%;
    }

    .customer-item__img {
        position: absolute;
        left: -9999px;
        right: -9999px;
        top: -9999px;
        bottom: -9999px;
        margin: auto;
        width: 100%;
    }

    .customer-item__btn-rq {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        font-size: 13px !important;
        width: 100% !important;
    }

    .customer-item__stars {
        position: absolute;
        bottom: 0;
        display: block;
        right: 0;
        white-space: nowrap;
        width: 100%;
    }

    .customer-item__stars-modified {
        text-align: left;
        bottom: 15px;
        left: 0;
        padding-left: 15px;
    }

    .customer-item__stars .star__icon {
        text-shadow: 0 0 1px black;
        color: #ffeb3b;
    }

    .old_customer-item__title {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        color: #222;
        line-height: 24px;
    }

    .customer-item__title {
        margin: 0;
        font-size: 15px;
        color: #222;
        line-height: 26px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 7px;
    }

.customer-item-title__link {
    color: #0142ff;
}

    @media(max-width: 768px) {
        .customer-item-title__link {
            color: #0142ff;
            line-height: 38px;
            display: inline-block;
        }
    }

    .customer-stat__box {
        color: #808080;
        margin-left: 5px;
        display: inline-block;
    }

    .customer-item__adr-box {
        font-size: 12px;
        color: #8c8c8c;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .customer-item__adr-box {
        color: #6c6c6c;
    }

    .customer-item__job-link {
        color: #8c8c8c;
    }

    .customer-item__job-link {
        font-size: 11px;
    }

        .customer-item__job-link:hover {
            color: #19b5bc;
        }

    .customer-item__dis-box,
    .customer-item__cmt-box {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
        line-height: 22px;
        font-size: 13px;
        margin-top: 8px;
        font-weight: 500;
        color: #6c6c6c;
    }

.dashed-link {
    color: #3861fb;
    font-size: 13px;
    line-height: 22px;
    border-bottom: 1px dashed;
    white-space: nowrap;
    display: inline-block;
}

    @media(min-width:768px) {
        .old_customer-item__btn-rq {
            font-size: 14px;
            width: auto;
        }

        .customer-item__btn-rq {
            padding-top: 8px !important;
            padding-bottom: 8px !important;
            padding-right: 18px !important;
            padding-left: 18px !important;
            font-size: 14px !important;
            width: auto !important;
        }
    }


    .pagination > li > a {
        padding: 8px 14px;
    }


    .tg__item {
        width: 16.5%;
        max-width: 300px;
        padding: 10px;
        position: relative;
    }

    @media(max-width: 992px) {
        .tg__item {
            width: 33.333%;
            max-width: 330px;
            position: relative;
        }
    }

    @media(max-width: 768px) {
        .tg__item {
            width: 49%;
            max-width: 350px;
            padding: 5px;
        }

        .tg__figure, .tg-middle__figure {
            height: 220px !important;
        }

        .tg__figcaption {
            font-size: 13px !important;
        }

        .ribbonLux, .ribbonLux2 {
            background-size: 45px auto !important;
        }
    }

    @media(max-width: 360px) {
        .tg__item {
            width: 49%;
        }
    }

    .tg__figure, .tg-middle__figure {
        position: relative;
        overflow: hidden;
        height: 260px;
        background: url('https://www.nobatan.com/images/loading.gif');
        background-position: 50%;
        background-repeat: no-repeat;
        display: block;
    }

    .tg-middle__figure {
        height: 250px;
    }

    .tg__figcaption {
        position: absolute;
        bottom: 0;
        padding: 10px;
        color: #fff;
        width: 100%;
        left: 0;
        right: 0;
        font-size: 15px;
        font-weight: 500;
        /*background-image: linear-gradient(-180deg,rgba(0,0,0,0) 1%,#000 97%);*/
        background-image: linear-gradient(-180deg,rgba(2,2,2,0.1) 2%,#222 99%);
        padding-top: 21px;
    }

    .tg__figcaption-ribbon {
        background-image: linear-gradient(-180deg,rgba(2,2,2,.1) 2%,#648613 99%) !important;
    }

    .tg__figcaption-ribbonLux {
        background-image: linear-gradient(-180deg,rgba(2,2,2,.1) 2%,#c09b06 99%) !important;
    }

    @media(min-width:768px) {
        .tg__figcaption {
            font-size: 17px;
            font-weight: 600;
        }
    }

    .tg__figcaption {
    }

    .tg__des {
        font-weight: 400;
        font-size: 12px;
    }

    .tg__figcaption a {
        color: #fff;
    }

    .tg__img {
        position: absolute;
        left: -9999px;
        right: -9999px;
        top: -9999px;
        bottom: -9999px;
        margin: auto;
        /*min-width: 100%;
    min-height: 100%;*/
        height: 100%;
        transition: all .4s;
    }

    .tg__card {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
        background-color: #fff;
        border-radius: 7px;
        overflow: hidden;
    }

    .tg__card-loc {
        background: #19b5bc;
        padding: 3px 10px;
        border-radius: 12px;
        color: #fff;
        font-size: 11px;
    }

    .thumb-text {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.5);
        padding: 10px 0;
        color: #fff;
        white-space: nowrap;
        line-height: 25px;
    }

    .tg__info {
        color: #222;
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 10px;
    }



    @media(max-width: 768px) {

        .img-billboard {
            height: 150px !important;
        }
    }

    .img-billboard {
        width: 100%;
        height: 200px;
        transition: all .4s;
        border-radius: 10px;
    }

        .img-billboard:hover,
        .tg__img:hover {
            -webkit-transform: translate3d(0,-2px,0) scale3d(1.05,1.05,1.05);
            -ms-transform: translate3d(0,-2px,0) scale3d(1.05,1.05,1.05);
            -moz-transform: translate3d(0,-2px,0) scale3d(1.05,1.05,1.05);
            transform: translate3d(0,-2px,0) scale3d(1.05,1.05,1.05);
        }

    .swiper-slide.billboard-slide {
        width: 100%;
        padding: 0 10px;
    }

    .billboard__figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        color: #fff;
        z-index: 1;
        padding: 15px;
        opacity: .86;
        background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 12%,#000 97%);
        background-image: linear-gradient(-180deg,rgba(0,0,0,0.00) 12%,#000 97%);
    }

    .billboard__title {
        font-weight: 500;
        font-size: 15px;
    }

    .billboard__des {
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .billboard-slide__box {
        overflow: hidden;
        position: relative;
        /*height: 250px;*/
    }

    @media(min-width: 500px) {
        .swiper-slide.billboard-slide {
            width: 50%;
        }

        .billboard-slide__box {
            /*height: 300px;*/
        }

        .billboard__title {
            font-size: 16px;
        }

        .billboard__des {
            font-size: 13px;
        }
    }


    .tags__list {
        margin: 0;
        list-style: none;
        padding: 0;
    }

    .tag__item {
        margin-left: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        display: inline-block;
    }

    .tag__link {
        color: #6c6c6c;
        border: 1px solid #e2e2e2;
        padding: 10px 8px;
        display: inline-block;
        font-size: 13px;
        line-height: 20px;
        background: white;
        border-radius: 4px;
        overflow: hidden;
    }

        .tag__link:hover {
            color: #19b5bc;
            border: 1px solid #19b5bc;
        }

    .fa-whatsapp {
        position: relative;
        font-size: 1.5em;
    }

        .fa-whatsapp:before {
            content: "\f111";
            color: green;
        }

        .fa-whatsapp:after {
            left: 0;
            position: absolute;
            content: "";
            color: white;
        }

    .whatsappcorner {
        z-index: 1000000;
        position: fixed;
        right: 0;
        bottom: 0;
    }

        .whatsappcorner img {
            width: 80%;
            float: right;
        }

    .SaveCustomercorner {
        z-index: 1000000;
        position: fixed;
        left: 0;
        bottom: 0;
    }

        .SaveCustomercorner img {
            width: 80%;
            float: left;
        }

    @media (max-width:767px) {
        .whatsappcorner {
            right: 0 !important;
        }

            .whatsappcorner img {
                width: 70%;
            }

        .SaveCustomercorner {
            bottom: -75px !important;
        }

            .SaveCustomercorner img {
                width: 70%;
            }
    }

    /* Users' thought */
    figure.testimonial {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px 1%;
        padding: 0 20px;
        text-align: right;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }

        figure.testimonial * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            -moz-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            -o-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
        }

        figure.testimonial .testimonial-profile {
            max-width: 100%;
            vertical-align: middle;
            height: 40px;
            width: 40px;
            float: right;
            margin-right: 43px !important;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
        }

    .testimonial-details {
        margin: 36px 0 0 10px;
    }

    .align-testimonial-item {
        display: flex;
        align-items: center;
    }

    .testimonial-des {
        margin-right: 5px;
    }

        .testimonial-des .testimonial-name {
            font-size: 14px;
            font-weight: bold;
        }

        .testimonial-des .testimonial-job {
            font-size: 12px;
        }

    .testimonial-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    figure.testimonial .quote {
        background-color: #2b41a1;
        color: white;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 2em;
        margin: 0;
        padding: 21px 25px 29px;
        position: relative;
        border-radius: 7px;
    }






    figure.testimonial .btn {
        top: 80%;
        width: 0;
        transform: rotate(108deg);
        right: 51px;
        height: 0;
        border-left: 0 solid transparent;
        border-right: 25px solid transparent;
        border-top: 25px solid #2b41a1;
        margin: 0;
        position: absolute;
    }

    figure.testimonial .user {
        position: absolute;
        left: 0;
        padding: 0 10px 0 120px;
        margin: 0;
        color: #2b2b2b;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -o-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }

    @media only screen and (max-width: 800px) {
        figure.testimonial .btn {
            top: 85%;
        }

        .testimonial-des .testimonial-name {
            font-size: 12px;
        }

        .testimonial-des .testimonial-job {
            font-size: 10px;
        }
    }

    @media only screen and (max-width: 480px) {
        figure.testimonial .btn {
            top: 90%;
        }
    }

    .lux-menu {
        color: #f8a107 !important;
        font-weight: bold;
        font-size: 14px !important;
    }

        .lux-menu .fa-angle-down::before, .lux-menu .fa-angle-up::before {
            color: #f8a107 !important;
        }

    .menu-job {
        width: 90px !important;
    }

    @media(max-width: 768px) {

        .card {
            --card-width: 125px !important;
            padding: 5px !important;
        }
    }

    @media(max-width: 414px) {

        .card {
            --card-width: 115px !important;
            padding: 5px !important;
        }
    }

    @media(max-width: 412px) {

        .card {
            --card-width: 115px !important;
            padding: 5px !important;
        }
    }

    @media(max-width: 390px) {

        .card {
            --card-width: 110px !important;
            padding: 5px !important;
        }
    }

    @media(max-width: 384px) {

        .card {
            --card-width: 110px !important;
            padding: 5px !important;
        }
    }

    @media (max-width: 375px) {
        .card {
            --card-width: 105px !important;
        }
    }

    @media (max-width: 360px) {
        .card {
            --card-width: 100px !important;
        }
    }

    @media (max-width: 320px) {
        .card {
            --card-width: 90px !important;
        }
    }

    .card {
        --background: #fff;
        --background-checkbox: #0082ff;
        --text-color: #666;
        --text-headline: #000;
        --card-shadow: #0082ff;
        --card-height: 250px;
        --card-width: 190px;
        --card-radius: 12px;
        --header-height: 47px;
        --blend-mode: overlay;
        --transition: 0.15s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: 10px 11px;
    }

        .card :hover .card__body-cover-image {
            -webkit-transform: translate3d(0,-2px,0) scale3d(1.05,1.05,1.05);
            -ms-transform: translate3d(0,-2px,0) scale3d(1.05,1.05,1.05);
            -moz-transform: translate3d(0,-2px,0) scale3d(1.05,1.05,1.05);
            transform: translate3d(0,-2px,0) scale3d(1.05,1.05,1.05);
        }

        .card :hover .card__body-header-title {
            color: #19b5bc;
        }

        .card:nth-child(odd) .card__body-cover-image {
            --x-y1: 100% 90%;
            --x-y2: 67% 83%;
            --x-y3: 33% 90%;
            --x-y4: 0% 85%;
        }

        .card:nth-child(even) .card__body-cover-image {
            --x-y1: 100% 85%;
            --x-y2: 73% 93%;
            --x-y3: 25% 85%;
            --x-y4: 0% 90%;
        }

    .card__input {
        position: absolute;
        display: block;
        outline: none;
        border: none;
        background: none;
        padding: 0;
        margin: 0;
        -webkit-appearance: none;
    }

        .card__input:checked ~ .card__body {
            --shadow: 0 0 0 3px var(--card-shadow);
        }

            .card__input:checked ~ .card__body .card__body-cover-checkbox {
                --check-bg: var(--background-checkbox);
                --check-border: #fff;
                --check-scale: 1;
                --check-opacity: 1;
            }

            .card__input:checked ~ .card__body .card__body-cover-checkbox--svg {
                --stroke-color: #fff;
                --stroke-dashoffset: 0;
            }

            .card__input:checked ~ .card__body .card__body-cover:after {
                --opacity-bg: 0;
            }

            .card__input:checked ~ .card__body .card__body-cover-image {
                --filter-bg: grayscale(0);
            }

        .card__input:disabled ~ .card__body {
            cursor: not-allowed;
            opacity: 0.5;
        }

            .card__input:disabled ~ .card__body:active {
                --scale: 1;
            }

    .card__body {
        display: grid;
        grid-auto-rows: calc(var(--card-height) - var(--header-height)) auto;
        background: var(--background);
        height: var(--card-height);
        width: var(--card-width);
        border-radius: var(--card-radius);
        overflow: hidden;
        position: relative;
        cursor: pointer;
        border: solid 1px #ddd;
    }

        .card__body:active {
            --scale: 0.96;
        }

    .card__body-cover {
        --c-border: var(--card-radius) var(--card-radius) 0 0;
        --c-width: 100%;
        --c-height: 100%;
        position: relative;
        overflow: hidden;
    }

        .card__body-cover:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: var(--c-width);
            height: var(--c-height);
            border-radius: var(--c-border);
            background: linear-gradient(to bottom right, var(--background-image));
            mix-blend-mode: var(--blend-mode);
            opacity: var(--opacity-bg, 1);
            transition: opacity var(--transition) linear;
        }

    .card__body-cover-image {
        width: var(--c-width);
        height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: var(--c-border);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
        clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
        transition: all .4s;
    }

    .card__body-cover-checkbox {
        background: var(--check-bg, var(--background-checkbox));
        border: 2px solid var(--check-border, #fff);
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 1;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        opacity: var(--check-opacity, 0);
        transition: transform var(--transition), opacity calc(var(--transition) * 1.2) linear;
        transform: scale(var(--check-scale, 0));
    }

    .card__body-cover-checkbox--svg {
        width: 13px;
        height: 11px;
        display: inline-block;
        vertical-align: top;
        fill: none;
        margin: 7px 0 0 5px;
        stroke: var(--stroke-color, #fff);
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 16px;
        stroke-dashoffset: var(--stroke-dashoffset, 16px);
        transition: stroke-dashoffset 0.4s ease var(--transition);
    }

    .card__body-header {
        background: var(--background);
        padding: 0 10px 10px 10px;
        margin-top: -20px;
    }

    .card__body-header-title {
        color: var(--text-headline);
        font-size: 13px;
        margin-bottom: 8px;
        transition: all .4s;
    }

    .card__body-header-loc {
        position: absolute;
        top: 145px;
        left: 10px;
        background: #19b5bc;
        padding: 3px 10px;
        border-radius: 12px;
        color: #fff;
        font-size: 11px;
    }

    .card__body-header-discount {
        position: absolute;
        top: 160px;
        left: 10px;
        background: #ee1919;
        padding: 3px 10px;
        border-radius: 12px;
        color: #fff;
        font-size: 11px;
    }

    .card__body-header-subtitle {
        color: var(--text-color);
        font-size: 13px;
        padding-top: 5px;
    }

    .menu-jobs {
        text-align: center;
        border-radius: 15px;
        height: 70px;
        width: 70px;
        margin: auto;
        padding-top: 12px;
        transition: all .4s;
    }

        

            .menu-jobs:hover i {
                color: #fff;
            }

        .menu-jobs img {
            width: 40px !important;
            margin: auto auto;
            border-radius: 10px;
        }

        .menu-jobs i {
            color: #bc13f0;
            font-size: 40px;
        }

.filter-section .form-control {
    height: 50px;
    border-radius: 22px!important;
}

.filter-section .btn-search {
    width: 100%;
}

    .filter-section .searchKey {
        background-color: #f9f9f9;
    }

.tag-services {
    display: inline-block;
    background-color: #f4f4f4;
    color: #11999f;
    padding: 5px;
    margin: 4px;
    border-radius: 10px;
    font-size: 11px;
    transition: all 0.3s ease;
    text-align: center;
}
    .tag-services:hover {
        background-color: #fff;
    }

    .tag-subservices {
        color: #ff802e !important;
    }

 
.row-tag-services {
    height: 35px;
    overflow: hidden;
}
.carousel-tag-services{
    width:600px;
}
@media (max-width: 768px) {
    .carousel-tag-services {
        width: 250px;
    }
}
    .search-result-section {
        padding-bottom: 20px
    }

    :root {
        --nb-bg: #fff;
        --nb-text: #222;
        --nb-line: #eee;
        --nb-shadow: 0 8px 24px rgba(0,0,0,.08);
        --nb-brand: #3861fb;
    }

    body {
        margin: 0;
        background: #f8f8f8;
        font-family: tahoma,iransans,system-ui,sans-serif;
        color: var(--nb-text)
    }
    /* ===== نوار بالا ===== */
    .navbar-nobatan {
        position: relative;
        z-index: 1000
    }

    .navbar-wrap-nobatan {
        max-width: 1200px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1px 16px;
        gap: 12px
    }

    .brand-nobatan {
        font-weight: 700;
        color: var(--nb-brand);
        font-size: 18px;
        display: none;
    }

    .menu-toggle-nobatan {
        display: none;
        background: transparent;
        border: 0;
        font-size: 24px;
        cursor: pointer;
        line-height: 1
    }
    /* ===== لیست اصلی (دسکتاپ) ===== */
    .menu-root-nobatan {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        gap: 4px
    }

        .menu-root-nobatan > li {
            position: relative
        }

            .menu-root-nobatan > li > a {
                display: flex;
                align-items: center;
                gap: 6px;
                padding: 12px 14px;
                border-radius: 10px;
                text-decoration: none;
                color: #fff
            }

                .menu-root-nobatan > li > a:hover {
                    background: #f3f5ff
                }

    .arrow-nobatan {
        font-size: 12px;
        transition: transform .25s ease
    }
    /* ===== زیرمنوها (دسکتاپ) ===== */
.submenu-nobatan {
    position: absolute;
    top: 100%;
    right: 0;
    width: max-content;
    background: var(--nb-bg);
    border: 1px solid var(--nb-line);
    border-radius: 12px;
    box-shadow: var(--nb-shadow);
    padding: 8px 6px;
    list-style: none;
    margin: 8px 0 0 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s
}

    @media (min-width: 768px) {
        .submenu-nobatan > li > a {
            padding: 10px 12px;
            border-radius: 8px;
            text-decoration: none;
            color: var(--nb-text);
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 6px;
            direction: rtl;
        }
    }


    .submenu-nobatan > li > a:hover {
        background: #f6f6f8
    }
    /* سطح سوم وی‌افست به چپ */
.submenu-nobatan .has-submenu-nobatan > .submenu-nobatan {
    top: 0;
    right: 100%;
    margin-right: 6px;
    min-height: 318px;
}
    /* نمایش با هاور/فوکوس */
    .has-submenu-nobatan:hover > .submenu-nobatan,
    .has-submenu-nobatan:focus-within > .submenu-nobatan {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0s
    }

    .has-submenu-nobatan:hover > a .arrow-nobatan {
        transform: rotate(180deg)
    }
    /* ===== موبایل: دراور + overlay ===== */
    .menu-overlay-nobatan {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.55);
        opacity: 0;
        pointer-events: none;
        transition: opacity .35s ease;
        z-index: 900
    }

        .menu-overlay-nobatan.active {
            opacity: 1;
            pointer-events: auto
        }

    .drawer-nobatan {
        position: fixed;
        top: 0;
        right: -300px;
        width: 280px;
        height: 100dvh;
        background: var(--nb-bg);
        box-shadow: var(--nb-shadow);
        z-index: 9500;
        display: flex;
        flex-direction: column;
        opacity: 0;
        transition: right .35s ease, opacity .35s ease
    }

        .drawer-nobatan.active {
            right: 0;
            opacity: 1
        }

    .drawer-header-nobatan {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 14px;
        border-bottom: 1px solid var(--nb-line)
    }

    .drawer-title-nobatan {
        font-weight: 700
    }

    .drawer-close-nobatan {
        background: transparent;
        border: 0;
        font-size: 22px;
        cursor: pointer
    }

    .menu-mobile-nobatan {
        list-style: none;
        margin: 0;
        padding: 10px 8px;
        display: flex;
        flex-direction: column;
        gap: 2px
    }

        .menu-mobile-nobatan > li > a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            padding: 12px;
            border-radius: 10px;
            text-decoration: none;
            color: var(--nb-text)
        }

        .menu-mobile-nobatan li .btn-advisor {
            padding: 7px 20px;
            border-radius: 32px;
            margin-top: 5px;
            cursor: pointer;
            background: rgb(255, 190, 0);
            color: #2b2b2b;
            margin-left: 15px;
        }
        .menu-mobile-nobatan li .btn-select-city {
            padding: 7px 20px;
            margin-top: 5px;
            cursor: pointer;
            background: rgb(238, 238, 238);
            color: #2b2b2b;
            margin-left: 15px;
            border: solid 1px rgb(255, 190, 0);
            height: 45px;
            float: right;
            left: unset;
        }

        .menu-mobile-nobatan > li > a:hover {
            background: #f6f7ff
        }
    /* زیرمنوی موبایل: آکاردئون با max-height */
    .submenu-nobatan-mobile {
        list-style: none;
        margin: 2px 0 8px 0;
        padding: 0 0 0 0;
        background: #fff;
        border-right: 2px solid #f0f0f0;
        border-radius: 10px
    }

        .submenu-nobatan-mobile > li > a {
            display: block;
            padding: 10px 14px;
            border-radius: 8px;
            text-decoration: none;
            color: var(--nb-text)
        }

            .submenu-nobatan-mobile > li > a:hover {
                background: #f8f8fb
            }

    .collapse-nobatan {
        max-height: 0;
        overflow: hidden;
        opacity: .0;
        transition: max-height .35s ease, opacity .35s ease
    }

    .expand-nobatan {
        max-height: 800px;
        opacity: 1
    }

    .has-submenu-nobatan.open > a .arrow-nobatan {
        transform: rotate(180deg)
    }
    /* ===== ریسپانسیو ===== */
    @media (max-width: 992px) {
        .brand-nobatan {
            display: block;
            order: 2;
        }

        .menu-toggle-nobatan {
            display: block
        }

        .menu-root-nobatan {
            display: none
        }
        /* دسکتاپ مخفی، موبایل از دراور میاد */
    }
    /* کاهش انیمیشن برای کاربرانی که ترجیح می‌دهند */
    @media (prefers-reduced-motion: reduce) {
        * {
            transition: none !important
        }
    }

    .arrow-nobatan {
        font-size: 12px;
        transition: transform .25s ease;
    }



    .menu-root-nobatan > .has-submenu-nobatan:hover > a .arrow-nobatan,
    .menu-root-nobatan > .has-submenu-nobatan:focus-within > a .arrow-nobatan {
        transform: rotate(180deg) !important;
    }

    /* رنگ پس‌زمینه آیتم انتخاب‌شده (هاور یا باز شده) */
    .menu-root-nobatan li:hover > a,
    .submenu-nobatan li:hover > a {
        background: #e9ecff; /* رنگ ملایم آبی بنفش */
        color: var(--nb-brand);
    }


    .submenu-nobatan .has-submenu-nobatan:hover a .arrow-nobatan {
        transform: rotate(90deg) !important;
    }

.searchBoxHeader button {
    color: #ff802e;
    border: #d5d6d9 1px solid;
    border-radius: 5px;
    background: #fbfbfb;
    padding: 4px 9px;
}
.searchBoxHeader #searchBoxWrapper {
    min-width: 250px;
    display: none;
    position: absolute;
    left: 30px;
    background: no-repeat;
    top: 45px;
}
@media (max-width: 768px) {
    .searchBoxHeader {
        order: 3;
    }
        .searchBoxHeader #searchBoxWrapper {
            left: 12px;
            top: 55px;
        }
}