@charset "UTF-8";

@font-face {
    font-family: 'IRANYR';
    src: url("fonts/Farsi_numerals_(Non Standard)/IRANYekanRegular(FaNum).ttf") format("truetype");
}

@font-face {
    font-family: 'IRANYL';
    src: url("fonts/Farsi_numerals_(Non Standard)/IRANYekanLight(FaNum).ttf") format("truetype");
}

@font-face {
    font-family: 'IRANYB';
    src: url("fonts/Farsi_numerals_(Non Standard)/IRANYekanBold(FaNum).ttf") format("truetype");
}

@font-face {
    font-family: 'fontawesome';
    src: url("fonts/font-awesome/fonts/fontawesome-webfont.woff") format("woff");
}

body {
    font-family: IRANYR;
    direction: rtl;
    text-align: right;
    background-color: #f6f6f6;
}

h1, h2, h3, h4, h5, h6, div {
    font-family: IRANYR;
}

ul {
    list-style: none;
    padding: 0;
}

p, a, span {
    font-family: IRANYR;
}

a {
    color: #0275d8;
    text-decoration: none;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.separator {
    height: 2em;
    display: block;
    width: 100%;
    clear: both;
}

    .separator.thin {
        height: 0em;
    }

.field-validation-error {
    color: #ff0000;
    font-size: 0.9em;
}

.blink_me {
    animation: blinker 1s backwards infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

body.noscroll {
    overflow: hidden;
}

#overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #01b4c0 url(/images/loading.svg) center center no-repeat;
    opacity: .9;
    display: none;
    font-size: 1em;
    padding: 25%;
    color: #fdfdfd;
    text-align: center;
    z-index: 3000;
}

#canvasbar {
    display: none;
    z-index: 1000;
    background-color: red;
    width: 80%;
    background-color: #fdfdfd;
    border-left: 1px solid #000;
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

    #canvasbar .cats {
        padding-right: 1em;
        width: 100%;
        display: inline-block;
        clear: both;
        border-bottom: 1px solid #dcedc8;
    }

        #canvasbar .cats .title {
            font-size: 1.5em;
            font-weight: bold;
            cursor: pointer;
            padding: 0.2em .2em;
            text-align: right;
        }

            #canvasbar .cats .title .fa-plus-circle {
                display: none;
            }

        #canvasbar .cats .items a {
            width: 30%;
            float: right;
            margin: 0 1%;
            text-align: center;
            font-size: 1.1em;
            font-family: IRANYR;
            font-weight: bold;
            margin-bottom: 1em;
        }

            #canvasbar .cats .items a img {
                height: 5em;
                width: 100%;
            }

        #canvasbar .cats.canv-search {
            padding: 0.5em 1em 0 0;
        }

            #canvasbar .cats.canv-search input {
                width: 90%;
                float: left;
                border: 1px solid #ffb923;
            }

            #canvasbar .cats.canv-search i {
                font-size: 2em;
                float: left;
                cursor: pointer;
                color: #ffb923;
            }

    #canvasbar :nth-child(odd) {
        color: #0088cc;
    }

    #canvasbar :nth-child(even) .title {
        background-color: #fdfdfd;
        color: #008000;
    }

    #canvasbar i.fa-times {
        float: left;
        clear: both;
        color: #ff0000;
        font-size: 2em;
        margin: .5em 0 0 0.5em;
    }

.actionbutton {
    background-color: #d324f2;
    color: #fdfdfd;
    font-size: 1.5em;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 0.5em;
    padding: 0.5em;
    cursor: pointer;
}

    .actionbutton a {
        color: #fdfdfd;
    }

    .actionbutton.inline {
        font-size: 1em;
    }

    .actionbutton.secondary {
        background-color: #fdfdfd;
        color: #ff0000;
        font-weight: normal;
        font-size: 1.2em;
        border: 1px solid #ff0000;
    }

    .actionbutton.alternate {
        background-color: #fdfdfd;
        color: #01b4c0;
        font-weight: normal;
        border: 1px solid #01b4c0;
    }

    .actionbutton.normal {
        width: auto;
        background-color: #01b4c0;
        text-align: center;
    }

    .actionbutton.float {
        font-size: 1em;
        position: fixed;
        top: 5em;
        left: 0;
        z-index: 1003;
    }

    .actionbutton.wide {
        width: 80%;
    }

    .actionbutton.hot {
        background-color: #ff0000;
        color: #fdfdfd;
        font-weight: normal;
        font-size: 1.2em;
        border: 1px solid #fdfdfd;
    }

.fullContainer {
    direction: rtl;
    width: 100%;
    display: block;
}

    .fullContainer .topmenu-m {
        background-color: #01b4c0;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        z-index: 1000;
        height: 3em;
        padding: 0.1em 1em;
    }

        .fullContainer .topmenu-m .canvas {
            display: inline-block;
            width: 33%;
        }

            .fullContainer .topmenu-m .canvas i {
                font-size: 3em;
                color: #fdfdfd;
            }

        .fullContainer .topmenu-m .simplelogo {
            position: absolute;
            top: 0.5em;
            display: inline-block;
            width: 33%;
            text-align: center;
        }

            .fullContainer .topmenu-m .simplelogo img {
                height: 2em;
            }

        .fullContainer .topmenu-m .user {
            margin-top: 0.5em;
            display: inline-block;
            width: 33%;
            height: 2em;
            width: 2em;
            border-radius: 50%;
            background-color: #fdfdfd;
            text-align: center;
            float: left;
            cursor: pointer;
        }

            .fullContainer .topmenu-m .user i {
                font-size: 1.9em;
            }

        .fullContainer .topmenu-m .search-top {
            margin-top: 0.5em;
            display: inline-block;
            width: 33%;
            height: 2em;
            width: 2em;
            border-radius: 50%;
            background-color: #fdfdfd;
            color: #000;
            text-align: center;
            float: left;
            cursor: pointer;
            padding-top: 0.1em;
            margin-left: 0.5em;
        }

            .fullContainer .topmenu-m .search-top i {
                font-size: 1.5em;
            }

    .fullContainer .topmenu-d {
        background-color: #01b4c0;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        z-index: 1000;
        height: 3em;
        padding: 0.1em 0;
    }

        .fullContainer .topmenu-d .inline-search {
            background-color: #fdfdfd;
            float: left;
            margin-left: 0.5em;
            padding: 0.3em;
            border-radius: 0.3em;
        }

            .fullContainer .topmenu-d .inline-search input {
                height: 1.5em;
                border: 0 solid #fdfdfd;
                padding: 0.5em;
            }

            .fullContainer .topmenu-d .inline-search i {
                cursor: pointer;
                font-weight: bold;
                font-size: 1.2em;
                color: #d9d9d9;
            }

        .fullContainer .topmenu-d a {
            color: #fdfdfd;
        }

        .fullContainer .topmenu-d .signup-b2b {
            float: left;
            padding: 0.3em 0 0 0.5em;
            margin: 0.2em 0 0 1em;
            border-left: 1px solid #fdfdfd;
        }

        .fullContainer .topmenu-d .signup {
            float: right;
            padding: 0.3em 0;
            margin: 0.2em 0 0 1em;
        }

            .fullContainer .topmenu-d .signup a {
                padding: 0 0.5em;
                border-left: 1px solid #fdfdfd;
            }

                .fullContainer .topmenu-d .signup a:last-child {
                    border: none;
                }

    .fullContainer .mastermenu {
        position: fixed;
        top: 3em;
        right: 0;
        left: 0;
        width: 100%;
        background-color: #fbeded;
        z-index: 1000;
        margin-bottom: 0.5em;
    }

        .fullContainer .mastermenu .logo {
            float: right;
        }

            .fullContainer .mastermenu .logo img {
                padding: 0.5em 0;
                height: 4em;
            }

        .fullContainer .mastermenu .links {
            float: right;
            margin-right: 1em;
            padding: 1em 0.5em;
        }

            .fullContainer .mastermenu .links a {
                font-weight: bold;
                color: #01b4c0;
                border-left: 1px solid #01b4c0;
                margin-left: 0.5em;
                padding-left: 0.5em;
            }

                .fullContainer .mastermenu .links a.special {
                    color: #ff0000;
                }

                .fullContainer .mastermenu .links a:last-child {
                    border: none;
                }

.popup {
    position: fixed;
    top: 30%;
    right: 5em;
    z-index: 1000;
    display: none;
}

    .popup i.fa-close {
        float: left;
        font-size: 2em;
        color: #000;
        cursor: pointer;
    }

    .popup .popup-container {
        border: 4px solid #d9d9d9;
        background-color: #000;
        border-radius: 0.5em;
        width: 100%;
        display: inline-block;
        text-align: center;
    }

        .popup .popup-container img {
            max-width: 100%;
            padding: 0.5em;
        }

        .popup .popup-container .lead {
            background-color: #000;
            color: #fdfdfd;
            padding: 0.5em;
            text-align: center;
        }

            .popup .popup-container .lead a {
                color: #fdfdfd;
            }

            .popup .popup-container .lead .action {
                text-align: center;
                display: inline-block;
                margin: 0.5em 0;
            }

                .popup .popup-container .lead .action a {
                    background-color: #ff0000;
                    color: #fdfdfd;
                    border: 1px solid #fdfdfd;
                    border-radius: 0.5em;
                    width: 100%;
                    padding: 0.5em;
                    font-weight: bold;
                }

.maincontainer {
    padding-top: 0;
    margin-top: 6em;
    background-color: #fdfdfd;
    min-height: 20em;
    padding: 0.5em;
}

    .maincontainer .topAds {
        margin-bottom: 1em;
    }

        .maincontainer .topAds img {
            text-align: center;
            width: 100%;
        }

    .maincontainer .top-provider-Ads {
        display: inline-block;
        clear: both;
    }

        .maincontainer .top-provider-Ads .head-title {
            background-color: #e99bf7;
            height: 2em;
            display: inline-block;
            width: 100%;
            color: #01b4c0;
            font-size: 1.5em;
        }

        .maincontainer .top-provider-Ads section {
            width: 30%;
            padding: 1%;
            float: right;
            margin: 0.5em 0.5em;
        }

            .maincontainer .top-provider-Ads section img {
                width: 100%;
            }

    .maincontainer .inCall-provider-Ads {
        border: 1px solid #ff0000;
        padding: 0 0.5em;
        display: inline-block;
        clear: both;
        border-radius: 0.5em;
        margin-bottom: 1em;
    }

        .maincontainer .inCall-provider-Ads title {
            color: #ff0000;
        }

        .maincontainer .inCall-provider-Ads section {
            width: 30%;
            padding: 1%;
            float: right;
            margin: 0.5em 0.5em;
        }

            .maincontainer .inCall-provider-Ads section img {
                width: 100%;
            }

    .maincontainer .sideAds {
        padding: 0.5em;
        margin: 0.5em 0;
    }

        .maincontainer .sideAds img {
            text-align: center;
            width: 100%;
            padding: 5% 10% 5% 10%;
        }

    .maincontainer .undertext {
        text-align: center;
    }

    .maincontainer .topimage {
        position: relative;
        text-align: center;
        overflow-y: hidden;
        height: 25em;
    }

        .maincontainer .topimage img {
            max-width: 100%;
        }

        .maincontainer .topimage h1 {
            font-size: 1.2em;
            padding: 0.5em;
            line-height: 1.5em;
        }

            .maincontainer .topimage h1 b {
                font-size: 1.4em;
            }

        .maincontainer .topimage .bottom-right {
            position: absolute;
            bottom: 1em;
            right: 0;
            left: 0;
            background-color: #e99bf7;
            color: #fdfdfd;
        }

    .maincontainer .head-title {
        font-weight: bold;
        font-size: 2em;
        text-align: center;
        padding: 0.3em;
        margin-bottom: -0.3em;
        color: #000;
    }

.headermenu {
    display: none;
    direction: rtl;
    padding: 0.5em;
    background-color: #01b4c0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1000;
    height: 3em;
}

    .headermenu .search-key {
        float: left;
        height: 2em;
        width: 2em;
        border-radius: 50%;
        float: left;
        margin-left: 1em;
    }

        .headermenu .search-key i {
            font-size: 1.9em;
            color: #fdfdfd;
        }

    .headermenu .search {
        background-color: #fdfdfd;
        float: left;
        margin-top: 0.5em;
        padding: 0.3em;
        border-radius: 0.3em;
        width: 100%;
        z-index: 300;
    }

        .headermenu .search input {
            height: 1.5em;
            width: 100%;
            border: 0 solid #fdfdfd;
            padding: 0.5em;
        }

        .headermenu .search i {
            display: none;
            cursor: pointer;
            font-weight: bold;
            font-size: 1.2em;
            color: #d9d9d9;
        }

    .headermenu ul {
        list-style-type: none;
        margin-bottom: 0;
        margin-top: 3em;
        padding-right: 0;
    }

        .headermenu ul li {
            line-height: 0;
            display: inline-block;
        }

            .headermenu ul li a {
                color: #fdfdfd;
                font-size: 0.9em;
                text-decoration: none;
                padding: 0 1em;
                border-left: 1px solid #fdfdfd;
            }

                .headermenu ul li a :hover {
                    background-color: #555;
                    color: white;
                    cursor: pointer;
                }

            .headermenu ul li.current a, .headermenu ul li :hover {
                background-color: #fdfdfd;
                border-radius: 0.3em;
                color: #01b4c0;
                padding: 0 1em;
            }

        .headermenu ul :last-child a {
            border-left: none;
        }

    .headermenu .middle-menu {
        text-align: center;
        cursor: pointer;
        display: block;
        padding-top: 0.5em;
        float: right;
    }

        .headermenu .middle-menu a {
            color: #fdfdfd;
            border-left: 1px solid #fdfdfd;
            padding-left: 0.5em;
        }

        .headermenu .middle-menu :last-child {
            border: 0;
        }

.blackmenu {
    position: fixed;
    min-height: 3em;
    top: 3em;
    right: 0;
    background-color: #333;
    width: 100%;
    z-index: 200;
    padding: 0.5em .2em;
    text-align: center;
}

    .blackmenu a {
        color: #fdfdfd;
        margin-left: 0.1em;
        font-size: 0.7em;
        font-weight: bold;
        border-radius: 5%;
        padding: 0 .4em;
    }

        .blackmenu a.special {
            color: #ff0000;
        }

.quick-search {
    text-align: center;
    background: linear-gradient(to bottom, #FFD257 25%, #FEBB02 100%);
    border-radius: 0.5em;
    padding: 0.5em;
}

    .quick-search .subTitle {
        text-align: center;
        padding: 0.5em;
        font-size: 1em;
    }

    .quick-search .stat {
        font-weight: bold;
        text-align: center;
        color: #ff0000;
        font-size: 1.5em;
    }

    .quick-search .stat-title {
        font-size: 0.7em;
    }

    .quick-search .search-box {
        font-weight: bold;
    }

        .quick-search .search-box .form-group {
            padding: 0.2em;
            margin-bottom: 0;
        }

            .quick-search .search-box .form-group .form-control {
                height: 3em;
            }

            .quick-search .search-box .form-group select {
                color: #ccc;
            }

                .quick-search .search-box .form-group select option {
                    color: #000;
                }

            .quick-search .search-box .form-group option.avatar {
                background-repeat: no-repeat !important;
                padding-left: 20px;
            }

            .quick-search .search-box .form-group .avatar .ui-icon {
                background-position: right top;
            }

            .quick-search .search-box .form-group ::placeholder {
                color: #ccc;
                opacity: 1;
            }

            .quick-search .search-box .form-group :-ms-input-placeholder {
                color: #ccc;
            }

            .quick-search .search-box .form-group ::-ms-input-placeholder {
                color: #ccc;
            }

            .quick-search .search-box .form-group input {
                color: #000;
            }

        .quick-search .search-box fieldset {
            margin-bottom: 0.2em;
        }

        .quick-search .search-box .input-group-addon:last-child {
            border: 1px solid #ccc;
            border-radius: 4px;
        }

    .quick-search .angle-down {
        margin-top: -1.5em;
        clear: both;
        display: none;
        margin-bottom: -0.5em;
    }

        .quick-search .angle-down i {
            font-size: 3em;
        }

.top-category .subTitle {
    text-align: center;
    font-size: 1em;
}

    .top-category .subTitle b {
        color: #ff0000;
    }

.top-category .items {
    padding-top: 1em;
}

    .top-category .items .row {
        margin: 0;
        padding: 0;
    }

    .top-category .items .item {
        text-align: center;
        margin: 0 0 2em 0;
        padding: 0;
        height: 200px;
    }

        .top-category .items .item .title {
            font-size: 1em;
            color: #0275d8;
            font-weight: bold;
        }

            .top-category .items .item .title .stat {
                color: #01b4c0;
            }

.service-price {
    border-radius: 0.5em;
    text-align: center;
    display: block;
    padding-bottom: 0.1em;
}

    .service-price .subTitle {
        font-size: 1em;
        text-align: center;
    }

    .service-price .point {
        color: #ff0000;
        font-size: 3em;
    }

    .service-price .price-part {
        display: none;
        width: 100%;
        border: 1px solid #e99bf7;
        border-radius: 0.5em;
        padding: 0.5em;
    }

        .service-price .price-part .items {
            width: 100%;
            display: inline-block;
            text-align: right;
        }

            .service-price .price-part .items .cta {
                display: none;
                text-align: center;
                font-weight: bold;
            }

            .service-price .price-part .items .item {
                text-align: right;
                padding: 0.5em;
                clear: both;
            }

                .service-price .price-part .items .item .checker {
                    float: right;
                    text-align: left;
                    margin-left: 1%;
                }

                    .service-price .price-part .items .item .checker input {
                        width: 2em;
                        height: 2em;
                        margin: 0;
                        padding: 0;
                        text-align: center;
                        vertical-align: middle;
                    }

                .service-price .price-part .items .item .lead {
                    float: right;
                    text-align: right;
                    vertical-align: middle;
                }

                    .service-price .price-part .items .item .lead span {
                        font-size: 0.7em;
                        color: #000;
                    }

    .service-price .cat-part {
        display: none;
        margin-top: 1em;
        border: 1px solid #e99bf7;
        border-radius: 0.5em;
        padding: 0.5em;
        margin-bottom: 1em;
    }

        .service-price .cat-part .items label {
            padding: 0.5em;
            clear: both;
            display: block;
            text-align: right;
        }

            .service-price .cat-part .items label input {
                width: 2em;
                height: 2em;
                margin-left: 0.5em;
                margin-top: -0.5em;
                color: #01b4c0;
            }

            .service-price .cat-part .items label span {
                vertical-align: top;
            }

        .service-price .cat-part .form-control {
            height: 3em;
        }

    .service-price .disapear {
        opacity: 0.4;
        pointer-events: none;
        background-color: #d9d9d9;
    }

    .service-price .searchbutton {
        margin-top: -1.2em;
        display: none;
    }

    .service-price i.fa-dollar {
        color: #ff0000;
    }

.top-services .subTitle {
    text-align: center;
    padding: 0.3em;
    font-size: 0.8em;
}

.top-services .item {
    background-color: #fbeded;
    clear: both;
    margin-bottom: 1em;
}

    .top-services .item .lead {
        font-size: 1em;
        padding: 0 2em;
        position: relative;
        padding-top: 3em;
        min-height: 10em;
    }

        .top-services .item .lead .angle {
            position: absolute;
            top: 1em;
            left: 0;
            font-size: 3em;
            margin-right: 0.5em;
            display: none;
        }

        .top-services .item .lead .angle-right {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 3em;
            margin-left: 0.5em;
            display: none;
        }

        .top-services .item .lead .cta {
            text-align: left;
            margin: 1em 0;
            font-size: 0.9em;
        }

    .top-services .item .imgContainer {
        border-radius: 50%;
        background-color: #01b4c0;
        width: 8em;
        height: 8em;
        text-align: center;
        display: inline-block;
    }

        .top-services .item .imgContainer img {
            width: 100%;
        }

        .top-services .item .imgContainer .name {
            width: 100%;
            font-weight: bold;
            font-size: 1em;
        }

    .top-services .item.leftCircule {
        float: left;
    }

        .top-services .item.leftCircule .lead {
            float: left;
        }

        .top-services .item.leftCircule .imgContainer {
            float: left;
        }

    .top-services .item.rightCircule {
        float: right;
    }

        .top-services .item.rightCircule .lead {
            float: right;
        }

        .top-services .item.rightCircule .imgContainer {
            float: right;
        }

.top-blog {
    display: block;
    width: 100%;
    clear: both;
    text-align: center;
}

    .top-blog .subTitle {
        text-align: center;
        padding: 0.3em;
        font-size: 0.8em;
    }

    .top-blog .stat {
        font-weight: bold;
        text-align: center;
        color: #01b4c0;
        font-size: 1.5em;
    }

    .top-blog .items {
        margin-top: 1em;
        text-align: center;
    }

        .top-blog .items .segment {
            display: flex;
        }

            .top-blog .items .segment .item {
                text-align: center;
                margin-left: 1em;
                margin-bottom: 2em;
                display: inline-block;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

                .top-blog .items .segment .item .imagecontainer {
                    height: 20em;
                    width: 100%;
                }

                    .top-blog .items .segment .item .imagecontainer img {
                        max-width: 100% !important;
                        max-height: 100% !important;
                    }

                .top-blog .items .segment .item .lead {
                    text-align: center;
                    font-size: 1em;
                    margin: 0;
                    padding: 0;
                }

                    .top-blog .items .segment .item .lead a h2 {
                        color: #0275d8;
                        font-size: 1.2em;
                        text-align: right;
                        margin-top: 0.5em;
                        line-height: 1;
                        text-align: center !important;
                    }

                    .top-blog .items .segment .item .lead .stat {
                        width: 100%;
                        border-radius: 0.5em;
                        color: #01b4c0;
                        font-size: .8em;
                        font-weight: normal;
                    }

                        .top-blog .items .segment .item .lead .stat span {
                            margin: 0 0.2em;
                        }

                            .top-blog .items .segment .item .lead .stat span i {
                                color: #01b4c0;
                                font-size: 1.5em;
                                padding-left: 0.1em;
                            }

                .top-blog .items .segment .item.secondary {
                    font-size: 0.9em;
                }

                    .top-blog .items .segment .item.secondary .imagecontainer img {
                        max-height: 20em;
                        width: auto;
                    }

                    .top-blog .items .segment .item.secondary h2 {
                        font-size: 1.1em;
                    }

.top-comments {
    text-align: center;
}

    .top-comments .head-title {
        color: #0275d8;
        margin-bottom: 0.2em;
    }

    .top-comments .items .item {
        display: block;
        margin-bottom: 2em;
    }

        .top-comments .items .item .imagecontainer {
            float: right;
            height: 4em;
            width: 4em;
            background-color: #01b4c0;
            border-radius: 50%;
            margin-left: 1em;
        }

            .top-comments .items .item .imagecontainer img {
                width: 100%;
            }

            .top-comments .items .item .imagecontainer .datetime {
                direction: rtl;
                font-size: 0.6em;
                color: #0088cc;
                text-align: center;
            }

        .top-comments .items .item .lead p {
            text-align: right;
            line-height: 1.5em;
        }

            .top-comments .items .item .lead p.target {
                font-size: 0.8em;
                font-weight: bold;
            }

                .top-comments .items .item .lead p.target .stat {
                    font-size: 0.6em;
                    color: #01b4c0;
                }

            .top-comments .items .item .lead p.comment {
                text-align: right;
                font-size: 0.7em;
            }

.noarous-description {
    padding: 1em;
}

    .noarous-description h2 {
        font-size: 2em;
    }

    .noarous-description h3 {
        font-size: 1.5em;
    }

.quick-search-container {
    display: none;
    padding: 1em;
    width: 100%;
    background-color: #ffb923;
    overflow: hidden;
}

    .quick-search-container input {
        width: 100%;
    }

    .quick-search-container p {
        line-height: 1em;
        font-size: 1em;
        margin-bottom: 0.2em;
    }

.quick-login-signup {
    display: none;
    padding: 1em;
    min-width: 20em;
    min-height: 3em;
    background-color: #ffb923;
}

    .quick-login-signup a {
        font-weight: bold;
    }

    .quick-login-signup .login {
        width: 45%;
        border-left: 1px solid #fdfdfd;
        float: right;
    }

    .quick-login-signup .signup {
        border-right: 1px solid #fdfdfd;
        padding-right: 0.5em;
        width: 50%;
        float: right;
    }

.sharedLinks {
    text-align: left;
    direction: ltr;
    margin-top: 15px;
}

    .sharedLinks.vertical li {
        display: block;
        margin-bottom: 10px;
    }

    .sharedLinks li {
        display: inline-block;
        text-align: center;
        margin-right: 10px;
    }

        .sharedLinks li a {
            border-radius: 50%;
            color: #fdfdfd;
            display: inline-block;
            font-size: 1.2em;
            height: 35px;
            line-height: 35px;
            position: relative;
            text-decoration: none;
            width: 35px;
            transition: background 0.5s cubic-bezier(0.19, 1, 0.22, 1);
        }

            .sharedLinks li a.facebook {
                background: #3b5998;
            }

            .sharedLinks li a.instagram {
                background: #cb2027;
            }

            .sharedLinks li a.google-plus {
                background: #3b5998;
            }

            .sharedLinks li a.twitter {
                background: #55acee;
            }

            .sharedLinks li a.telegram {
                background: #55acee;
            }

            .sharedLinks li a.mail {
                background: #6cce6b;
            }

            .sharedLinks li a.comment {
                background: #ffb923;
            }

.articleBody {
    position: relative;
}

    .articleBody .lead {
        font-size: 1.3em;
    }

    .articleBody .imgContainer {
        text-align: center;
    }

        .articleBody .imgContainer img {
            margin-bottom: 20px;
            max-width: 100%;
        }

    .articleBody h3 {
        font-size: 1.4em;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .articleBody .imgLinks {
        position: absolute;
        top: 40%;
        background-color: #424242;
        display: block;
        padding: 10px 18px;
        font-size: 4em;
        color: #fff;
    }

        .articleBody .imgLinks.fa-angle-right {
            right: 0;
        }

        .articleBody .imgLinks.fa-angle-left {
            left: 0;
        }

.tags li {
    display: inline-block;
    margin-right: 5px;
}

    .tags li a {
        color: #01b4c0;
    }

    .tags li:hover {
        text-decoration: none;
    }

    .tags li:after {
        content: "،";
        color: #757575;
    }

    .tags li:first-child {
        margin-right: 0;
    }

    .tags li:last-child:after {
        content: "";
    }

.tags h5 {
    background-color: #d9d9d9;
    border: 1px #d9d9d9 solid;
    border-radius: 3px;
    padding: 5px;
}

.artWriter {
    padding: 10px 0;
}

    .artWriter .imgContainer {
        display: inline-block;
        text-align: left;
        padding: 0px;
    }

        .artWriter .imgContainer img {
            width: 40px;
            border-radius: 50%;
        }

    .artWriter .timeAndCat {
        display: inline-block;
        vertical-align: top;
        padding-top: 4px;
    }

        .artWriter .timeAndCat time {
            display: block;
            font-size: .8em;
            color: #999999;
        }

        .artWriter .timeAndCat category {
            display: block;
            font-size: 1em;
            margin-top: -3px;
        }

.artWriterInline {
    font-family: IRANYL;
    font-size: .8em;
    margin-top: 20px;
    white-space: nowrap;
}

    .artWriterInline category {
        color: #999;
    }

.imagePage .imgContainer {
    position: relative;
    margin-bottom: 20px;
}

    .imagePage .imgContainer img {
        width: 100%;
    }

    .imagePage .imgContainer .caption {
        position: absolute;
        height: 30px;
        background-color: rgba(0, 0, 0, 0.8);
        bottom: 0;
        color: #fff;
        text-align: center;
        width: 100%;
        padding-top: 3px;
        font-family: IRANYL;
    }

.imagePage .sharedLinks {
    text-align: center;
}

.image-content, .image-news {
    position: relative;
}

    .image-content img, .image-news img {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .image-content h3, .image-news h3 {
        font-size: 1.4em;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .image-content .imgLinks, .image-news .imgLinks {
        position: absolute;
        top: 40%;
        background-color: #424242;
        display: block;
        padding: 10px 18px;
        font-size: 4em;
        color: #fff;
    }

        .image-content .imgLinks.fa-angle-right, .image-news .imgLinks.fa-angle-right {
            right: 0;
        }

        .image-content .imgLinks.fa-angle-left, .image-news .imgLinks.fa-angle-left {
            left: 0;
        }

.gallery-article h1 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 2em;
}

.gallery-article h2 {
    font-size: 1.2em;
}

.gallery-article .imgContainer {
    text-align: center;
}

    .gallery-article .imgContainer img {
        max-width: 100%;
    }

.GallerySimple h3 {
    font-size: 1em;
    font-family: IRANYR;
    text-align: justify;
}

    .GallerySimple h3 a {
        color: #333;
    }

.GallerySimple .imgContainer img {
    max-width: 100%;
}

.pageQuestion h1 {
    font-size: 2em;
}

.pageQuestion h2 {
    font-size: 1.2em !important;
}

.pageQuestion .avatar {
    display: inline-block;
    border: 2px solid #dedede;
    vertical-align: middle;
    padding-top: 100%;
    width: 100%;
    background: #fdfdfd;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

    .pageQuestion .avatar img {
        height: 100%;
        top: 0;
        position: absolute;
    }

.pageQuestion .responseTitle {
    border-bottom: 2px solid #ddd;
    color: #999;
    padding-bottom: 5px;
    font-size: 1.4em;
    margin-top: 40px;
}

.pageQuestion p.response {
    text-align: justify;
    color: #616161;
    font-size: 1.2em;
    line-height: 165%;
}

.pageQuestion .bio {
    margin: 0;
}

    .pageQuestion .bio h2 {
        font-size: 1.2em;
        margin-top: 5px;
    }

    .pageQuestion .bio li {
        margin-bottom: 10px;
    }

    .pageQuestion .bio.user h2 {
        font-size: 1em;
        margin-top: 3px;
    }

.pageQuestion .commentBtnContainer {
    margin-top: 0px;
    border-top: none;
}

.lightBox {
    background-color: #fdfdfd;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 30px;
}

    .lightBox .title--lines {
        margin-top: -15px;
    }

.boxShadowed {
    background: #fdfdfd;
    border: 1px solid #dedede;
    overflow: hidden;
    padding: 10px 15px;
    box-shadow: 0 3px 8px #e4e4e4;
    margin-bottom: 30px;
}

    .boxShadowed h2 {
        font-size: 1.2em;
    }

    .boxShadowed h3 {
        text-align: center;
        font-size: 1.1em;
    }

.questions .question {
    padding: 20px 5px;
    position: relative;
    border-bottom: 1px solid #eee;
    margin-top: 20px;
}

    .questions .question h2 {
        font-size: 1em;
        color: #0275d8;
        margin-bottom: 0;
    }

    .questions .question ul {
        position: absolute;
        left: 0;
        bottom: 0;
    }

        .questions .question ul li {
            display: inline-block;
            margin-left: 10px;
        }

    .questions .question .insertCommentForm {
        margin: 10px 0;
        height: 0;
        overflow: hidden;
        transition: height 500ms;
    }

        .questions .question .insertCommentForm input {
            display: inline-block;
        }

            .questions .question .insertCommentForm input[type=text] {
                width: 74%;
            }

            .questions .question .insertCommentForm input[type=button] {
                width: 23%;
            }

        .questions .question .insertCommentForm.open {
            height: 50px;
        }

    .questions .question .avatar {
        display: inline-block;
        border: 2px solid #dedede;
        margin-right: 15px;
        vertical-align: middle;
        height: 75px;
        text-align: center;
        width: 75px;
        background: #fdfdfd;
        border-radius: 50%;
        overflow: hidden;
    }

        .questions .question .avatar img {
            height: 100%;
            width: auto;
        }

    .questions .question nav {
        font-size: .8em;
    }

        .questions .question nav div {
            display: inline-block;
            padding-left: 5px;
            position: relative;
        }

            .questions .question nav div divider {
                position: absolute;
                top: 6px;
                border-left: 2px solid #01b4c0;
                height: 10px;
                left: 0;
            }

.blog h1 {
    font-size: 2em;
}

.blog .groups .items {
    padding-top: 1em;
}

    .blog .groups .items .row {
        margin: 0;
        padding: 0;
    }

    .blog .groups .items .item {
        text-align: center;
        margin: 0;
        vertical-align: top;
        vertical-align: top;
        margin-bottom: 2em;
    }

        .blog .groups .items .item .imgContainer img {
            max-width: 100%;
        }

        .blog .groups .items .item .title {
            font-size: 1em;
            color: #0275d8;
            font-weight: bold;
            min-height: 4em;
        }

            .blog .groups .items .item .title .stat {
                color: #01b4c0;
            }

.card-content-two {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.5em;
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
}

    .card-content-two .imgContainer {
        height: 12em;
        overflow: hidden;
        text-align: center;
    }

        .card-content-two .imgContainer img {
            max-width: 100%;
        }

    .card-content-two h2 {
        margin: 0 0 5px 25px;
        font-size: 1.2em;
    }

        .card-content-two h2:hover {
            color: #b3b3b3;
        }

    .card-content-two h3 {
        color: gray;
        margin: 0.8em 0 0.8em 0;
        font-family: IRANYL;
        font-size: .9em;
    }

    .card-content-two time {
        color: gray;
        margin: 0;
        font-family: IRANYL;
        font-size: .9em;
    }

    .card-content-two .lead {
        max-height: 15em;
        overflow: hidden;
        color: #595959;
        margin: 5px 0 0 25px;
        font-family: IRANYR;
        font-size: 1em;
        line-height: 1.5em;
        text-align: justify;
    }

.clinic {
    padding: 0 10px;
}

    .clinic .logo {
        text-align: center;
    }

    .clinic h3 {
        font-size: 1.5em;
    }

    .clinic .sampleQA .question {
        background-color: #dcedc8;
        border-radius: 5px;
        margin: 5px;
        float: right;
        width: 95%;
    }

        .clinic .sampleQA .question img {
            width: 100%;
            border-radius: 50%;
        }

        .clinic .sampleQA .question p.title {
            padding-top: 10px;
        }

        .clinic .sampleQA .question h2 {
            font-size: 1em;
        }

        .clinic .sampleQA .question a {
            color: #01b4c0;
        }

        .clinic .sampleQA .question .short-date {
            font-size: 0.7em;
        }

    .clinic .sampleQA .answer {
        background-color: #d9d9d9;
        border-radius: 5px;
        margin: 5px;
        float: right;
        width: 95%;
    }

        .clinic .sampleQA .answer img {
            width: 100%;
            margin-top: 10px;
            border-radius: 50%;
        }

        .clinic .sampleQA .answer p.title {
            padding-top: 10px;
        }

        .clinic .sampleQA .answer h2 {
            font-size: 1em;
        }

        .clinic .sampleQA .answer a {
            color: #01b4c0;
        }

        .clinic .sampleQA .answer .short-date {
            font-size: 0.7em;
        }

    .clinic .slogan img {
        width: 200px;
    }

    .clinic .cheader {
        margin-bottom: 5px;
    }

        .clinic .cheader h1 {
            font-size: 1.3em;
        }

        .clinic .cheader h2 {
            font-size: 1.1em;
        }

        .clinic .cheader h3 {
            font-size: 1em;
        }

        .clinic .cheader .top .imagecontainer {
            text-align: center;
        }

            .clinic .cheader .top .imagecontainer img {
                width: 100px;
                height: 100px;
                border-radius: 50%;
            }

            .clinic .cheader .top .imagecontainer .title {
                font-size: 2em;
            }

    .clinic .part {
        margin-bottom: 5px;
        border-bottom: 1px solid #fdfdfd;
        padding: 20px;
        display: block;
        clear: both;
    }

        .clinic .part .whatToDoSection {
            background-color: #fff;
            padding-top: 20px;
            padding-bottom: 50px;
        }

            .clinic .part .whatToDoSection .aboutTitle {
                margin-top: 0;
                padding-top: 0px;
                font-size: 1.5em;
                text-align: center;
            }

            .clinic .part .whatToDoSection .statistics {
                padding: 0 10%;
            }

                .clinic .part .whatToDoSection .statistics .iconContainer {
                    width: 80%;
                    margin: 0 auto;
                    border: 3px solid #333;
                    border-radius: 50%;
                    padding-top: 77%;
                    position: relative;
                    background-position: center;
                    background-size: 60%;
                    background-repeat: no-repeat;
                }

                    .clinic .part .whatToDoSection .statistics .iconContainer.p1 {
                        background-image: url(../../images/consultant.svg);
                        background-size: 50%;
                    }

                    .clinic .part .whatToDoSection .statistics .iconContainer.p2 {
                        background-image: url(../../images/question.svg);
                        background-size: 50%;
                    }

                    .clinic .part .whatToDoSection .statistics .iconContainer.p3 {
                        background-image: url(../../images/article.svg);
                        background-size: 50%;
                    }

                    .clinic .part .whatToDoSection .statistics .iconContainer.p4 {
                        background-image: url(../../images/comment.svg);
                    }

                    .clinic .part .whatToDoSection .statistics .iconContainer.bride {
                        background-size: 50%;
                    }

                .clinic .part .whatToDoSection .statistics h3 {
                    margin-top: 10px;
                    font-size: 1.2em;
                    color: #333;
                    text-align: center;
                    font-family: IRANYL;
                }

                    .clinic .part .whatToDoSection .statistics h3 b {
                        font-family: IRANYB;
                        font-weight: normal;
                    }

    .clinic .topSlider {
        top: 0px;
        margin-right: 10px;
        width: 95%;
        margin-left: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d9d9d9;
    }

        .clinic .topSlider h1 {
            font-size: 1.8em;
            padding-bottom: 4px;
            border-bottom: 1px solid #d9d9d9;
        }

    .clinic .slider .department {
        min-height: 160px;
        text-align: center;
    }

        .clinic .slider .department .imagecontainer img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }

    .clinic .submitquestion input {
        float: left;
    }

    .clinic .topprofile .imgContainer {
        text-align: right;
    }

        .clinic .topprofile .imgContainer img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }

    .clinic .topprofile .title {
        text-align: right;
    }

    .clinic .topprofile .activity {
        text-align: right;
    }

    .clinic .center {
        text-align: center;
    }

    .clinic .box {
        border: 1px solid #01b4c0;
        border-radius: 5px;
        padding: 20px;
        text-align: justify;
        margin: 10px;
    }

    .clinic .articles ul li {
        text-align: right;
    }

.ask {
    margin-bottom: 10px;
}

    .ask .btn {
        width: 100%;
    }

    .ask .notify-user {
        display: none;
        line-height: 1.5em;
        border-radius: 4px;
        border: 1px #d9d9d9 solid;
        margin-bottom: 5px;
        padding: 5px;
        background-color: #ff751a;
        color: #fdfdfd;
    }

    .ask .center {
        text-align: center;
    }

.new {
    color: #ff751a;
    font-weight: bold;
    padding: 5px;
}

    .new p {
        font-size: 1.5em;
    }

.login-signup {
    border: 1px solid #ff0000;
    border-radius: 4px;
    padding: 5px;
    margin: 5px;
    background-color: #ff0000;
    color: #fff;
}

    .login-signup a {
        color: #fdfdfd;
        font-weight: bold;
    }

.ConsultantPage {
    background-image: url("../images/default-author-web-page.png");
    background-size: 100%;
}

    .ConsultantPage .cta {
        text-align: center;
        font-size: 2em;
        font-weight: bold;
    }

    .ConsultantPage .image-title {
        text-align: center;
    }

        .ConsultantPage .image-title .imgContainer {
            display: inline-block;
            border-radius: 50%;
            overflow: hidden;
            width: 150px;
            height: 150px;
            text-align: center;
        }

            .ConsultantPage .image-title .imgContainer img {
                border-radius: 50%;
                width: 100%;
            }

        .ConsultantPage .image-title h1 {
            font-size: 1em;
            font-weight: bold;
            margin: 0;
            padding: 0 0 0.5em 0;
        }

    .ConsultantPage .main {
        background-color: #fdfdfd;
        min-height: 100vh;
        padding: 15px;
        margin-bottom: 50px;
    }

    .ConsultantPage .sharedLinks {
        text-align: right;
    }

.title--lines {
    position: relative;
    font-size: 1em;
    font-weight: bold;
    background-color: #d9d9d9;
    color: #000;
    padding: 0.5em;
}

    .title--lines:after, blockquote:after, blockquote:before {
        content: "";
    }

.forumSimple {
    margin-bottom: 10px;
}

    .forumSimple .forumSimpleItem {
        margin-bottom: 20px;
    }

        .forumSimple .forumSimpleItem .subjectSection {
            display: inline-block;
            width: 85%;
            margin-left: -5px;
            vertical-align: top;
        }

            .forumSimple .forumSimpleItem .subjectSection h4 {
                margin: 0;
                font-family: IRANYR;
                font-size: .9em;
                padding-left: 5px;
                padding-right: 5px;
                color: #424242;
            }

                .forumSimple .forumSimpleItem .subjectSection h4 i {
                    color: #01b4c0;
                    font-size: 1.4em;
                }

        .forumSimple .forumSimpleItem .imageSection {
            display: inline-block;
            width: 15%;
            margin-left: -5px;
        }

            .forumSimple .forumSimpleItem .imageSection img {
                width: 100%;
                border-radius: 50%;
            }

.tag {
    display: inline-block;
}

    .tag .description {
        margin-bottom: 1em;
    }

.signup .container {
    position: relative;
    background-image: url("/images/top-back.jpg");
    background-size: cover;
    display: block;
    min-height: 15em;
}

    .signup .container .actionbutton {
        position: absolute;
        width: 100%;
        top: 50%;
        right: 0;
        margin: 0;
    }

    .signup .container .btn:hover {
        background-color: #fdfdfd;
        color: #ff0000;
    }

footer {
    color: #fdfdfd;
    direction: rtl;
    background-color: #01b4c0;
    min-height: 10em;
    padding: 0.5em;
    width: 100%;
    clear: both;
}

    footer .row {
        margin: 0;
    }

    footer address a {
        float: left;
        margin: 0.5em;
    }

    footer a {
        color: #fdfdfd;
    }

    footer ul {
        list-style-type: none;
    }

    footer .followus {
        text-align: center;
        display: block;
        width: 100%;
        margin-bottom: 1em;
    }

        footer .followus a {
            color: #0275d8;
        }

        footer .followus .title {
            font-weight: bold;
            font-size: 1.5em;
        }

        footer .followus .socials {
            clear: both;
            display: block;
            height: 3em;
            padding: 0.5em;
        }

            footer .followus .socials i {
                font-size: 2em;
            }

            footer .followus .socials img {
                height: 2em;
                width: 2em;
            }

    footer .hotlinks {
        text-align: right;
        padding: 0.5em 0.5em;
    }

        footer .hotlinks a {
            float: right;
            border: 1px solid #fdfdfd;
            color: #0275d8;
            background-color: #fdfdfd;
            line-height: 1em;
            margin-bottom: 0.5em;
            margin-left: 0.5em;
            padding: 0.5em;
        }

    footer .link-item {
        padding-right: 1em;
        line-height: 1em;
    }

        footer .link-item:before {
            content: "\2022";
            padding-left: 0.2em;
        }

.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .fill img {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
    }

.wrapper {
    text-align: center;
}

    .wrapper .registeration {
        padding: 2em 0.5em;
        display: inline-block;
        min-width: 30%;
        text-align: right;
    }

        .wrapper .registeration a {
            border-bottom: 1px dashed #0275d8;
        }

        .wrapper .registeration .form-logo {
            text-align: center;
            margin-bottom: 2em;
        }

            .wrapper .registeration .form-logo a {
                border: none;
            }

            .wrapper .registeration .form-logo img {
                width: 200px;
            }

        .wrapper .registeration .container {
            border: 1px solid #d9d9d9;
            background-color: #fdfdfd;
        }

            .wrapper .registeration .container .must-login {
                background-color: #ff0000;
                color: #fdfdfd;
                text-align: center;
                padding: 2%;
            }

            .wrapper .registeration .container .title {
                text-align: center;
                padding-bottom: 1em;
                border-bottom: 1px solid #d9d9d9;
                padding: 0.5em;
                font-weight: bold;
                font-size: 2em;
            }

            .wrapper .registeration .container .nice-textbox {
                border: 1px solid #d9d9d9;
                clear: both;
                margin: 0.5em 0;
            }

                .wrapper .registeration .container .nice-textbox .c-ui-input {
                    width: 100%;
                    position: relative;
                    display: inline-block;
                    direction: rtl;
                }

                    .wrapper .registeration .container .nice-textbox .c-ui-input i {
                        float: right;
                        font-size: 3em;
                        color: #d9d9d9;
                        position: absolute;
                        right: 5px;
                    }

                        .wrapper .registeration .container .nice-textbox .c-ui-input i.fa-key {
                            font-size: 2em;
                        }

                    .wrapper .registeration .container .nice-textbox .c-ui-input input {
                        padding-right: 3em;
                        float: right;
                        width: 100%;
                        border: none;
                        direction: ltr;
                        text-align: right;
                    }

                        .wrapper .registeration .container .nice-textbox .c-ui-input input:focus {
                            text-align: left;
                            direction: ltr;
                        }

            .wrapper .registeration .container button {
                width: 100%;
            }

                .wrapper .registeration .container button i {
                    float: right;
                    margin-right: 5%;
                    font-size: 1.5em;
                }

            .wrapper .registeration .container .already {
                text-align: center;
                padding: 0.5em;
                font-size: 1.2em;
            }

            .wrapper .registeration .container .activation-info {
                border: 1px solid #FEBB02;
                border-radius: 0.5em;
                background-color: #dcedc8;
                padding: 1em;
            }

            .wrapper .registeration .container .activation-container {
                text-align: center;
                border: 1px solid #d324f2;
                border-radius: 0.5em;
            }

                .wrapper .registeration .container .activation-container input {
                    text-align: center;
                    font-size: 3em;
                    height: 2em;
                    border: none;
                }

            .wrapper .registeration .container .re-activation-message-container {
                margin: 1em 0;
            }

                .wrapper .registeration .container .re-activation-message-container a {
                    display: none;
                }

            .wrapper .registeration .container .forgot-password {
                float: left;
            }

        .wrapper .registeration .invalid {
            padding: 1em 0.5em;
            border: 1px solid #ff0000;
            width: 100%;
            color: #ff0000;
        }

        .wrapper .registeration i.fa-times {
            color: #ff0000;
            float: left;
            font-size: 2em;
            clear: both;
        }

        .wrapper .registeration.popup .title {
            font-size: 1em;
            color: #01b4c0;
        }

        .wrapper .registeration.popup .cta {
            color: #ff0000;
        }

.category .title {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 2em;
    padding: 1em 0.5em;
}

    .category .title .name {
        font-weight: bold;
    }

    .category .title .where {
        cursor: pointer;
    }

        .category .title .where i {
            font-size: 2em;
        }

    .category .title .stat {
        font-size: 1em;
        padding: 0.5em;
    }

.category .lightlead {
    text-align: justify;
    font-size: 1em;
    display: block;
}

.category .lead {
    text-align: justify;
    font-size: 1em;
    display: block;
}

.category .spotlight {
    background-color: #d9d9d9;
    display: none;
    width: 100%;
    padding-bottom: 2em;
}

    .category .spotlight .title {
        font-size: 1em;
        text-align: right;
        color: #ff751a;
    }

        .category .spotlight .title i {
            padding: 0.2em;
            cursor: pointer;
        }

        .category .spotlight .title .fa-close {
            color: #ff0000;
        }

    .category .spotlight .ads {
        height: 5em;
        font-size: 0.9em;
        display: block;
        vertical-align: top;
    }

        .category .spotlight .ads .pic {
            display: block;
        }

            .category .spotlight .ads .pic img {
                width: 100%;
            }

        .category .spotlight .ads .text {
            display: block;
            text-align: center;
            font-size: 1em;
        }

.category .items {
    margin-top: 1em;
}

    .category .items .item {
        padding: 0.25em;
        margin-bottom: 2em;
        background: linear-gradient(to bottom, white 25%, #e7faee 100%);
        background-color: #fbeded;
        text-align: center;
        height: 24em;
    }

        .category .items .item .title {
            padding: 0.5em;
            padding-bottom: 0;
            font-size: 1.3em;
            border: none;
        }

        .category .items .item header {
            overflow: hidden;
            position: relative;
            padding: 0;
            height: 15em;
            overflow: hidden;
        }

            .category .items .item header i {
                text-shadow: 0 0 3px #424242;
                position: absolute;
                top: 10px;
                right: 10px;
                font-size: 2.5em;
                z-index: 5;
                color: #ff0000;
                cursor: pointer;
            }

            .category .items .item header img {
                width: 100%;
            }

            .category .items .item header .card-top {
                background: #ccc;
                color: #fdfdfd;
                display: block;
                font-size: 12px;
                height: 30px;
                left: 0;
                line-height: 30px;
                min-width: 40px;
                padding: 0 .6em;
                position: absolute;
                text-align: center;
                text-transform: uppercase;
                top: 15px;
                z-index: 2;
                color: #424242;
            }

                .category .items .item header .card-top.box1 {
                    background: #ffb923;
                }

                    .category .items .item header .card-top.box1 span span {
                        color: #fff;
                        font-weight: bold;
                    }

                    .category .items .item header .card-top.box1::after {
                        border: 15px solid #ffb923;
                        border-bottom-color: #ffb923;
                        border-right-color: transparent;
                        border-top-color: #ffb923;
                    }

                .category .items .item header .card-top.sponsered {
                    background: #fff;
                }

                    .category .items .item header .card-top.sponsered span {
                        color: #ff0000 !important;
                        font-weight: bold;
                    }

                    .category .items .item header .card-top.sponsered::after {
                        border: 15px solid #fff;
                        border-bottom-color: #fff;
                        border-right-color: transparent;
                        border-top-color: #fff;
                    }

                .category .items .item header .card-top.box2 {
                    background: silver;
                }

                    .category .items .item header .card-top.box2::after {
                        border: 15px solid #bbbbbb;
                        border-bottom-color: #bbbbbb;
                        border-right-color: transparent;
                        border-top-color: #bbbbbb;
                    }

                .category .items .item header .card-top.box3 {
                    display: none;
                    background: #fbeded;
                }

                    .category .items .item header .card-top.box3::after {
                        border: 15px solid #f9e5e5;
                        border-bottom-color: #f9e5e5;
                        border-right-color: transparent;
                        border-top-color: #f9e5e5;
                    }

                .category .items .item header .card-top::after {
                    border: 15px solid #ccc;
                    border-bottom-color: #ccc;
                    border-right-color: transparent;
                    border-top-color: #ccc;
                    content: '';
                    height: 100%;
                    position: absolute;
                    right: -15px;
                    top: 0;
                    z-index: -1;
                }

        .category .items .item .stat {
            padding: 0.5em 0 0.5em 0;
        }

            .category .items .item .stat .part {
                margin-left: 0.5em;
                font-size: 0.9em;
                text-align: center;
            }

                .category .items .item .stat .part i {
                    font-size: 1.2em;
                }

        .category .items .item .hotinfo {
            font-size: 0.8em;
            font-weight: bold;
            display: inline-block;
            margin-bottom: 1em;
        }

            .category .items .item .hotinfo .price {
                color: #ff0000;
                font-weight: bold;
                font-size: 1.1em;
            }

        .category .items .item .lead {
            text-align: center;
            font-size: 0.8em;
            margin: 0.5em 0;
        }

            .category .items .item .lead .pricelevel {
                color: #000;
                padding: 0.5em;
            }

                .category .items .item .lead .pricelevel .fa-check {
                    color: #01b4c0;
                }

                .category .items .item .lead .pricelevel span {
                    margin: 0 0.5em;
                }

                .category .items .item .lead .pricelevel .inexpensive {
                }

                .category .items .item .lead .pricelevel .moderate {
                }

                .category .items .item .lead .pricelevel .expensive {
                }

            .category .items .item .lead .geo {
                border-right: 1px solid #d9d9d9;
                padding: 0.5em;
            }

        .category .items .item.promoted .tools p.inline-price-request {
            height: 2em;
            padding: 0.5em 0;
            line-height: 1em;
            background-color: #ff0000;
            color: #fdfdfd;
            font-size: 1.3em;
            font-weight: bold;
            cursor: pointer;
        }

        .category .items .item.promoted .tools .inline-price-request-message {
            height: 2em;
            padding: 0.5em 0;
            line-height: 1em;
            background-color: #fdfdfd;
            color: #ff0000;
            display: none;
        }

        .category .items .item.other header {
            padding: 10%;
        }

.category #result {
    padding-bottom: 2em;
}

.geo-selector-container {
    display: none;
    background-color: #dcedc8;
    position: fixed;
    top: auto;
    left: 0;
    padding: 0.5em;
    z-index: 10;
    width: 25%;
}

    .geo-selector-container p.title {
        font-weight: bold;
        font-size: 2em;
        float: right;
        width: 80%;
        text-align: right;
    }

    .geo-selector-container i {
        float: left;
        color: #ff0000;
        font-size: 2em;
    }

    .geo-selector-container .radiobuttonlist {
        clear: both;
    }

        .geo-selector-container .radiobuttonlist .radio-wrapper {
            width: 100%;
            position: relative;
            padding: 0.2em 2em 0.5em 0;
            border-top: 1px solid #fdfdfd;
        }

            .geo-selector-container .radiobuttonlist .radio-wrapper .radio-item {
                position: absolute;
                right: 0;
                top: 0;
                line-height: 1em;
            }

                .geo-selector-container .radiobuttonlist .radio-wrapper .radio-item input {
                    height: 2em;
                    width: 2em;
                }

            .geo-selector-container .radiobuttonlist .radio-wrapper .label-item {
                margin-right: 0.5em;
                margin-top: 0.5em;
            }

.filter {
    background-color: #fbeded;
    text-align: center;
    border-radius: 0.5em;
    color: #ff0000;
    font-weight: bold;
    font-size: 1.2em;
}

    .filter i {
        clear: both;
        display: block;
        font-size: 1.5em;
        font-weight: bold;
    }

.filters {
}

    .filters #filter-result-button {
        display: none;
    }

    .filters .group {
        overflow: hidden;
        display: block;
        margin: 0;
    }

        .filters .group .title {
            text-align: right;
            font-weight: bold;
            height: 1em;
            border: 0;
            color: #000;
        }

        .filters .group .items {
            margin: 0;
            padding: 0;
            clear: both;
        }

            .filters .group .items .item {
                background: none;
                margin: 0;
                height: auto;
                margin-bottom: 1em;
            }

                .filters .group .items .item .form-control {
                    height: 2.8em;
                }

                .filters .group .items .item label {
                    text-align: right;
                    color: #333;
                    margin-bottom: 1em;
                }

    .filters .do-filter {
        display: none;
        cursor: pointer;
        border-radius: 0.5em;
        background-color: #fdfdfd;
        color: #fdfdfd;
        text-align: right;
        width: 100%;
        margin: 0;
    }

        .filters .do-filter i {
            display: inline-block;
            float: left;
        }

        .filters .do-filter #search-filters {
            width: 100%;
        }

            .filters .do-filter #search-filters i {
                font-size: 1.5em;
            }

        .filters .do-filter #clear-filters {
            font-size: 1.5em;
            color: #000;
        }

        .filters .do-filter p {
            text-align: center;
            color: #000;
            padding: 0.5em;
        }

.corner-search {
    width: 100%;
    padding: 0.5em;
    border: 1px solid #01b4c0;
}

    .corner-search .title {
        font-weight: bold;
        font-size: 1.3em;
        margin: 0;
        padding: 0;
        margin-bottom: 0.2em;
    }

.panel-body li {
    float: right;
    font-size: 0.8em;
    font-weight: bold;
}

.panel-body .header {
    font-size: 0.6em;
    text-align: center;
    color: #000;
    background-color: #d9d9d9;
    border-radius: 5%;
}

.panel-body .sort {
    font-size: 0.8em;
    padding: 0.5em 0;
    color: #0275d8;
    cursor: pointer;
    border-bottom: 1px solid #d9d9d9;
}

    .panel-body .sort span {
        margin-left: 1em;
    }

    .panel-body .sort i {
        font-size: 1.2em;
    }

    .panel-body .sort .active {
        color: #333;
        cursor: default;
    }

.w3-animate-left {
    position: relative;
    animation: animateleft 0.5s;
}

.w3-animate-top {
    position: relative;
    animation: animatetop 0.5s;
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.w3-sidebar {
    width: 100%;
    top: 0;
    right: 0;
}

.w3-theme-d2 {
    background-color: #01b4c0 !important;
}

.w3-bar-block .w3-bar-item {
    text-align: right;
}

.custom-input-container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 2.5em;
}

    .custom-input-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .custom-input-container .checkmark {
        position: absolute;
        top: 0;
        right: 0;
        height: 2em;
        width: 2em;
        background-color: #d9d9d9;
        border-radius: 0.3em;
    }

    .custom-input-container :hover input ~ .checkmark {
        background-color: #ccc;
    }

    .custom-input-container input:checked ~ .checkmark {
        background-color: #01b4c0;
    }

    .custom-input-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .custom-input-container input:checked ~ .checkmark:after {
        display: block;
    }

    .custom-input-container .checkmark:after {
        left: 0.75em;
        top: 0.4em;
        width: 0.5em;
        height: 0.8em;
        border: solid white;
        border-width: 0 0.25em 0.25em 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

#filter-box {
    top: 0;
    width: 100%;
    z-index: 1001;
}

    #filter-box .filter-result {
        padding: 0.5em;
    }

        #filter-box .filter-result .count {
            background-color: #fa3e3e;
            border-radius: 50%;
            color: #fff;
            height: 2em;
            width: 2em;
            padding: 0 0.5em;
            margin-left: 0.5em;
        }

i.yellow {
    color: #FEBB02;
}

i.base {
    color: #01b4c0;
}

ul.breadcrumb {
    margin-top: .5em;
    list-style: none;
    height: auto;
}

    ul.breadcrumb li + li:before {
        content: "";
    }

    ul.breadcrumb li {
        display: inline;
        font-size: 1em;
        font-size: 0.8em;
    }

        ul.breadcrumb li a:hover {
            color: #01447e;
            text-decoration: underline;
        }

        ul.breadcrumb li i {
            margin-right: 0.5em;
            font-size: 1.5em;
        }

        ul.breadcrumb li:after {
            content: '\2002\003e';
        }

        ul.breadcrumb li:last-child {
            color: #ff751a;
            font-weight: bold;
        }

            ul.breadcrumb li:last-child:after {
                content: '';
            }

.provider {
    position: relative;
}

    .provider .title-image {
        text-align: center;
        overflow: hidden;
    }

        .provider .title-image .imageContainer {
            clear: both;
            padding: 2%;
        }

            .provider .title-image .imageContainer img {
                max-width: 100%;
                border-radius: 2%;
            }

        .provider .title-image .middle-keys {
            clear: both;
            background-color: #fbeded;
            display: inline-block;
            padding: 1%;
        }

            .provider .title-image .middle-keys .item {
                font-size: 0.9em;
                color: #01b4c0;
                text-align: center;
                margin: 0;
                padding: 0;
                font-weight: bold;
                float: right;
                cursor: pointer;
                border-left: 1px solid #01b4c0;
            }

                .provider .title-image .middle-keys .item i {
                    color: #01b4c0;
                    font-weight: bold;
                }

                .provider .title-image .middle-keys .item:last-child {
                    border: none;
                }

        .provider .title-image .slogan {
            position: absolute;
            bottom: 0em;
            background-color: #d9d9d9;
            opacity: 1;
            width: 100%;
            font-weight: bold;
            height: 2em;
        }

            .provider .title-image .slogan p {
                text-align: center;
                line-height: 1em;
                padding: 0.5em;
            }

    .provider .head {
        padding: 0.5em;
        display: inline-block;
    }

        .provider .head .rightSide {
            float: right;
            text-align: center;
            padding: 0.5em;
        }

            .provider .head .rightSide i {
                font-size: larger;
            }

            .provider .head .rightSide .stat span {
                margin: 0 0.2em;
            }

            .provider .head .rightSide .stat .likeme {
                color: #ff0000;
                cursor: pointer;
                padding: 0 0.5em;
            }

            .provider .head .rightSide .geoprice {
                clear: both;
                display: block;
            }

                .provider .head .rightSide .geoprice p {
                    font-size: 0.8em;
                    line-height: 0.5em;
                }

            .provider .head .rightSide .logocontainer {
                display: inline-block;
                height: 8em;
                width: 8em;
                border-radius: 50%;
                overflow: hidden;
            }

                .provider .head .rightSide .logocontainer img {
                    max-width: 100%;
                }

        .provider .head .leftSide {
            overflow: hidden;
            vertical-align: top;
            padding: 0.5em;
        }

            .provider .head .leftSide h1.title {
                margin: 0;
                padding: 0;
                font-size: 2em;
                font-weight: bold;
                margin-bottom: 0.5em;
            }

            .provider .head .leftSide .hotinfo {
                clear: both;
                margin-bottom: 1em;
            }

                .provider .head .leftSide .hotinfo .price p {
                    color: #ff0000;
                    font-weight: bold;
                }

        .provider .head .float-side {
            float: right;
        }

    .provider h2 {
        font-size: 1.5em;
        font-weight: bold;
    }

    .provider h3 {
        font-size: 1.1em;
        font-weight: bold;
    }

    .provider .lead {
        margin-top: 1em;
        clear: both;
        font-size: 1em;
    }

    .provider .suggested {
        border: 1px solid red;
    }

        .provider .suggested .item {
            padding: 1em;
        }

            .provider .suggested .item img {
                width: 100%;
            }

    .provider .book {
        background: linear-gradient(to left, #fdfdfd 25%, #FEBB02 100%);
        border-radius: 0.5em;
        padding-bottom: 1em;
        margin-top: 1em;
        width: 20em;
    }

        .provider .book .title {
            padding: 0.5em;
            font-size: 1.5em;
            text-align: center;
        }

        .provider .book .item {
            padding: 1em;
            clear: both;
        }

            .provider .book .item lable {
                color: #000;
                text-align: right;
            }

            .provider .book .item input {
                font-size: 1.5em;
            }

            .provider .book .item select {
                font-size: 1.5em;
                clear: both;
                width: 100%;
            }

    .provider #submit-request-container {
        margin-top: 1em;
        padding: 0.5em;
        border: 1px solid #e99bf7;
    }

    .provider .similarProviders {
        padding: 2em;
        direction: ltr;
    }

        .provider .similarProviders .item {
            padding: 0.5em;
        }

            .provider .similarProviders .item > div {
                text-align: center;
            }

                .provider .similarProviders .item > div header {
                    overflow: hidden;
                    height: 10em;
                }

                    .provider .similarProviders .item > div header img {
                        width: 100%;
                    }

                .provider .similarProviders .item > div h3 {
                    font-size: 1em;
                    margin: 5px 0 0 0;
                }

                .provider .similarProviders .item > div p {
                    font-size: 1em;
                    font-family: IRANYL;
                    margin-bottom: 0;
                }

            .provider .similarProviders .item .geo {
                font-size: 0.9em;
                direction: rtl;
            }

            .provider .similarProviders .item .price i {
                font-weight: bold;
            }

        .provider .similarProviders .slick-prev, .provider .similarProviders .slick-next {
            padding: 1em 1em;
            transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), left 250ms cubic-bezier(0.19, 1, 0.22, 1), right 250ms cubic-bezier(0.19, 1, 0.22, 1);
            transform: translateY(-50%);
            z-index: 1;
            color: #ff0000;
            cursor: pointer;
            width: 40px;
            height: auto;
        }

            .provider .similarProviders .slick-prev:before, .provider .similarProviders .slick-next:before {
                font-size: 60px;
                font-family: fontawesome;
            }

        .provider .similarProviders .slick-prev {
            left: 0;
            background: linear-gradient(to left, transparent 0, rgba(51, 51, 51, 0.5) 100%);
            background-color: #01b4c0;
        }

            .provider .similarProviders .slick-prev:before {
                content: '\f104 ';
            }

        .provider .similarProviders .slick-next {
            right: 0;
            background: linear-gradient(to right, transparent 0, rgba(51, 51, 51, 0.5) 100%);
            background-color: #01b4c0;
        }

            .provider .similarProviders .slick-next:before {
                content: '\f105 ';
            }

        .provider .similarProviders .slick-prev, .provider .similarProviders .slick-next {
            top: 40%;
        }

    .provider .calls {
        display: none;
    }

        .provider .calls .item {
            background-color: #0088cc;
            border-radius: 0.5em;
            width: 100%;
            clear: both;
            margin-bottom: 0.5em;
        }

            .provider .calls .item a {
                text-align: center;
                direction: rtl;
                color: #fdfdfd;
            }

                .provider .calls .item a i {
                    font-size: 2em;
                    padding-right: 0.5em;
                }

                .provider .calls .item a span {
                    font-size: 2em;
                }

        .provider .calls .cta {
            margin: 0;
            margin-left: 3em;
            padding-left: 1em;
        }

    .provider .middle-info {
        padding: 1em;
        background-color: #d9d9d9;
        color: #000;
        text-align: center;
        display: inline-block;
    }

        .provider .middle-info p {
            line-height: 1em;
        }

        .provider .middle-info .check .fa-check {
            color: #008000;
        }

        .provider .middle-info .check .fa-times {
            color: #ff0000;
        }

    .provider .show-calls {
        background-color: #0b9624 !important;
    }

    .provider #videos {
        padding: 1%;
    }

        .provider #videos div {
            margin: 0.5em 0 1em 0;
        }

    .provider #price-request-container {
        display: none;
        position: fixed;
        background-color: #01b4c0;
        top: 5em;
        right: 0;
        height: 100%;
        border: 1px solid #000;
        width: 100%;
        z-index: 1300;
    }

    .provider #price-request {
        font-size: 2em;
    }

        .provider #price-request span {
            font-size: 0.7em;
            font-weight: bold;
        }

    .provider .fullimage {
        display: none;
    }

    .provider .half-max {
        display: inline-block;
        width: 45%;
        margin: 2%;
        float: right;
        padding: 1em;
        background-color: #01b4c0;
        text-align: center;
        color: #fdfdfd;
    }

        .provider .half-max span {
            cursor: pointer;
        }

        .provider .half-max a {
            color: #fdfdfd;
        }

        .provider .half-max.hot {
            background-color: #ff0000;
        }

        .provider .half-max.gray {
            background-color: #d9d9d9;
        }

            .provider .half-max.gray p {
                color: #01b4c0;
            }

                .provider .half-max.gray p.showlink {
                    cursor: pointer;
                }

                .provider .half-max.gray p.link {
                    display: none;
                    word-wrap: break-word;
                    background-color: #fdfdfd;
                    padding: 0.5em;
                    border-radius: 0.5em;
                    direction: ltr;
                }

                    .provider .half-max.gray p.link a {
                        color: #0275d8;
                    }

.gallery-grid .row-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 4px;
}

    .gallery-grid .row-items .column-items {
        -ms-flex: 25%;
        flex: 25%;
        max-width: 25%;
        padding: 0 4px;
    }

        .gallery-grid .row-items .column-items img {
            margin-top: 8px;
            vertical-align: middle;
            width: 100%;
        }

.wideSection {
    border-top: solid 1px #d7d7d7;
    padding-bottom: 30px;
}

.pinned {
    text-align: center;
}

    .pinned .jump-top {
        background-color: #0088cc;
        display: inline-block;
        padding: 0.5em 1.3em;
        border-radius: 50%;
        margin-bottom: 0.5em;
        opacity: 0.7;
    }

        .pinned .jump-top a {
            color: #fdfdfd;
        }

        .pinned .jump-top i {
            font-size: 4em;
        }

    .pinned .bottom {
        width: 100%;
        position: fixed;
        bottom: 1em;
        right: 0;
        cursor: pointer;
        z-index: 100;
    }

        .pinned .bottom .half {
            width: 50%;
        }

        .pinned .bottom .auto {
        }

    .pinned .rightTop {
        position: fixed;
        top: 3em;
        z-index: 200;
    }

    .pinned .leftTop {
        position: fixed;
        top: 3em;
        left: 0em;
        z-index: 200;
    }

    .pinned .fullCenter {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1200;
        height: 50em;
        width: 100%;
        background-color: #fdfdfd;
        opacity: 0.99;
    }

.close {
    cursor: pointer;
    float: left;
    padding-left: 1em;
}

    .close i {
        font-size: 1em;
        color: #ff0000;
    }

.slider-container {
    border-radius: 1em;
}

.homePageSlider {
}

    .homePageSlider .slideContainer {
        overflow: hidden;
        direction: ltr;
    }

        .homePageSlider .slideContainer .imgContainer {
            direction: rtl;
            position: relative;
            padding-top: 100%;
            overflow: hidden;
        }

            .homePageSlider .slideContainer .imgContainer img {
                width: 100%;
                position: absolute;
                top: 0;
            }

            .homePageSlider .slideContainer .imgContainer .slick-stat {
                background: linear-gradient(to left, transparent 0, #fbeded 100%);
                max-width: 10em;
                position: absolute;
                top: 0;
                left: 0;
                color: #000;
            }

                .homePageSlider .slideContainer .imgContainer .slick-stat i {
                    padding: 0 0.5em;
                    font-size: 1.5em;
                }

        .homePageSlider .slideContainer p {
            font-family: IRANYL;
            font-size: 0.9em;
            color: #000;
            text-align: center;
            padding: 5px 10px;
        }

        .homePageSlider .slideContainer .last-slide img {
        }

        .homePageSlider .slideContainer .promotion {
            position: absolute;
            background-color: #fbeded;
            top: 5%;
            width: 100%;
            padding: 0 20%;
        }

            .homePageSlider .slideContainer .promotion .actionbutton {
                margin-bottom: 0.5em;
            }

        .homePageSlider .slideContainer .slick-prev, .homePageSlider .slideContainer .slick-next {
            padding: 1em 1em;
            transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), left 250ms cubic-bezier(0.19, 1, 0.22, 1), right 250ms cubic-bezier(0.19, 1, 0.22, 1);
            transform: translateY(-50%);
            z-index: 1;
            color: #ff0000;
            cursor: pointer;
            width: 40px;
            height: auto;
        }

            .homePageSlider .slideContainer .slick-prev:before, .homePageSlider .slideContainer .slick-next:before {
                font-size: 60px;
                font-family: fontawesome;
            }

        .homePageSlider .slideContainer .slick-prev {
            left: 0;
            background: linear-gradient(to left, transparent 0, rgba(51, 51, 51, 0.5) 100%);
            background-color: #01b4c0;
        }

            .homePageSlider .slideContainer .slick-prev:before {
                content: '\f104 ';
            }

        .homePageSlider .slideContainer .slick-next {
            right: 0;
            background: linear-gradient(to right, transparent 0, rgba(51, 51, 51, 0.5) 100%);
            background-color: #01b4c0;
        }

            .homePageSlider .slideContainer .slick-next:before {
                content: '\f105 ';
            }

        .homePageSlider .slideContainer .slick-stat {
        }

.arrowN .slick-prev:before, .arrowN .slick-next:before {
    font-size: 60px;
    font-family: fontawesome;
}

.arrowN .slick-prev {
    left: 0;
    background: linear-gradient(to left, transparent 0, rgba(51, 51, 51, 0.5) 100%);
}

.arrowN .slick-prev, .arrowN .slick-next {
    padding: 20px 15px;
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), left 250ms cubic-bezier(0.19, 1, 0.22, 1), right 250ms cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(-50%);
    z-index: 1;
    color: #fdfdfd;
    cursor: pointer;
    width: 80px;
    height: auto;
}

.arrowN .slick-next {
    right: 0;
    background: linear-gradient(to right, transparent 0, rgba(51, 51, 51, 0.5) 100%);
}

.arrowN .slick-prev:before {
    content: '\f104 ';
}

.arrowN .slick-next:before {
    content: '\f105 ';
}

.ltr {
    direction: ltr;
}

.commentBtnContainer {
    padding: 10px 0;
    margin-top: 20px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

    .commentBtnContainer li {
        display: inline-block;
        margin-left: 20px;
    }

        .commentBtnContainer li .fa {
            margin-left: 3px;
        }

.commentSection li {
    margin-bottom: 15px;
}

    .commentSection li p.body {
        word-wrap: break-word;
    }

    .commentSection li.other img {
        border-radius: 50%;
    }

    .commentSection li.other .commentBox.other {
        background-color: #d9d9d9;
    }

    .commentSection li.other .commentBox.me {
        background-color: #dcedc8;
    }

    .commentSection li.other .commentBox pointer {
        background-color: #d9d9d9;
    }

    .commentSection li.i {
        direction: ltr;
        text-align: left;
    }

        .commentSection li.i .btnReplay {
            left: auto;
            right: -25px;
        }

        .commentSection li.i img {
            border-radius: 50%;
        }

        .commentSection li.i .commentBox {
            margin-left: 10px;
            margin-right: 0;
        }

            .commentSection li.i .commentBox.other {
                background-color: #d9d9d9;
            }

            .commentSection li.i .commentBox.me {
                background-color: #dcedc8;
            }

            .commentSection li.i .commentBox pointer {
                right: auto;
                left: -5px;
                transform: rotate(-45deg);
                background-color: #dcedc8;
            }

    .commentSection li.promote {
        width: 100%;
    }

        .commentSection li.promote div.title {
            margin-right: 10px;
            padding: 5px;
            border-radius: 5px;
            vertical-align: middle;
            text-align: left;
            direction: rtl;
            background-color: #ff0000;
            width: 100%;
            color: #fdfdfd;
            font-weight: bold;
            font-size: 1.5em;
        }

        .commentSection li.promote div.content {
            display: inline-block;
            border: 1px solid #ddd;
            position: relative;
            padding: 0 5px 5px 5px;
            padding-top: 10px;
            border-radius: 5px;
            vertical-align: middle;
            text-align: center;
            direction: rtl;
            width: 90%;
            background-color: #ff0000;
            min-height: 60px;
            overflow: hidden;
        }

            .commentSection li.promote div.content a {
                color: #fdfdfd;
                font-weight: bold;
                font-size: 1.2em;
            }

            .commentSection li.promote div.content .hint {
                text-align: left;
                display: inline-block;
                border-radius: 5px;
                margin-top: 5px;
                width: 90%;
                background-color: #ff0000;
            }

                .commentSection li.promote div.content .hint a {
                    color: #fdfdfd;
                    font-size: 0.8em;
                }

.commentBox {
    display: inline-block;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 10px;
    padding: 0 5px 5px 5px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: right;
    direction: rtl;
    max-width: 70%;
}

    .commentBox .replay {
        border-right: 2px solid #1a237e;
        font-size: .6em;
        color: #999;
        margin-top: 5px;
        padding-right: 5px;
    }

        .commentBox .replay img {
            width: 20px;
            height: 20px;
        }

    .commentBox pointer {
        position: absolute;
        width: 10px;
        height: 10px;
        top: 45%;
        right: -5px;
        background-color: #fff;
        transform: rotate(135deg);
        border-left: solid 1px #e0e0e0;
        border-top: solid 1px #e0e0e0;
    }

    .commentBox header {
        padding-top: 5px;
        font-size: .7em;
        color: #999;
    }

        .commentBox header .name {
            margin-left: 10px;
        }

    .commentBox .btnReplay {
        position: absolute;
        left: -25px;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        width: 20px;
        height: 20px;
        top: 40%;
        font-size: 12px;
        text-align: center;
        color: #444;
    }

.commentBtnContainer {
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    padding: 3px;
}

.CommentInputContainer .inputSection .fa-paper-plane {
    padding-top: 2%;
    width: 9%;
}

.CommentInputContainer .inputSection {
    width: 90%;
}

    .CommentInputContainer .inputSection input {
        padding-left: 9%;
    }

.CommentInputContainer {
    position: relative;
}

    .CommentInputContainer .inputSection {
        display: inline-block;
        border: 1px solid #ddd;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        padding: 3px;
        position: relative;
    }

        .CommentInputContainer .inputSection .fa-paper-plane {
            position: absolute;
            font-size: 20px;
            color: teal;
            background: #eee;
            height: 100%;
            left: 0;
            top: 0;
            width: 10%;
            text-align: center;
            cursor: pointer;
            padding: 2% 0;
        }

        .CommentInputContainer .inputSection input {
            height: 38px;
            border: none;
            width: 100%;
            outline-offset: unset;
            outline: 0;
            padding-left: 13%;
        }

        .CommentInputContainer .inputSection .replayText {
            border-right: 2px solid #1a237e;
            font-size: .9em;
            color: #999;
            padding-right: 5px;
            position: relative;
        }

            .CommentInputContainer .inputSection .replayText .fa-times {
                position: absolute;
                left: 14%;
                font-size: 1.2em;
                color: #999;
                top: 2px;
                cursor: pointer;
            }

    .CommentInputContainer img {
        vertical-align: middle;
    }

.cta-box {
    background-color: #fdfdfd;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none;
    padding: 2em 0.5em;
    margin-bottom: 1em;
}

    .cta-box .title {
        font-size: 1.5em;
    }

    .cta-box .cta {
        color: #888;
    }

.user-canvas {
    background-color: #fdfdfd;
    border-bottom: 1px solid #01b4c0;
    display: none;
    min-width: 20em;
    padding: 1em;
}

    .user-canvas p {
        text-align: right;
    }

    .user-canvas i.fa-heart {
        color: #ff0000;
    }

.responsive-image-grid {
    padding: 1em;
}

    .responsive-image-grid .row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 4px;
    }

    .responsive-image-grid .column {
        flex: 25%;
        max-width: 25%;
        padding: 0 4px;
    }

        .responsive-image-grid .column img {
            margin-top: 8px;
            vertical-align: middle;
        }

.nav-tabs li {
    cursor: pointer;
}

div.horizontal {
    display: flex;
    justify-content: center;
}

div.vertical {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ui-autocomplete {
    z-index: 1000;
}

.circularImage {
    width: 10em;
    height: 10em;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
}

    .circularImage img {
        display: inline;
        margin: 0 auto;
        width: 100%;
        height: auto;
        text-align: center;
    }

@media screen and (min-width: 900px) {
    .homePageSlider {
        max-height: 600px;
        margin: 0 10%;
    }
}

@media screen and (max-width: 800px) {
    .maincontainer .top-provider-Ads section {
        width: 45%;
    }

    .responsive-image-grid .column {
        flex: 50%;
        max-width: 50%;
    }

    .breadcrumb {
    }

    .category .items .item {
        margin-bottom: 2em;
        height: 28em;
    }

        .category .items .item header {
            height: auto;
            max-height: 20em;
        }

    .geo-selector-container {
        display: none;
        position: fixed;
        top: 10em;
        left: 0;
        padding: 0.5em;
        z-index: 10;
        width: 100%;
    }

    .blackmenu {
        min-height: 3em;
        background-color: #333;
        padding: 0.5em .2em;
    }

        .blackmenu a {
            color: #fdfdfd;
            font-size: 0.8em;
        }

    .headermenu .canvas {
        display: block;
    }

    .headermenu .middle-menu {
        text-align: center;
    }

        .headermenu .middle-menu a {
            font-size: 0.8em;
        }

        .headermenu .middle-menu :last-child {
            border: 0;
        }
}

@media screen and (max-width: 600px) {
    .responsive-image-grid .column {
        flex: 100%;
        max-width: 100%;
    }

    .CommentInputContainer .inputSection .fa-paper-plane {
        position: absolute;
        left: 0;
        font-size: 20px;
        color: teal;
        background: #eee;
        height: 100%;
        padding-top: 5%;
        top: 0;
        width: 13%;
        text-align: center;
        cursor: pointer;
    }

    .CommentInputContainer .inputSection {
        width: 82%;
    }

    .CommentInputContainer img {
        width: 15%;
    }
}

@media (max-width: 480px) {
    .provider .head {
        padding: 0.5em;
    }

        .provider .head .rightSide {
            width: 100%;
        }

            .provider .head .rightSide .logocontainer {
                display: inline-block;
                height: 10em;
                width: 10em;
                border-radius: 50%;
                overflow: hidden;
            }

                .provider .head .rightSide .logocontainer img {
                    max-width: 100%;
                    border-radius: unset;
                }

        .provider .head .leftSide {
            overflow: hidden;
            vertical-align: top;
            padding: 0.5em;
        }

            .provider .head .leftSide h1 {
                text-align: center;
            }

            .provider .head .leftSide .hotinfo .price {
                text-align: center;
            }

    .provider .slider-container {
        padding: 0;
    }

    .provider .similarProviders {
        padding: 2em;
        direction: ltr;
    }

        .provider .similarProviders .item > div {
            text-align: center;
        }

            .provider .similarProviders .item > div header {
                overflow: hidden;
                height: 15em;
                background-color: red;
                text-align: center;
                display: inline-block;
                padding: 0 0.5em;
                background-color: #fdfdfd;
                width: 99%;
            }

                .provider .similarProviders .item > div header img {
                    height: 90%;
                    width: auto;
                }

    .gallery-grid .row-items .column-items {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        padding: 0 4px;
    }

    .pinned .bottom {
        font-size: 0.8em;
    }

    .top-category .items .item {
        margin-bottom: 1em;
    }

    .top-services .item .lead {
        width: 50%;
    }

    .top-blog .items .item .imagecontainer {
        width: 100%;
        height: auto !important;
    }

        .top-blog .items .item .imagecontainer img {
            width: 100%;
        }

    .top-blog .items .item.secondary .imagecontainer img {
        width: 100% !important;
    }

    .blackmenu a {
        color: #fdfdfd;
        font-size: .9em;
    }

    .filters .do-filter {
        display: block;
    }

    .category .items .item {
        height: auto;
    }

        .category .items .item.other {
            border-left: 2px solid #fdfdfd;
            height: 24em;
        }

            .category .items .item.other header {
                padding: 10%;
            }

                .category .items .item.other header img {
                    max-height: 9em;
                }

            .category .items .item.other .title {
                font-size: smaller;
            }

    .topimage .bottom-right {
        bottom: 4em !important;
    }

    #canvasbar {
        min-width: 300px;
    }

        #canvasbar .cats .items a {
            width: 30%;
            float: right;
            margin: 0 1%;
            text-align: center;
            font-size: 1.1em;
            font-family: IRANYR;
            font-weight: bold;
            margin-bottom: 1em;
        }

            #canvasbar .cats .items a img {
                height: 5em;
                width: 5em;
            }

        #canvasbar .cats.canv-search {
            padding: 0.5em 1em 0 0;
        }

            #canvasbar .cats.canv-search input {
                width: 90%;
                float: left;
                border: 1px solid #ffb923;
            }

            #canvasbar .cats.canv-search i {
                font-size: 2em;
                float: left;
                cursor: pointer;
                color: #ffb923;
            }

        #canvasbar :nth-child(odd) {
            color: #0088cc;
        }

        #canvasbar :nth-child(even) .title {
            background-color: #fdfdfd;
            color: #008000;
        }

        #canvasbar i.fa-times {
            float: left;
            clear: both;
            color: #ff0000;
            font-size: 2em;
            margin: .5em 0 0 0.5em;
        }
}

@media (max-width: 360px) {
    .blackmenu a {
        color: #fdfdfd;
        font-size: 0.7em;
        font-weight: bold;
        padding-left: 0.3em;
    }

        .blackmenu a:last-child {
            border: none;
        }

    .top-category .items .item {
        height: auto;
        padding: 0;
        position: relative;
        height: 10em;
        margin-bottom: 3em;
    }

        .top-category .items .item .title {
            line-height: 1em;
        }

        .top-category .items .item .imgContainer {
            height: 8em;
        }

            .top-category .items .item .imgContainer img {
                height: 100%;
            }

    .quick-search {
        background-color: #FEBB02;
    }

    .service-price .price-part .items {
        width: 100%;
        display: inline-block;
        text-align: right;
    }

        .service-price .price-part .items .cta {
            display: none;
            text-align: center;
            font-weight: bold;
        }

        .service-price .price-part .items .item {
            text-align: right;
            padding: 0.5em;
            clear: both;
        }

            .service-price .price-part .items .item .checker {
                margin-left: 1%;
            }

                .service-price .price-part .items .item .checker input {
                    width: 2em;
                    height: 2em;
                    margin: 0;
                    padding: 0;
                    text-align: center;
                    vertical-align: middle;
                }

            .service-price .price-part .items .item .lead span {
                font-size: 0.7em;
                display: block;
            }

    .service-price .cat-part {
        padding: 1% 5%;
        border: 3px solid #d324f2;
        border-left: 0px;
        border-right: 0px;
        border-radius: 0.5em;
        margin-bottom: 1em;
    }

        .service-price .cat-part .form-control {
            height: 3em;
        }

    #canvasbar .cats .items a {
        width: 100%;
        margin: 0 1%;
        text-align: right;
        font-size: 0.9em;
        font-family: IRANYR;
        font-weight: bold;
        margin-bottom: 1em;
    }

        #canvasbar .cats .items a img {
            height: 5em;
            width: 5em;
            margin-left: 0.5em;
        }

    #canvasbar .cats.canv-search {
        padding: 0.5em 1em 0 0;
    }

        #canvasbar .cats.canv-search input {
            width: 90%;
            float: left;
            border: 1px solid #ffb923;
        }

        #canvasbar .cats.canv-search i {
            font-size: 2em;
            float: left;
            cursor: pointer;
            color: #ffb923;
        }

    .topimage .bottom-right {
        bottom: 4em !important;
    }
}

.inline-ads {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

    .inline-ads .title {
        border-top: 1px #ff0000 solid;
        height: 5px;
        display: inline-block;
        width: auto;
        padding-top: 5px;
        font-size: 1.5em;
    }

        .inline-ads .title p a {
            line-height: 1.5em;
        }

    .inline-ads .body {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .inline-ads .body a {
            color: #333;
        }

    .inline-ads .calltoaction {
        margin-top: 5px;
        text-align: left;
    }

        .inline-ads .calltoaction i {
            color: #ff0000;
            font-size: 2em;
        }

.aboutTitle {
    text-align: center;
    font-size: 2.2em;
    margin-top: 20px;
    margin-bottom: 30px;
}

    .aboutTitle.text-right {
        text-align: right;
    }

.aboutPage .topSection {
    padding-bottom: 50px;
    border-bottom: solid 1px #d7d7d7;
}

    .aboutPage .topSection video {
        width: 100%;
    }

.aboutPage .whatToDoSection {
    background-color: #fff;
    border-bottom: solid 1px #d7d7d7;
}

    .aboutPage .whatToDoSection .aboutTitle {
        margin-top: 0;
        padding-top: 20px;
    }

    .aboutPage .whatToDoSection .whatToDo {
        padding: 0 10%;
    }

        .aboutPage .whatToDoSection .whatToDo .iconContainer {
            width: 80%;
            margin: 0 auto;
            border: 3px solid #333;
            border-radius: 50%;
            padding-top: 77%;
            position: relative;
            background-image: url(../images/bride.svg);
            background-position: center;
            background-size: 60%;
            background-repeat: no-repeat;
        }

            .aboutPage .whatToDoSection .whatToDo .iconContainer.website {
                background-image: url(../images/website.svg);
            }

            .aboutPage .whatToDoSection .whatToDo .iconContainer.app {
                background-image: url(../images/app.svg);
            }

            .aboutPage .whatToDoSection .whatToDo .iconContainer.social {
                background-image: url(../images/social.svg);
            }

            .aboutPage .whatToDoSection .whatToDo .iconContainer.bride {
                background-size: 50%;
            }

        .aboutPage .whatToDoSection .whatToDo h3 {
            margin-top: 10px;
            font-size: 1.2em;
            color: #333;
            text-align: center;
            font-family: IRANYL;
        }

            .aboutPage .whatToDoSection .whatToDo h3 b {
                font-family: IRANYB;
                font-weight: normal;
            }

.aboutPage .MyTeam {
    border-bottom: solid 1px #d7d7d7;
}

    .aboutPage .MyTeam .MyTeamItem {
        margin-bottom: 30px;
    }

        .aboutPage .MyTeam .MyTeamItem header {
            padding-top: 75%;
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: center;
            transition: all 500ms;
        }

            .aboutPage .MyTeam .MyTeamItem header:hover {
                background-size: 110%;
            }

        .aboutPage .MyTeam .MyTeamItem h4 {
            text-align: center;
            font-family: IRANYR;
            font-size: 1em;
        }

.aboutPage .staties {
    background-color: #fff;
    border-bottom: solid 1px #d7d7d7;
    height: 100px;
}

.aboutPage .JoinToUs {
    border-bottom: solid 1px #d7d7d7;
}

    .aboutPage .JoinToUs .aboutTitle {
        margin-bottom: 5px;
    }

    .aboutPage .JoinToUs .bottomTitleAbout {
        text-align: center;
        font-family: IRANYL;
        font-size: 1em;
        margin-bottom: 20px;
    }

    .aboutPage .JoinToUs .JoinToUsItem header {
        box-shadow: 0 2px 3px rgba(51, 51, 51, 0.35);
    }

        .aboutPage .JoinToUs .JoinToUsItem header img {
            border: 4px solid #fdfdfd;
            width: 100%;
        }

    .aboutPage .JoinToUs .JoinToUsItem h4 {
        text-align: center;
        font-size: 2em;
        font-family: IRANYR;
    }

.more-comment-link {
    background-color: #01b4c0;
}

.doory-home-container {
    display: block;
    margin: 20px 0;
}

    .doory-home-container .doory-item {
        margin-bottom: 5px;
    }

        .doory-home-container .doory-item p {
            text-align: center;
        }

            .doory-home-container .doory-item p img {
                max-width: 100%;
                display: inline-block;
                border: 1px solid #999;
                border-radius: 5px;
                padding: 3px;
            }

            .doory-home-container .doory-item p a {
                font-weight: bold;
                font-size: 14pt;
            }