html[dir=ltr] section, html[dir=ltr] footer, html[dir=ltr] .card, html[dir=ltr] .box {
    text-align: left
}

html[dir=ltr] .slick-next {
    left: auto;
    right: 0
}

html[dir=ltr] .line {
    text-align: left
}

    html[dir=ltr] .line::before {
        right: auto;
        left: 0
    }

html[dir=ltr] .pricing .card.popular-plan .popular {
    left: auto;
    right: 15px
}

html[dir=ltr] .mdi-arrow-left::before {
    rotate: 180deg
}

html[dir=ltr] .footer .mdi-chevron-left::before {
    rotate: 180deg
}

html[dir=ltr] .main .shape-bg {
    left: auto;
    right: -150px
}

html[dir=ltr] .products .shape-bg {
    right: auto;
    left: 0
}

html[dir=ltr] .why-us .dot {
    left: auto;
    right: 40px
}

html[dir=ltr] .faq::before {
    transform: scaleX(-1)
}

html[dir=ltr] .contact-us .img {
    transform: scaleX(-1)
}

html[dir=ltr] .img-container .img {
    right: 0;
    left: auto
}

html[dir=ltr] .blog .img-container .img {
    right: -300px;
    left: auto;
    transform: scaleX(-1)
}

html[dir=ltr] .blog .shape-bg {
    left: auto;
    right: -150px
}

@font-face {
    font-family: "iransans";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/iransans/iransans.ttf")
}

@font-face {
    font-family: "iransans_black";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/iransans/iransans_black.ttf")
}

@font-face {
    font-family: "iransans_bold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/iransans/iransans_bold.ttf")
}

@font-face {
    font-family: "iransans_light";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/iransans/iransans_light.ttf")
}

@font-face {
    font-family: "iransans_medium";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/iransans/iransans_medium.ttf")
}

@font-face {
    font-family: "iransans_ultralight";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/iransans/iransans_ultralight.ttf")
}

@font-face {
    font-family: "pinar";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/pinar-700.woff2")
}

.font-iransans {
    font-family: "iransans" !important
}

.font-iransans-black {
    font-family: "iransans_black"
}

.font-iransans-bold {
    font-family: "iransans_bold"
}

.font-iransans-light {
    font-family: "iransans_light"
}

.font-iransans-medium {
    font-family: "iransans_medium"
}

.font-iransans-ultralight {
    font-family: "iransans_ultralight"
}

.font-pinar {
    font-family: "pinar"
}

body {
    position: relative;
    display: block;
    min-height: 100%;
    height: 100%;
    min-width: 360px;
    margin: 0;
    padding: 0;
    font-family: "iransans_light","tahoma" !important;
    font-size: 16px;
    color: #3d414a;
    text-align: right;
    overflow-y: auto
}

a {
    text-decoration: none !important
}

    a.link {
        color: #3d414a
    }

.theme-middle-blue a.link-theme {
    color: #79c8d7
}

.theme-panton a.link-theme {
    color: #c61a3e
}

.theme-persian-green a.link-theme {
    color: #00a693
}

.theme-blue-cola a.link-theme {
    color: #0083d6
}

.theme-cameo a.link-theme {
    color: #d7b592
}

section {
    background-color: #fff
}

.theme-middle-blue .alternate {
    background-color: #f3f6f6
}

.theme-panton .alternate {
    background-color: #f3f6f6
}

.theme-persian-green .alternate {
    background-color: #f3f6f6
}

.theme-blue-cola .alternate {
    background-color: #f3f6f6
}

.theme-cameo .alternate {
    background-color: #f3f6f6
}

.bg {
    position: relative;
    background: url(../images/bg.jpg) top center;
    background-size: cover
}

    .bg::before1 {
        content: "";
        background: rgba(255,255,255,.8);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0
    }

    .bg * {
        z-index: 1
    }

.card {
    box-shadow: 0 5px 25px 0 rgba(214,215,216,.6);
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: none !important
}

.theme-middle-blue .theme-primary-color {
    color: #79c8d7
}

.theme-panton .theme-primary-color {
    color: #c61a3e
}

.theme-persian-green .theme-primary-color {
    color: #00a693
}

.theme-blue-cola .theme-primary-color {
    color: #0083d6
}

.theme-cameo .theme-primary-color {
    color: #d7b592
}

.theme-middle-blue .theme-secondary-color {
    color: #fdb900
}

.theme-panton .theme-secondary-color {
    color: #fdb900
}

.theme-persian-green .theme-secondary-color {
    color: #fdb900
}

.theme-blue-cola .theme-secondary-color {
    color: #fdb900
}

.theme-cameo .theme-secondary-color {
    color: #d7b592
}

.logo {
    width: 80px
}

.title-shape {
    position: relative;
    width: 50px;
    height: 4px;
    margin: 0 auto;
    background-color: #ffb600;
    margin: 15px auto 0;
    border-radius: 5px
}

    .title-shape::before {
        content: "";
        position: absolute;
        top: 0;
        width: 4px;
        height: 4px;
        right: -8px;
        background-color: #ffb600;
        border-radius: 5px
    }

    .title-shape::after {
        content: "";
        position: absolute;
        top: 0;
        width: 4px;
        height: 4px;
        left: -8px;
        background-color: #ffb600;
        border-radius: 5px
    }

.ls-1 {
    letter-spacing: 1px
}

.hightlight {
    background: linear-gradient(transparent 50%, rgba(30, 168, 231, 0.2) 0)
}

::-moz-selection {
    color: #fff
}

.theme-middle-blue ::-moz-selection {
    background-color: #79c8d7
}

.theme-panton ::-moz-selection {
    background-color: #c61a3e
}

.theme-persian-green ::-moz-selection {
    background-color: #00a693
}

.theme-blue-cola ::-moz-selection {
    background-color: #0083d6
}

.theme-cameo ::-moz-selection {
    background-color: #d7b592
}

::-moz-selection {
    color: #fff
}

::selection {
    color: #fff
}

.theme-middle-blue ::-moz-selection {
    background-color: #79c8d7
}

.theme-middle-blue ::selection {
    background-color: #79c8d7
}

.theme-panton ::-moz-selection {
    background-color: #c61a3e
}

.theme-panton ::selection {
    background-color: #c61a3e
}

.theme-persian-green ::-moz-selection {
    background-color: #00a693
}

.theme-persian-green ::selection {
    background-color: #00a693
}

.theme-blue-cola ::-moz-selection {
    background-color: #0083d6
}

.theme-blue-cola ::selection {
    background-color: #0083d6
}

.theme-cameo ::-moz-selection {
    background-color: #d7b592
}

.theme-cameo ::selection {
    background-color: #d7b592
}

.theme-middle-blue .form-check-input:checked {
    background-color: #79c8d7;
    border-color: #79c8d7
}

.theme-panton .form-check-input:checked {
    background-color: #c61a3e;
    border-color: #c61a3e
}

.theme-persian-green .form-check-input:checked {
    background-color: #00a693;
    border-color: #00a693
}

.theme-blue-cola .form-check-input:checked {
    background-color: #0083d6;
    border-color: #0083d6
}

.theme-cameo .form-check-input:checked {
    background-color: #d7b592;
    border-color: #d7b592
}

.theme-middle-blue .text-theme {
    color: #79c8d7
}

.theme-panton .text-theme {
    color: #c61a3e
}

.theme-persian-green .text-theme {
    color: #00a693
}

.theme-blue-cola .text-theme {
    color: #0083d6
}

.theme-cameo .text-theme {
    color: #d7b592
}

@media only screen and (max-width: 768px) {
    body {
        padding-top: 80px
    }

    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030
    }
}

.navbar {
    transition: all .8s ease;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1019607843)
}

.navbar-items .nav-item .nav-link {
    transition: all .25s ease-in-out;
    cursor: pointer
}

.theme-middle-blue .navbar-items .nav-item .nav-link:hover {
    color: #79c8d7 !important
}

.theme-panton .navbar-items .nav-item .nav-link:hover {
    color: #c61a3e !important
}

.theme-persian-green .navbar-items .nav-item .nav-link:hover {
    color: #00a693 !important
}

.theme-blue-cola .navbar-items .nav-item .nav-link:hover {
    color: #0083d6 !important
}

.theme-cameo .navbar-items .nav-item .nav-link:hover {
    color: #d7b592 !important
}

.navbar-items .nav-item .nav-link.active {
    font-weight: bold
}

.btn-primary, .btn-primary-outline, .btn-secondary {
    padding: 10px 25px;
    border-radius: .5rem !important;
    transition: all .25s ease-in-out
}

.theme-middle-blue .btn-primary {
    background-color: #79c8d7;
    border-color: #79c8d7
}

    .theme-middle-blue .btn-primary:hover {
        background: #79c8d7 radial-gradient(circle, transparent 1%, #79c8d7 1%) center/15000% !important;
        border-color: #79c8d7 !important;
        box-shadow: 0 0 0 .25rem rgba(121,200,215,.5) !important
    }

    .theme-middle-blue .btn-primary:active {
        background-color: #79c8d7 !important
    }

.theme-middle-blue .btn-primary-outline {
    border-color: #79c8d7;
    box-shadow: none !important;
    background-color: rgba(0,0,0,0);
    color: #3d414a
}

    .theme-middle-blue .btn-primary-outline:hover, .theme-middle-blue .btn-primary-outline:active {
        color: #fff
    }

    .theme-middle-blue .btn-primary-outline:hover {
        background: #79c8d7 radial-gradient(circle, transparent 1%, #79c8d7 1%) center/15000% !important
    }

    .theme-middle-blue .btn-primary-outline:active {
        background-color: #79c8d7 !important
    }

.theme-panton .btn-primary {
    background-color: #c61a3e;
    border-color: #c61a3e
}

    .theme-panton .btn-primary:hover {
        background: #c61a3e radial-gradient(circle, transparent 1%, #c61a3e 1%) center/15000% !important;
        border-color: #c61a3e !important;
        box-shadow: 0 0 0 .25rem rgba(198,26,62,.5) !important
    }

    .theme-panton .btn-primary:active {
        background-color: #c61a3e !important
    }

.theme-panton .btn-primary-outline {
    border-color: #c61a3e;
    box-shadow: none !important;
    background-color: rgba(0,0,0,0);
    color: #3d414a
}

    .theme-panton .btn-primary-outline:hover, .theme-panton .btn-primary-outline:active {
        color: #fff
    }

    .theme-panton .btn-primary-outline:hover {
        background: #c61a3e radial-gradient(circle, transparent 1%, #c61a3e 1%) center/15000% !important
    }

    .theme-panton .btn-primary-outline:active {
        background-color: #c61a3e !important
    }

.theme-persian-green .btn-primary {
    background-color: #00a693;
    border-color: #00a693
}

    .theme-persian-green .btn-primary:hover {
        background: #00a693 radial-gradient(circle, transparent 1%, #00a693 1%) center/15000% !important;
        border-color: #00a693 !important;
        box-shadow: 0 0 0 .25rem rgba(0,166,147,.5) !important
    }

    .theme-persian-green .btn-primary:active {
        background-color: #00a693 !important
    }

.theme-persian-green .btn-primary-outline {
    border-color: #00a693;
    box-shadow: none !important;
    background-color: rgba(0,0,0,0);
    color: #3d414a
}

    .theme-persian-green .btn-primary-outline:hover, .theme-persian-green .btn-primary-outline:active {
        color: #fff
    }

    .theme-persian-green .btn-primary-outline:hover {
        background: #00a693 radial-gradient(circle, transparent 1%, #00a693 1%) center/15000% !important
    }

    .theme-persian-green .btn-primary-outline:active {
        background-color: #00a693 !important
    }

.theme-blue-cola .btn-primary {
    background-color: #0083d6;
    border-color: #0083d6
}

    .theme-blue-cola .btn-primary:hover {
        background: #0083d6 radial-gradient(circle, transparent 1%, #0083d6 1%) center/15000% !important;
        border-color: #0083d6 !important;
        box-shadow: 0 0 0 .25rem rgba(0,131,214,.5) !important
    }

    .theme-blue-cola .btn-primary:active {
        background-color: #0083d6 !important
    }

.theme-blue-cola .btn-primary-outline {
    border-color: #0083d6;
    box-shadow: none !important;
    background-color: rgba(0,0,0,0);
    color: #3d414a
}

    .theme-blue-cola .btn-primary-outline:hover, .theme-blue-cola .btn-primary-outline:active {
        color: #fff
    }

    .theme-blue-cola .btn-primary-outline:hover {
        background: #0083d6 radial-gradient(circle, transparent 1%, #0083d6 1%) center/15000% !important
    }

    .theme-blue-cola .btn-primary-outline:active {
        background-color: #0083d6 !important
    }

.theme-cameo .btn-primary {
    background-color: #d7b592;
    border-color: #d7b592
}

    .theme-cameo .btn-primary:hover {
        background: #d7b592 radial-gradient(circle, transparent 1%, #d7b592 1%) center/15000% !important;
        border-color: #d7b592 !important;
        box-shadow: 0 0 0 .25rem rgba(215,181,146,.5) !important
    }

    .theme-cameo .btn-primary:active {
        background-color: #d7b592 !important
    }

.theme-cameo .btn-primary-outline {
    border-color: #d7b592;
    box-shadow: none !important;
    background-color: rgba(0,0,0,0);
    color: #3d414a
}

    .theme-cameo .btn-primary-outline:hover, .theme-cameo .btn-primary-outline:active {
        color: #fff
    }

    .theme-cameo .btn-primary-outline:hover {
        background: #d7b592 radial-gradient(circle, transparent 1%, #d7b592 1%) center/15000% !important
    }

    .theme-cameo .btn-primary-outline:active {
        background-color: #d7b592 !important
    }

.theme-middle-blue .btn-secondary {
    background-color: #fdb900;
    border-color: #fdb900
}

    .theme-middle-blue .btn-secondary:hover {
        background: #fdb900 radial-gradient(circle, transparent 1%, #fdb900 1%) center/15000%
    }

    .theme-middle-blue .btn-secondary:active {
        background-color: #fdb900 !important
    }

.theme-panton .btn-secondary {
    background-color: #fdb900;
    border-color: #fdb900
}

    .theme-panton .btn-secondary:hover {
        background: #fdb900 radial-gradient(circle, transparent 1%, #fdb900 1%) center/15000%
    }

    .theme-panton .btn-secondary:active {
        background-color: #fdb900 !important
    }

.theme-persian-green .btn-secondary {
    background-color: #fdb900;
    border-color: #fdb900
}

    .theme-persian-green .btn-secondary:hover {
        background: #fdb900 radial-gradient(circle, transparent 1%, #fdb900 1%) center/15000%
    }

    .theme-persian-green .btn-secondary:active {
        background-color: #fdb900 !important
    }

.theme-blue-cola .btn-secondary {
    background-color: #fdb900;
    border-color: #fdb900
}

    .theme-blue-cola .btn-secondary:hover {
        background: #fdb900 radial-gradient(circle, transparent 1%, #fdb900 1%) center/15000%
    }

    .theme-blue-cola .btn-secondary:active {
        background-color: #fdb900 !important
    }

.theme-cameo .btn-secondary {
    background-color: #d7b592;
    border-color: #d7b592
}

    .theme-cameo .btn-secondary:hover {
        background: #d7b592 radial-gradient(circle, transparent 1%, #d7b592 1%) center/15000%
    }

    .theme-cameo .btn-secondary:active {
        background-color: #d7b592 !important
    }

.theme-dropdown .dropdown-menu {
    min-width: 65px
}

.theme-dropdown .dropdown-toggle::after {
    display: none
}

.theme-middle-blue .theme-dropdown .dropdown-item:active, .theme-middle-blue .theme-dropdown .dropdown-item.active {
    background-color: #f3f6f6 !important
}

.theme-panton .theme-dropdown .dropdown-item:active, .theme-panton .theme-dropdown .dropdown-item.active {
    background-color: #f3f6f6 !important
}

.theme-persian-green .theme-dropdown .dropdown-item:active, .theme-persian-green .theme-dropdown .dropdown-item.active {
    background-color: #f3f6f6 !important
}

.theme-blue-cola .theme-dropdown .dropdown-item:active, .theme-blue-cola .theme-dropdown .dropdown-item.active {
    background-color: #f3f6f6 !important
}

.theme-cameo .theme-dropdown .dropdown-item:active, .theme-cameo .theme-dropdown .dropdown-item.active {
    background-color: #f3f6f6 !important
}

.theme-dropdown .theme-picker-1, .theme-dropdown .theme-picker-2, .theme-dropdown .theme-picker-3, .theme-dropdown .theme-picker-4, .theme-dropdown .theme-picker-5, .theme-dropdown .theme-picker-all {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 8px
}

.theme-dropdown .theme-picker-all {
    background: linear-gradient(to right, #79c8d7 33%, #00a693 0 67%, #0083d6 0 100%)
}

.theme-dropdown .theme-picker-1 {
    background-color: #79c8d7
}

.theme-dropdown .theme-picker-2 {
    background-color: #c61a3e
}

.theme-dropdown .theme-picker-3 {
    background-color: #00a693
}

.theme-dropdown .theme-picker-4 {
    background-color: #0083d6
}

.theme-dropdown .theme-picker-5 {
    background-color: #d7b592
}

.lang {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: #eee;
    transition: all .25s ease-in-out;
    cursor: pointer
}

    .lang:hover {
        background-color: #bbb
    }

footer {
    background-color: #1a1a1a;
    color: #fafafa;
    background-size: cover;
    background-position: center
}

    footer .app-title {
        background: linear-gradient(transparent 50%, rgba(30, 168, 231, 0.2) 0)
    }

    footer .copyrights {
        background-color: #161616
    }

    footer a {
        color: #fafafa;
        transition: all .25s ease-in-out
    }

.theme-middle-blue footer a:hover {
    color: #fdb900
}

.theme-panton footer a:hover {
    color: #fdb900
}

.theme-persian-green footer a:hover {
    color: #fdb900
}

.theme-blue-cola footer a:hover {
    color: #fdb900
}

.theme-cameo footer a:hover {
    color: #d7b592
}

footer .enamad-item {
    min-width: 85px;
    text-align: center;
    border-radius: 5px;
    transition: all .25s ease-in-out
}

.theme-middle-blue footer .enamad-item {
    background-color: #f3f6f6
}

.theme-panton footer .enamad-item {
    background-color: #f3f6f6
}

.theme-persian-green footer .enamad-item {
    background-color: #f3f6f6
}

.theme-blue-cola footer .enamad-item {
    background-color: #f3f6f6
}

.theme-cameo footer .enamad-item {
    background-color: #f3f6f6
}

.theme-middle-blue footer .enamad-item:hover {
    background-color: #b9caca
}

.theme-panton footer .enamad-item:hover {
    background-color: #b9caca
}

.theme-persian-green footer .enamad-item:hover {
    background-color: #b9caca
}

.theme-blue-cola footer .enamad-item:hover {
    background-color: #b9caca
}

.theme-cameo footer .enamad-item:hover {
    background-color: #b9caca
}

footer .enamad-item:hover img {
    transform: scale(1.05)
}

footer .enamad-item img {
    width: 100%;
    height: 75px;
    transition: all .25s ease-in-out
}

footer .instagram, footer .whatsapp, footer .linkedin {
    transition: all .25s ease-in-out
}

    footer .instagram:hover, footer .whatsapp:hover, footer .linkedin:hover {
        transform: scale(1.2)
    }

    footer .instagram:hover {
        color: #b8318b
    }

    footer .whatsapp:hover {
        color: #00bd07
    }

    footer .linkedin:hover {
        color: #007ab5
    }

footer .newsletters {
    border-radius: 22px
}

.theme-middle-blue footer .newsletters {
    background-color: #f3f6f6
}

.theme-panton footer .newsletters {
    background-color: #f3f6f6
}

.theme-persian-green footer .newsletters {
    background-color: #f3f6f6
}

.theme-blue-cola footer .newsletters {
    background-color: #f3f6f6
}

.theme-cameo footer .newsletters {
    background-color: #f3f6f6
}

footer .newsletters .email {
    padding: 10px 25px;
    border-radius: 22px;
    font-size: .9em;
    border: none
}

    footer .newsletters .email:focus, footer .newsletters .email:focus-visible, footer .newsletters .email:hover {
        outline: none
    }

footer .newsletters .btn {
    width: 32px;
    height: 32px;
    margin: 6px;
    border-radius: 50%;
    color: #333;
    border: none
}

.theme-middle-blue footer .newsletters .btn {
    background-color: #fdb900
}

.theme-panton footer .newsletters .btn {
    background-color: #fdb900
}

.theme-persian-green footer .newsletters .btn {
    background-color: #fdb900
}

.theme-blue-cola footer .newsletters .btn {
    background-color: #fdb900
}

.theme-cameo footer .newsletters .btn {
    background-color: #d7b592
}

.theme-middle-blue footer .newsletters .btn:hover {
    background-color: #976e00
}

.theme-panton footer .newsletters .btn:hover {
    background-color: #976e00
}

.theme-persian-green footer .newsletters .btn:hover {
    background-color: #976e00
}

.theme-blue-cola footer .newsletters .btn:hover {
    background-color: #976e00
}

.theme-cameo footer .newsletters .btn:hover {
    background-color: #bc8247
}

.preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 1000
}

    .preloader .loader {
        position: absolute;
        top: 50%;
        left: 40%;
        margin-left: 10%;
        transform: translate3d(-50%, -50%, 0)
    }

        .preloader .loader .dot {
            width: 24px;
            height: 24px;
            background: #3ac;
            border-radius: 100%;
            display: inline-block;
            animation: slide 1s infinite
        }

            .preloader .loader .dot:nth-child(1) {
                animation-delay: .1s;
                background: #32aacc
            }

            .preloader .loader .dot:nth-child(2) {
                animation-delay: .2s;
                background: #64aacc
            }

            .preloader .loader .dot:nth-child(3) {
                animation-delay: .3s;
                background: #96aacc
            }

            .preloader .loader .dot:nth-child(4) {
                animation-delay: .4s;
                background: #c8aacc
            }

            .preloader .loader .dot:nth-child(5) {
                animation-delay: .5s;
                background: #faaacc
            }

@keyframes slide {
    0% {
        transform: scale(1)
    }

    50% {
        opacity: .3;
        transform: scale(2)
    }

    100% {
        transform: scale(1)
    }
}

.slider-text {
    position: absolute;
    right: 10px;
}

    .slider-text h1 {
        font-weight: 300 !important;
        color: darkgoldenrod !important;
        text-shadow: -1px 0, 0 1px, 1px 0, 0 -1px, -1px -1px, 1px 1px, -1px 1px, 1px -1px;
        font-size: 2vw;
    }

    .slider-text p {
        font-weight: 600 !important;
        /*color:#000 !important;*/
        font-size: 1.2vw;
        margin-top: 15px;
    }

@media only screen and (max-width: 768px) {
    .slider-text {
        position: absolute;
        right: 0px;
    }

        .slider-text h1 {
            font-weight: 900 !important;
            color: darkgoldenrod !important;
            text-shadow:none !important;
            font-size: 3vw;
        }

        .slider-text p {
            font-weight: 600 !important;
            /*color:#000 !important;*/
            font-size: 2vw;
            margin-top: 15px;
        }

}