*, :after, :before {
    box-sizing: border-box
}

a, abbr, address, applet, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font: inherit;
    vertical-align: baseline
}

html {
    -webkit-tap-highlight-color: transparent
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, textarea {
    display: block
}

ol, ul {
    list-style: none
}

abbr {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

a {
    text-decoration: none
}

figure {
    margin: 0
}

[role=button], button, input[type=submit] {
    cursor: pointer
}

input[type=text], textarea {
    -moz-appearance: none;
    -webkit-appearance: none
}

textarea {
    resize: vertical
}

button {
    background-color: transparent;
    box-shadow: none
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

.elementor-widget:not(:last-child) {
    margin-bottom: 0
}

input.nice-select.open:-webkit-autofill, input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.livechat-message.show {
    display: none !important
}

@font-face {
    font-family: IranYekanBold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/iranyekan/eot/iranyekanwebbold.eot);
    src: url(../fonts/iranyekan/eot/iranyekanwebboldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/iranyekan/woff2/iranyekanwebbold.woff2) format("woff2"), url(../fonts/iranyekan/woff/iranyekanwebbold.woff) format("woff"), url(../fonts/iranyekan/ttf/iranyekanwebbold.ttf) format("truetype")
}

@font-face {
    font-family: IranYekanLight;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(../fonts/iranyekan/eot/iranyekanweblight.eot);
    src: url(../fonts/iranyekan/eot/iranyekanweblightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/iranyekan/woff2/iranyekanweblight.woff2) format("woff2"), url(../fonts/iranyekan/woff/iranyekanweblight.woff) format("woff"), url(../fonts/iranyekan/ttf/iranyekanweblight.ttf) format("truetype")
}

@font-face {
    font-family: IranYekan;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(../fonts/iranyekan/eot/iranyekanwebregular.eot);
    src: url(../fonts/iranyekan/eot/iranyekanwebregulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/iranyekan/woff2/iranyekanwebregular.woff2) format("woff2"), url(../fonts/iranyekan/woff/iranyekanwebregular.woff) format("woff"), url(../fonts/iranyekan/ttf/iranyekanwebregular.ttf) format("truetype")
}

@font-face {
    font-family: IranYekanBoldNum;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("../fonts/iranyekan/num/eot/iranyekanwebbold(fanum.html).eot");
    src: url("../fonts/iranyekan/num/eot/iranyekanwebbold(fanum.html).eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan/num/woff2/iranyekanwebbold(fanum.html).woff2") format("woff2"), url("../fonts/iranyekan/num/woff/iranyekanwebbold(fanum.html).woff") format("woff"), url("../fonts/iranyekan/num/ttf/iranyekanwebbold(fanum.html).ttf") format("truetype")
}

@font-face {
    font-family: IranYekanLightNum;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url("../fonts/iranyekan/num/eot/iranyekanweblight(fanum.html).eot");
    src: url("../fonts/iranyekan/num/eot/iranyekanweblight(fanum.html).eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan/num/woff2/iranyekanweblight(fanum.html).woff2") format("woff2"), url("../fonts/iranyekan/num/woff/iranyekanweblight(fanum.html).woff") format("woff"), url("../fonts/iranyekan/num/ttf/iranyekanweblight(fanum.html).ttf") format("truetype")
}

@font-face {
    font-family: IranYekanNum;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("../fonts/iranyekan/num/eot/iranyekanwebregular(fanum.html).eot");
    src: url("../fonts/iranyekan/num/eot/iranyekanwebregular(fanum.html).eot?#iefix") format("embedded-opentype"), url("../fonts/iranyekan/num/woff2/iranyekanwebregular(fanum.html).woff2") format("woff2"), url("../fonts/iranyekan/num/woff/iranyekanwebregular(fanum.html).woff") format("woff"), url("../fonts/iranyekan/num/ttf/iranyekanwebregular(fanum.html).ttf") format("truetype")
}

.sign-forget {
    padding: 20px 30px;
    text-align: center
}

.card-blog--full td {
    border: 1px solid #e4e4e4 !important;
    padding: 5px
}

.page-blog-details ol {
    list-style-type: decimal
}

.dialog-widget-content {
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
    overflow: hidden
}

.dialog-message {
    font-size: 12px;
    line-height: 1.5
}

.dialog-type-lightbox {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dialog-type-lightbox .dialog-header {
    padding: 20px 0;
    font-weight: 500
}

.dialog-type-lightbox .dialog-message {
    padding: 0 20px 20px;
    min-height: 50px
}

.dialog-type-lightbox .dialog-header, .dialog-type-lightbox .dialog-message {
    text-align: center
}

.dialog-type-lightbox .dialog-buttons-wrapper {
    border-top: 1px solid #e6e9ec;
    text-align: center
}

.dialog-type-lightbox .dialog-buttons-wrapper > button {
    border: none;
    background: 0 0;
    font-size: 15px;
    cursor: pointer;
    padding: 13px 0;
    outline: 0
}

.dialog-type-lightbox .dialog-buttons-wrapper > button:first-child {
    color: #6d7882
}

.dialog-type-lightbox .dialog-buttons-wrapper > button.dialog-ok {
    color: #b01b1b
}

.dialog-type-lightbox .dialog-buttons-wrapper > button.dialog-take_over {
    color: #39b54a
}

.dialog-type-lightbox .dialog-buttons-wrapper > button.nice-select.open, .dialog-type-lightbox .dialog-buttons-wrapper > button:active {
    background-color: rgba(230, 233, 236, .5)
}

.dialog-type-lightbox .dialog-buttons-wrapper > button::-moz-focus-inner {
    border: 0
}

.dialog-close-button {
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 15px
}

.dialog-close-button:not(:hover) {
    opacity: .4
}

.dialog-confirm-widget .dialog-header, .dialog-lightbox-widget .dialog-header {
    font-size: 15px;
    color: #495157
}

.dialog-confirm-widget .dialog-buttons-wrapper > button, .dialog-lightbox-widget .dialog-buttons-wrapper > button {
    width: 50%
}

.dialog-confirm-widget .dialog-buttons-wrapper > button:first-child, .dialog-lightbox-widget .dialog-buttons-wrapper > button:first-child {
    border-left: 1px solid #e6e9ec
}

.dialog-confirm-widget .dialog-buttons-wrapper > button:hover, .dialog-lightbox-widget .dialog-buttons-wrapper > button:hover {
    background-color: #f4f6f7
}

.dialog-alert-widget .dialog-buttons-wrapper > button {
    width: 100%
}

@media (max-width: 767px) {
    .dialog-close-button {
        top: 15px;
        right: 15px
    }

    body.admin-bar .dialog-close-button {
        top: 40px
    }
}

.elementor-aspect-ratio-219 .elementor-fit-aspect-ratio {
    padding-bottom: 42.8571%
}

.elementor-aspect-ratio-169 .elementor-fit-aspect-ratio {
    padding-bottom: 56.25%
}

.elementor-aspect-ratio-43 .elementor-fit-aspect-ratio {
    padding-bottom: 75%
}

.elementor-aspect-ratio-32 .elementor-fit-aspect-ratio {
    padding-bottom: 66.6666%
}

.elementor-aspect-ratio-11 .elementor-fit-aspect-ratio {
    padding-bottom: 100%
}

.elementor-fit-aspect-ratio {
    position: relative;
    height: 0
}

.elementor-fit-aspect-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.elementor-hidden {
    display: none
}

.flatpickr-calendar {
    width: 280px
}

.flatpickr-calendar .flatpickr-current-month span.cur-month {
    font-weight: 300
}

.flatpickr-calendar .dayContainer {
    width: 280px;
    min-width: 280px;
    max-width: 280px
}

.flatpickr-calendar .flatpickr-days {
    width: 280px
}

.flatpickr-calendar .flatpickr-day {
    max-width: 37px;
    height: 37px;
    line-height: 37px
}

.elementor {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
}

.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box
}

.elementor a {
    box-shadow: none;
    text-decoration: none
}

.elementor hr {
    margin: 0;
    background-color: transparent
}

.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.elementor .elementor-widget:not(.elementor-widget-text-editor) figure {
    margin: 0
}

.elementor embed, .elementor iframe, .elementor object, .elementor video {
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none
}

.elementor .elementor-custom-embed {
    line-height: 0
}

.elementor .elementor-background-video-container {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.elementor .elementor-background-video-container.elementor-loading {
    opacity: 0
}

.elementor .elementor-background-video-embed {
    max-width: none;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.elementor .elementor-background-video {
    position: absolute;
    max-width: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.elementor .elementor-html5-video {
    -o-object-fit: cover;
    object-fit: cover
}

.elementor .elementor-background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.elementor-invisible {
    visibility: hidden
}

.elementor-align-center {
    text-align: center
}

.elementor-align-center .elementor-button {
    width: auto
}

.elementor-align-right {
    text-align: right
}

.elementor-align-right .elementor-button {
    width: auto
}

.elementor-align-left {
    text-align: left
}

.elementor-align-left .elementor-button {
    width: auto
}

.elementor-align-justify .elementor-button {
    width: 100%
}

.elementor-custom-embed-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.elementor-custom-embed-play i {
    font-size: 100px;
    color: #fff;
    opacity: .8;
    text-shadow: 1px 0 6px rgba(0, 0, 0, .3);
    -webkit-transition: all .5s;
    transition: all .5s
}

.elementor-custom-embed-play.elementor-playing i {
    font-family: FontAwesome;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.elementor-custom-embed-play.elementor-playing i:before {
    content: "\f1ce"
}

.elementor-swiper-button {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    color: rgba(237, 237, 237, .9);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.elementor-swiper-button.swiper-button-disabled {
    opacity: .3
}

.elementor-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (max-width: 1024px) {
    .elementor-tablet-align-center {
        text-align: center
    }

    .elementor-tablet-align-center .elementor-button {
        width: auto
    }

    .elementor-tablet-align-right {
        text-align: right
    }

    .elementor-tablet-align-right .elementor-button {
        width: auto
    }

    .elementor-tablet-align-left {
        text-align: left
    }

    .elementor-tablet-align-left .elementor-button {
        width: auto
    }

    .elementor-tablet-align-justify .elementor-button {
        width: 100%
    }
}

@media (max-width: 767px) {
    .elementor-mobile-align-center {
        text-align: center
    }

    .elementor-mobile-align-center .elementor-button {
        width: auto
    }

    .elementor-mobile-align-right {
        text-align: right
    }

    .elementor-mobile-align-right .elementor-button {
        width: auto
    }

    .elementor-mobile-align-left {
        text-align: left
    }

    .elementor-mobile-align-left .elementor-button {
        width: auto
    }

    .elementor-mobile-align-justify .elementor-button {
        width: 100%
    }
}

#wpadminbar #wp-admin-bar-elementor_edit_page > .ab-item:before {
    content: "\e800";
    font-family: eicons;
    font-size: 12px;
    margin-top: 5px
}

.elementor:after {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@media (min-width: 1025px) {
    .elementor:after {
        content: "desktop"
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .elementor:after {
        content: "tablet"
    }
}

@media (max-width: 767px) {
    .elementor:after {
        content: "mobile"
    }
}

.elementor-section {
    position: relative
}

.elementor-section .elementor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px
}

.elementor-section.elementor-section-stretched {
    position: relative;
    width: 100%
}

.elementor-section.elementor-section-items-top > .elementor-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.elementor-section.elementor-section-items-middle > .elementor-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-section.elementor-section-items-bottom > .elementor-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width: 768px) {
    .elementor-section.elementor-section-height-full {
        height: 100vh
    }

    .elementor-section.elementor-section-height-full > .elementor-container {
        height: 100%
    }
}

.elementor-section-content-top > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.elementor-section-content-middle > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-section-content-bottom > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.elementor-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .elementor-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.elementor-column-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.elementor-column-wrap, .elementor-widget-wrap {
    width: 100%;
    position: relative
}

.elementor-widget {
    position: relative
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px
}

.elementor-column {
    position: relative;
    min-height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 5px
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 10px
}

.elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 15px
}

.elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 20px
}

.elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 30px
}

.elementor-inner-section .elementor-column-gap-no .elementor-element-populated {
    padding: 0
}

@media (min-width: 768px) {
    .elementor-column.elementor-col-10, .elementor-column[data-col="10"] {
        width: 10%
    }

    .elementor-column.elementor-col-11, .elementor-column[data-col="11"] {
        width: 11.111%
    }

    .elementor-column.elementor-col-12, .elementor-column[data-col="12"] {
        width: 12.5%
    }

    .elementor-column.elementor-col-14, .elementor-column[data-col="14"] {
        width: 14.285%
    }

    .elementor-column.elementor-col-16, .elementor-column[data-col="16"] {
        width: 16.666%
    }

    .elementor-column.elementor-col-20, .elementor-column[data-col="20"] {
        width: 20%
    }

    .elementor-column.elementor-col-25, .elementor-column[data-col="25"] {
        width: 25%
    }

    .elementor-column.elementor-col-30, .elementor-column[data-col="30"] {
        width: 30%
    }

    .elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
        width: 33.333%
    }

    .elementor-column.elementor-col-40, .elementor-column[data-col="40"] {
        width: 40%
    }

    .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
        width: 50%
    }

    .elementor-column.elementor-col-60, .elementor-column[data-col="60"] {
        width: 60%
    }

    .elementor-column.elementor-col-66, .elementor-column[data-col="66"] {
        width: 66.666%
    }

    .elementor-column.elementor-col-70, .elementor-column[data-col="70"] {
        width: 70%
    }

    .elementor-column.elementor-col-75, .elementor-column[data-col="75"] {
        width: 75%
    }

    .elementor-column.elementor-col-80, .elementor-column[data-col="80"] {
        width: 80%
    }

    .elementor-column.elementor-col-83, .elementor-column[data-col="83"] {
        width: 83.333%
    }

    .elementor-column.elementor-col-90, .elementor-column[data-col="90"] {
        width: 90%
    }

    .elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
        width: 100%
    }
}

@media (max-width: 479px) {
    .elementor-column.elementor-xs-10 {
        width: 10%
    }

    .elementor-column.elementor-xs-11 {
        width: 11.111%
    }

    .elementor-column.elementor-xs-12 {
        width: 12.5%
    }

    .elementor-column.elementor-xs-14 {
        width: 14.285%
    }

    .elementor-column.elementor-xs-16 {
        width: 16.666%
    }

    .elementor-column.elementor-xs-20 {
        width: 20%
    }

    .elementor-column.elementor-xs-25 {
        width: 25%
    }

    .elementor-column.elementor-xs-30 {
        width: 30%
    }

    .elementor-column.elementor-xs-33 {
        width: 33.333%
    }

    .elementor-column.elementor-xs-40 {
        width: 40%
    }

    .elementor-column.elementor-xs-50 {
        width: 50%
    }

    .elementor-column.elementor-xs-60 {
        width: 60%
    }

    .elementor-column.elementor-xs-66 {
        width: 66.666%
    }

    .elementor-column.elementor-xs-70 {
        width: 70%
    }

    .elementor-column.elementor-xs-75 {
        width: 75%
    }

    .elementor-column.elementor-xs-80 {
        width: 80%
    }

    .elementor-column.elementor-xs-83 {
        width: 83.333%
    }

    .elementor-column.elementor-xs-90 {
        width: 90%
    }

    .elementor-column.elementor-xs-100 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .elementor-column.elementor-sm-10 {
        width: 10%
    }

    .elementor-column.elementor-sm-11 {
        width: 11.111%
    }

    .elementor-column.elementor-sm-12 {
        width: 12.5%
    }

    .elementor-column.elementor-sm-14 {
        width: 14.285%
    }

    .elementor-column.elementor-sm-16 {
        width: 16.666%
    }

    .elementor-column.elementor-sm-20 {
        width: 20%
    }

    .elementor-column.elementor-sm-25 {
        width: 25%
    }

    .elementor-column.elementor-sm-30 {
        width: 30%
    }

    .elementor-column.elementor-sm-33 {
        width: 33.333%
    }

    .elementor-column.elementor-sm-40 {
        width: 40%
    }

    .elementor-column.elementor-sm-50 {
        width: 50%
    }

    .elementor-column.elementor-sm-60 {
        width: 60%
    }

    .elementor-column.elementor-sm-66 {
        width: 66.666%
    }

    .elementor-column.elementor-sm-70 {
        width: 70%
    }

    .elementor-column.elementor-sm-75 {
        width: 75%
    }

    .elementor-column.elementor-sm-80 {
        width: 80%
    }

    .elementor-column.elementor-sm-83 {
        width: 83.333%
    }

    .elementor-column.elementor-sm-90 {
        width: 90%
    }

    .elementor-column.elementor-sm-100 {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-column.elementor-md-10 {
        width: 10%
    }

    .elementor-column.elementor-md-11 {
        width: 11.111%
    }

    .elementor-column.elementor-md-12 {
        width: 12.5%
    }

    .elementor-column.elementor-md-14 {
        width: 14.285%
    }

    .elementor-column.elementor-md-16 {
        width: 16.666%
    }

    .elementor-column.elementor-md-20 {
        width: 20%
    }

    .elementor-column.elementor-md-25 {
        width: 25%
    }

    .elementor-column.elementor-md-30 {
        width: 30%
    }

    .elementor-column.elementor-md-33 {
        width: 33.333%
    }

    .elementor-column.elementor-md-40 {
        width: 40%
    }

    .elementor-column.elementor-md-50 {
        width: 50%
    }

    .elementor-column.elementor-md-60 {
        width: 60%
    }

    .elementor-column.elementor-md-66 {
        width: 66.666%
    }

    .elementor-column.elementor-md-70 {
        width: 70%
    }

    .elementor-column.elementor-md-75 {
        width: 75%
    }

    .elementor-column.elementor-md-80 {
        width: 80%
    }

    .elementor-column.elementor-md-83 {
        width: 83.333%
    }

    .elementor-column.elementor-md-90 {
        width: 90%
    }

    .elementor-column.elementor-md-100 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .elementor-column {
        width: 100%
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

ul.elementor-icon-list-items.elementor-inline-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item {
    word-break: break-word
}

.elementor-grid {
    display: -ms-grid;
    display: grid
}

.elementor-grid .elementor-grid-item {
    word-break: break-word
}

.elementor-grid-1 .elementor-grid {
    -ms-grid-columns:(1fr) [ 1 ];
    grid-template-columns: repeat(1, 1fr)
}

.elementor-grid-2 .elementor-grid {
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns: repeat(2, 1fr)
}

.elementor-grid-3 .elementor-grid {
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns: repeat(3, 1fr)
}

.elementor-grid-4 .elementor-grid {
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns: repeat(4, 1fr)
}

.elementor-grid-5 .elementor-grid {
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns: repeat(5, 1fr)
}

.elementor-grid-6 .elementor-grid {
    -ms-grid-columns:(1fr) [ 6 ];
    grid-template-columns: repeat(6, 1fr)
}

.elementor-grid-7 .elementor-grid {
    -ms-grid-columns:(1fr) [ 7 ];
    grid-template-columns: repeat(7, 1fr)
}

.elementor-grid-8 .elementor-grid {
    -ms-grid-columns:(1fr) [ 8 ];
    grid-template-columns: repeat(8, 1fr)
}

.elementor-grid-9 .elementor-grid {
    -ms-grid-columns:(1fr) [ 9 ];
    grid-template-columns: repeat(9, 1fr)
}

.elementor-grid-10 .elementor-grid {
    -ms-grid-columns:(1fr) [ 10 ];
    grid-template-columns: repeat(10, 1fr)
}

.elementor-grid-11 .elementor-grid {
    -ms-grid-columns:(1fr) [ 11 ];
    grid-template-columns: repeat(11, 1fr)
}

.elementor-grid-12 .elementor-grid {
    -ms-grid-columns:(1fr) [ 12 ];
    grid-template-columns: repeat(12, 1fr)
}

@media (max-width: 1024px) {
    .elementor-grid-tablet-1 .elementor-grid {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns: repeat(1, 1fr)
    }

    .elementor-grid-tablet-2 .elementor-grid {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr)
    }

    .elementor-grid-tablet-3 .elementor-grid {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr)
    }

    .elementor-grid-tablet-4 .elementor-grid {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns: repeat(4, 1fr)
    }

    .elementor-grid-tablet-5 .elementor-grid {
        -ms-grid-columns:(1fr) [ 5 ];
        grid-template-columns: repeat(5, 1fr)
    }

    .elementor-grid-tablet-6 .elementor-grid {
        -ms-grid-columns:(1fr) [ 6 ];
        grid-template-columns: repeat(6, 1fr)
    }

    .elementor-grid-tablet-7 .elementor-grid {
        -ms-grid-columns:(1fr) [ 7 ];
        grid-template-columns: repeat(7, 1fr)
    }

    .elementor-grid-tablet-8 .elementor-grid {
        -ms-grid-columns:(1fr) [ 8 ];
        grid-template-columns: repeat(8, 1fr)
    }

    .elementor-grid-tablet-9 .elementor-grid {
        -ms-grid-columns:(1fr) [ 9 ];
        grid-template-columns: repeat(9, 1fr)
    }

    .elementor-grid-tablet-10 .elementor-grid {
        -ms-grid-columns:(1fr) [ 10 ];
        grid-template-columns: repeat(10, 1fr)
    }

    .elementor-grid-tablet-11 .elementor-grid {
        -ms-grid-columns:(1fr) [ 11 ];
        grid-template-columns: repeat(11, 1fr)
    }

    .elementor-grid-tablet-12 .elementor-grid {
        -ms-grid-columns:(1fr) [ 12 ];
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 767px) {
    .elementor-grid-mobile-1 .elementor-grid {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns: repeat(1, 1fr)
    }

    .elementor-grid-mobile-2 .elementor-grid {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr)
    }

    .elementor-grid-mobile-3 .elementor-grid {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr)
    }

    .elementor-grid-mobile-4 .elementor-grid {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns: repeat(4, 1fr)
    }

    .elementor-grid-mobile-5 .elementor-grid {
        -ms-grid-columns:(1fr) [ 5 ];
        grid-template-columns: repeat(5, 1fr)
    }

    .elementor-grid-mobile-6 .elementor-grid {
        -ms-grid-columns:(1fr) [ 6 ];
        grid-template-columns: repeat(6, 1fr)
    }

    .elementor-grid-mobile-7 .elementor-grid {
        -ms-grid-columns:(1fr) [ 7 ];
        grid-template-columns: repeat(7, 1fr)
    }

    .elementor-grid-mobile-8 .elementor-grid {
        -ms-grid-columns:(1fr) [ 8 ];
        grid-template-columns: repeat(8, 1fr)
    }

    .elementor-grid-mobile-9 .elementor-grid {
        -ms-grid-columns:(1fr) [ 9 ];
        grid-template-columns: repeat(9, 1fr)
    }

    .elementor-grid-mobile-10 .elementor-grid {
        -ms-grid-columns:(1fr) [ 10 ];
        grid-template-columns: repeat(10, 1fr)
    }

    .elementor-grid-mobile-11 .elementor-grid {
        -ms-grid-columns:(1fr) [ 11 ];
        grid-template-columns: repeat(11, 1fr)
    }

    .elementor-grid-mobile-12 .elementor-grid {
        -ms-grid-columns:(1fr) [ 12 ];
        grid-template-columns: repeat(12, 1fr)
    }
}

.elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.elementor-clearfix:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0
}

.elementor-form-fields-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.elementor-form-fields-wrapper.elementor-labels-above > .elementor-field-group .elementor-field-subgroup, .elementor-form-fields-wrapper.elementor-labels-above > .elementor-field-group > .elementor-select-wrapper, .elementor-form-fields-wrapper.elementor-labels-above > .elementor-field-group > input, .elementor-form-fields-wrapper.elementor-labels-above > .elementor-field-group > textarea {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.elementor-form-fields-wrapper.elementor-labels-inline > .elementor-field-group .elementor-select-wrapper, .elementor-form-fields-wrapper.elementor-labels-inline > .elementor-field-group > input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.elementor-field-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.elementor-field-group.elementor-field-type-submit {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.elementor-field-group .elementor-field-textual {
    width: 100%;
    border: 1px solid #818a91;
    background-color: transparent;
    color: #373a3c;
    vertical-align: middle;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.elementor-field-group .elementor-field-textual:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    outline: 0
}

.elementor-field-group .elementor-field-textual::-webkit-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual:-ms-input-placeholder, .elementor-field-group .elementor-field-textual::-ms-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual::-webkit-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual:-ms-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual::-webkit-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual:-ms-input-placeholder, .elementor-field-group .elementor-field-textual::-ms-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual::-webkit-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual::-moz-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual:-ms-input-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-field-textual::placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.elementor-field-group .elementor-select-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.elementor-field-group .elementor-select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-left: 20px
}

.elementor-field-group .elementor-select-wrapper:before {
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    pointer-events: none
}

.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before {
    content: ""
}

.elementor-field-subgroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.elementor-field-subgroup .elementor-field-option label {
    display: inline-block
}

.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    padding-left: 10px
}

.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.elementor-field-label {
    cursor: pointer
}

.elementor-mark-required .elementor-field-label:after {
    content: "*";
    color: red;
    padding-right: .2em
}

.elementor-field-textual {
    line-height: 1.4
}

.elementor-field-textual.elementor-size-xs {
    font-size: 13px;
    min-height: 33px;
    padding: 4px 12px;
    border-radius: 2px
}

.elementor-field-textual.elementor-size-sm {
    font-size: 15px;
    min-height: 40px;
    padding: 5px 14px;
    border-radius: 3px
}

.elementor-field-textual.elementor-size-md {
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
    border-radius: 4px
}

.elementor-field-textual.elementor-size-lg {
    font-size: 18px;
    min-height: 59px;
    padding: 7px 20px;
    border-radius: 5px
}

.elementor-field-textual.elementor-size-xl {
    font-size: 20px;
    min-height: 72px;
    padding: 8px 24px;
    border-radius: 6px
}

.elementor-button-align-center .elementor-field-type-submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-button-align-stretch .elementor-field-type-submit button {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.elementor-button-align-start .elementor-field-type-submit {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.elementor-button-align-end .elementor-field-type-submit {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 1024px) {
    .elementor-tablet-button-align-center .elementor-field-type-submit {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-tablet-button-align-stretch .elementor-field-type-submit button {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .elementor-tablet-button-align-start .elementor-field-type-submit {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-tablet-button-align-end .elementor-field-type-submit {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width: 767px) {
    .elementor-mobile-button-align-center .elementor-field-type-submit {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-mobile-button-align-stretch .elementor-field-type-submit button {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .elementor-mobile-button-align-start .elementor-field-type-submit {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-mobile-button-align-end .elementor-field-type-submit {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.elementor-error .elementor-field {
    border-color: #d9534f
}

.elementor-error .help-inline {
    color: #d9534f;
    font-size: .9em
}

.elementor-message {
    margin: 10px 0;
    font-size: 1em;
    line-height: 1
}

.elementor-message:before {
    content: "\f00c";
    display: inline-block;
    font-family: fontawesome;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    margin-right: 5px
}

.elementor-message.elementor-message-danger {
    color: #d9534f
}

.elementor-message.elementor-message-danger:before {
    content: "\f00d"
}

.elementor-message.form-message-success {
    color: #5cb85c
}

.elementor-form .elementor-button {
    padding-top: 0;
    padding-bottom: 0;
    border: 0 none
}

.elementor-form .elementor-button > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-form .elementor-button .elementor-align-icon-right {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.elementor-form .elementor-button .elementor-align-icon-left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.elementor-form .elementor-button.elementor-size-xs {
    min-height: 33px
}

.elementor-form .elementor-button.elementor-size-sm {
    min-height: 40px
}

.elementor-form .elementor-button.elementor-size-md {
    min-height: 47px
}

.elementor-form .elementor-button.elementor-size-lg {
    min-height: 59px
}

.elementor-form .elementor-button.elementor-size-xl {
    min-height: 72px
}

.elementor-accordion {
    text-align: right
}

.elementor-accordion .elementor-accordion-item {
    border: 1px solid #d4d4d4
}

.elementor-accordion .elementor-accordion-item + .elementor-accordion-item {
    border-top: none
}

.elementor-accordion .elementor-tab-title {
    margin: 0;
    padding: 15px 20px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    outline: 0
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    display: inline-block;
    width: 1.5em
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right {
    float: right;
    text-align: right
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
    float: left;
    text-align: left
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed {
    display: block
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened, .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed {
    display: none
}

.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
    display: block
}

.elementor-accordion .elementor-tab-content {
    display: none;
    padding: 15px 20px;
    border-top: 1px solid #d4d4d4
}

@media (max-width: 767px) {
    .elementor-accordion .elementor-tab-title {
        padding: 12px 15px
    }

    .elementor-accordion .elementor-tab-title .elementor-accordion-icon {
        width: 1.2em
    }

    .elementor-accordion .elementor-tab-content {
        padding: 7px 15px
    }
}

.elementor-alert {
    padding: 15px;
    border-left: 5px solid transparent;
    position: relative;
    text-align: right
}

.elementor-alert .elementor-alert-title {
    display: block;
    font-weight: 700
}

.elementor-alert .elementor-alert-description {
    font-size: 13px
}

.elementor-alert button.elementor-alert-dismiss {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 3px;
    font-size: 20px;
    line-height: 1;
    background: 0 0;
    color: inherit;
    border: none;
    cursor: pointer
}

.elementor-alert.elementor-alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bcdff1
}

.elementor-alert.elementor-alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #cae6be
}

.elementor-alert.elementor-alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #f9f0c3
}

.elementor-alert.elementor-alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #e8c4c4
}

@media (max-width: 767px) {
    .elementor-alert {
        padding: 10px
    }

    .elementor-alert button.elementor-alert-dismiss {
        right: 7px;
        top: 7px
    }
}

.elementor-button {
    display: inline-block;
    line-height: 1;
    background-color: #818a91;
    color: #fff;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.elementor-button:focus, .elementor-button:hover, .elementor-button:visited {
    color: #fff;
    opacity: .9
}

.elementor-button.elementor-size-xs {
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 2px
}

.elementor-button.elementor-size-sm {
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px
}

.elementor-button.elementor-size-md {
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 4px
}

.elementor-button.elementor-size-lg {
    font-size: 18px;
    padding: 20px 40px;
    border-radius: 5px
}

.elementor-button.elementor-size-xl {
    font-size: 20px;
    padding: 25px 50px;
    border-radius: 6px
}

.elementor-button .elementor-align-icon-right {
    float: right;
    margin-left: 5px
}

.elementor-button .elementor-align-icon-left {
    float: left;
    margin-right: 5px
}

.elementor-button .elementor-button-text {
    display: inline-block
}

.elementor-button span {
    text-decoration: inherit
}

.elementor-element.elementor-button-info .elementor-button {
    background-color: #5bc0de
}

.elementor-element.elementor-button-success .elementor-button {
    background-color: #5cb85c
}

.elementor-element.elementor-button-warning .elementor-button {
    background-color: #f0ad4e
}

.elementor-element.elementor-button-danger .elementor-button {
    background-color: #d9534f
}

.elementor-widget-button .elementor-button .elementor-button-info {
    background-color: #5bc0de
}

.elementor-widget-button .elementor-button .elementor-button-success {
    background-color: #5cb85c
}

.elementor-widget-button .elementor-button .elementor-button-warning {
    background-color: #f0ad4e
}

.elementor-widget-button .elementor-button .elementor-button-danger {
    background-color: #d9534f
}

.elementor-counter .elementor-counter-number-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 69px;
    font-weight: 600;
    color: #222;
    line-height: 1
}

.elementor-counter .elementor-counter-number-prefix, .elementor-counter .elementor-counter-number-suffix {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: pre-wrap
}

.elementor-counter .elementor-counter-number-prefix {
    text-align: left
}

.elementor-counter .elementor-counter-number-suffix {
    text-align: right
}

.elementor-counter .elementor-counter-title {
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    color: #666;
    line-height: 2.5
}

.elementor-widget-divider .elementor-divider {
    line-height: 0;
    font-size: 0
}

.elementor-widget-divider .elementor-divider-separator {
    display: inline-block
}

.elementor-image-gallery .gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.elementor-image-gallery .gallery-item img {
    margin: 0 auto
}

.elementor-image-gallery .gallery-item .gallery-caption {
    margin: 0
}

@media (min-width: 768px) {
    .elementor-image-gallery .gallery-columns-2 .gallery-item {
        max-width: 50%
    }

    .elementor-image-gallery .gallery-columns-3 .gallery-item {
        max-width: 33.33%
    }

    .elementor-image-gallery .gallery-columns-4 .gallery-item {
        max-width: 25%
    }

    .elementor-image-gallery .gallery-columns-5 .gallery-item {
        max-width: 20%
    }

    .elementor-image-gallery .gallery-columns-6 .gallery-item {
        max-width: 16.666%
    }

    .elementor-image-gallery .gallery-columns-7 .gallery-item {
        max-width: 14.28%
    }

    .elementor-image-gallery .gallery-columns-8 .gallery-item {
        max-width: 12.5%
    }

    .elementor-image-gallery .gallery-columns-9 .gallery-item {
        max-width: 11.11%
    }

    .elementor-image-gallery .gallery-columns-10 .gallery-item {
        max-width: 10%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .elementor-image-gallery .gallery.gallery-columns-10 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-2 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-6 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-7 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-8 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-9 .gallery-item {
        max-width: 50%
    }
}

@media (max-width: 479px) {
    .elementor-image-gallery .gallery.gallery-columns-10 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-2 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-6 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-7 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-8 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-9 .gallery-item {
        max-width: 100%
    }
}

.elementor-widget-google_maps iframe {
    height: 300px
}

.elementor-widget-heading .elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1
}

.elementor-widget-heading .elementor-heading-title > a {
    color: inherit;
    font-size: inherit
}

.elementor-widget-heading .elementor-heading-title.elementor-size-small {
    font-size: 15px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-medium {
    font-size: 19px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 29px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
    font-size: 39px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 59px
}

.elementor-icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #818a91;
    font-size: 50px;
    text-align: center
}

.elementor-icon:hover {
    color: #818a91
}

.elementor-icon i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block
}

.elementor-icon i:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.elementor-view-stacked .elementor-icon {
    padding: .5em;
    background-color: #818a91;
    color: #fff
}

.elementor-view-framed .elementor-icon {
    padding: .5em;
    color: #818a91;
    border: 3px solid #818a91;
    background-color: transparent
}

.elementor-shape-circle .elementor-icon {
    border-radius: 50%
}

@media (min-width: 768px) {
    .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
        text-align: right;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .elementor-widget-icon-box.elementor-position-top .elementor-icon-box-img {
        margin: auto
    }

    .elementor-widget-icon-box.elementor-vertical-align-top .elementor-icon-box-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .elementor-widget-icon-box.elementor-vertical-align-middle .elementor-icon-box-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .elementor-widget-icon-box.elementor-vertical-align-bottom .elementor-icon-box-wrapper {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (max-width: 767px) {
    .elementor-widget-icon-box .elementor-icon-box-icon {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 15px
    }
}

.elementor-widget-icon-box .elementor-icon-box-wrapper {
    text-align: center
}

.elementor-widget-icon-box .elementor-icon-box-title a {
    color: inherit
}

.elementor-widget-icon-box .elementor-icon-box-description {
    margin: 0
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items {
    margin-right: -8px;
    margin-left: -8px
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
    margin-right: 8px;
    margin-left: 8px
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after {
    width: auto;
    left: auto;
    right: auto;
    position: relative;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-left-width: 1px;
    border-style: solid;
    left: -8px
}

.elementor-widget .elementor-icon-list-items {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.elementor-widget .elementor-icon-list-item {
    margin: 0;
    padding: 0;
    position: relative
}

.elementor-widget .elementor-icon-list-item:after {
    position: absolute;
    bottom: 0;
    width: 100%
}

.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.elementor-widget .elementor-icon-list-item a {
    width: 100%
}

.elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-right: 5px
}

.elementor-widget .elementor-icon-list-icon {
    text-align: center
}

.elementor-widget.elementor-align-center .elementor-icon-list-item, .elementor-widget.elementor-align-center .elementor-icon-list-item a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-widget.elementor-align-center .elementor-icon-list-item:after {
    margin: auto
}

.elementor-widget.elementor-align-center .elementor-inline-items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-widget.elementor-align-left .elementor-icon-list-item, .elementor-widget.elementor-align-left .elementor-icon-list-item a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left
}

.elementor-widget.elementor-align-left .elementor-inline-items {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.elementor-widget.elementor-align-right .elementor-icon-list-item, .elementor-widget.elementor-align-right .elementor-icon-list-item a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: right
}

.elementor-widget.elementor-align-right .elementor-icon-list-items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after {
    right: 0
}

.elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after {
    left: 0
}

@media (max-width: 1024px) {
    .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a, .elementor-widget.elementor-tablet-align-center .elementor-icon-list-items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after {
        margin: auto
    }

    .elementor-widget.elementor-tablet-align-left .elementor-icon-list-items {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item a {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: left
    }

    .elementor-widget.elementor-tablet-align-right .elementor-icon-list-items {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: right
    }

    .elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after {
        right: 0
    }

    .elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after {
        left: 0
    }
}

@media (max-width: 767px) {
    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a, .elementor-widget.elementor-mobile-align-center .elementor-icon-list-items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after {
        margin: auto
    }

    .elementor-widget.elementor-mobile-align-left .elementor-icon-list-items {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item a {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: left
    }

    .elementor-widget.elementor-mobile-align-right .elementor-icon-list-items {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: right
    }

    .elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after {
        right: 0
    }

    .elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after {
        left: 0
    }
}

.elementor-widget-image {
    text-align: center
}

.elementor-widget-image .elementor-image figure > a, .elementor-widget-image .elementor-image > a {
    display: block
}

.elementor-widget-image .elementor-image img {
    vertical-align: middle;
    display: inline-block
}

.elementor-widget-image .elementor-image.elementor-image-shape-circle {
    border-radius: 50%
}

.elementor-widget-image-box .elementor-image-box-content {
    width: 100%
}

@media (min-width: 768px) {
    .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper, .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper {
        text-align: right;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .elementor-widget-image-box.elementor-position-top .elementor-image-box-img {
        margin: auto
    }

    .elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (max-width: 767px) {
    .elementor-widget-image-box .elementor-image-box-img {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 15px
    }
}

.elementor-widget-image-box .elementor-image-box-img {
    display: inline-block
}

.elementor-widget-image-box .elementor-image-box-title a {
    color: inherit
}

.elementor-widget-image-box .elementor-image-box-wrapper {
    text-align: center
}

.elementor-widget-image-box .elementor-image-box-description {
    margin: 0
}

.elementor-image-carousel-wrapper .slick-image-stretch .slick-slide .slick-slide-image {
    width: 100%
}

.elementor-image-gallery figure img {
    display: block
}

.elementor-image-gallery figure figcaption {
    width: 100%
}

.gallery-spacing-custom .elementor-image-gallery .gallery-icon {
    padding: 0
}

.swiper-container .swiper-slide figure {
    line-height: 0
}

.swiper-container .swiper-slide figure img {
    width: 100%
}

body.elementor-page .elementor-widget-menu-anchor {
    margin-bottom: 0
}

.elementor-widget-progress {
    text-align: right
}

.elementor-progress-wrapper {
    position: relative;
    background-color: #eee;
    color: #fff;
    height: 30px;
    line-height: 30px;
    border-radius: 2px
}

.elementor-progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #818a91;
    width: 0;
    font-size: 11px;
    border-radius: 2px;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out
}

.elementor-progress-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px
}

.elementor-progress-percentage {
    padding-left: 15px
}

.elementor-widget-progress .elementor-progress-wrapper.progress-info .elementor-progress-bar {
    background-color: #5bc0de
}

.elementor-widget-progress .elementor-progress-wrapper.progress-success .elementor-progress-bar {
    background-color: #5cb85c
}

.elementor-widget-progress .elementor-progress-wrapper.progress-warning .elementor-progress-bar {
    background-color: #f0ad4e
}

.elementor-widget-progress .elementor-progress-wrapper.progress-danger .elementor-progress-bar {
    background-color: #d9534f
}

.elementor-progress .elementor-title {
    display: block
}

@media (max-width: 767px) {
    .elementor-progress-wrapper {
        height: 25px;
        line-height: 25px
    }

    .elementor-progress-text {
        padding-right: 10px
    }
}

.elementor-social-icons-wrapper {
    font-size: 0
}

.elementor-social-icon {
    font-size: 25px;
    text-align: center;
    padding: .5em;
    margin-left: 5px;
    cursor: pointer
}

.elementor-social-icon i {
    color: #fff
}

.elementor-social-icon:last-child {
    margin: 0
}

.elementor-social-icon:hover {
    opacity: .9;
    color: #fff
}

.elementor-social-icon-android {
    background-color: #a4c639
}

.elementor-social-icon-apple {
    background-color: #999
}

.elementor-social-icon-behance {
    background-color: #1769ff
}

.elementor-social-icon-bitbucket {
    background-color: #205081
}

.elementor-social-icon-codepen {
    background-color: #000
}

.elementor-social-icon-delicious {
    background-color: #39f
}

.elementor-social-icon-digg {
    background-color: #005be2
}

.elementor-social-icon-dribbble {
    background-color: #ea4c89
}

.elementor-social-icon-envelope {
    background-color: #ea4335
}

.elementor-social-icon-facebook {
    background-color: #3b5998
}

.elementor-social-icon-flickr {
    background-color: #0063dc
}

.elementor-social-icon-foursquare {
    background-color: #2d5be3
}

.elementor-social-icon-github {
    background-color: #333
}

.elementor-social-icon-google-plus {
    background-color: #dd4b39
}

.elementor-social-icon-houzz {
    background-color: #7ac142
}

.elementor-social-icon-instagram {
    background-color: #262626
}

.elementor-social-icon-jsfiddle {
    background-color: #487aa2
}

.elementor-social-icon-linkedin {
    background-color: #0077b5
}

.elementor-social-icon-medium {
    background-color: #00ab6b
}

.elementor-social-icon-odnoklassniki {
    background-color: #f4731c
}

.elementor-social-icon-meetup {
    background-color: #ec1c40
}

.elementor-social-icon-pinterest {
    background-color: #bd081c
}

.elementor-social-icon-product-hunt {
    background-color: #da552f
}

.elementor-social-icon-reddit {
    background-color: #ff4500
}

.elementor-social-icon-rss {
    background-color: #f26522
}

.elementor-social-icon-shopping-cart {
    background-color: #4caf50
}

.elementor-social-icon-skype {
    background-color: #00aff0
}

.elementor-social-icon-slideshare {
    background-color: #0077b5
}

.elementor-social-icon-snapchat {
    background-color: #fffc00
}

.elementor-social-icon-soundcloud {
    background-color: #f80
}

.elementor-social-icon-spotify {
    background-color: #2ebd59
}

.elementor-social-icon-stack-overflow {
    background-color: #fe7a15
}

.elementor-social-icon-steam {
    background-color: #00adee
}

.elementor-social-icon-stumbleupon {
    background-color: #eb4924
}

.elementor-social-icon-telegram {
    background-color: #2ca5e0
}

.elementor-social-icon-thumb-tack {
    background-color: #1aa1d8
}

.elementor-social-icon-tripadvisor {
    background-color: #589442
}

.elementor-social-icon-tumblr {
    background-color: #35465c
}

.elementor-social-icon-twitch {
    background-color: #6441a5
}

.elementor-social-icon-twitter {
    background-color: #1da1f2
}

.elementor-social-icon-vimeo {
    background-color: #1ab7ea
}

.elementor-social-icon-vk {
    background-color: #45668e
}

.elementor-social-icon-weibo {
    background-color: #df2029
}

.elementor-social-icon-weixin {
    background-color: #7bb32e
}

.elementor-social-icon-whatsapp {
    background-color: #25d366
}

.elementor-social-icon-wordpress {
    background-color: #21759b
}

.elementor-social-icon-xing {
    background-color: #026466
}

.elementor-social-icon-yelp {
    background-color: #af0606
}

.elementor-social-icon-youtube {
    background-color: #cd201f
}

.elementor-social-icon-500px {
    background-color: #0099e5
}

.elementor-shape-rounded .elementor-icon.elementor-social-icon {
    border-radius: 10%
}

.elementor-shape-circle .elementor-icon.elementor-social-icon {
    border-radius: 50%
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper {
    width: 25%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active {
    border-left-style: none
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:after, .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:before {
    height: 999em;
    width: 0;
    left: 0;
    border-left-style: solid
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:before {
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:after {
    top: 100%
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
    display: table-cell
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {
    border-bottom-style: none
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after, .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before {
    bottom: 0;
    height: 0;
    width: 999em;
    border-bottom-style: solid
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before {
    right: 100%
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after {
    left: 100%
}

.elementor-widget-tabs .elementor-tab-content, .elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title:after, .elementor-widget-tabs .elementor-tab-title:before, .elementor-widget-tabs .elementor-tabs-content-wrapper {
    border: 1px none #d4d4d4
}

.elementor-widget-tabs .elementor-tabs {
    text-align: right
}

.elementor-widget-tabs .elementor-tabs-wrapper {
    overflow: hidden
}

.elementor-widget-tabs .elementor-tab-title {
    cursor: pointer;
    outline: 0
}

.elementor-widget-tabs .elementor-tab-desktop-title {
    position: relative;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 1;
    border: solid transparent
}

.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
    border-color: #d4d4d4
}

.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:after, .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:before {
    display: block;
    content: "";
    position: absolute
}

.elementor-widget-tabs .elementor-tab-mobile-title {
    padding: 10px;
    cursor: pointer
}

.elementor-widget-tabs .elementor-tab-content {
    padding: 20px;
    display: none
}

@media (max-width: 767px) {
    .elementor-tabs .elementor-tab-content, .elementor-tabs .elementor-tab-title {
        border-style: solid;
        border-bottom-style: none
    }

    .elementor-tabs .elementor-tabs-wrapper {
        display: none
    }

    .elementor-tabs .elementor-tabs-content-wrapper {
        border-bottom-style: solid
    }

    .elementor-tabs .elementor-tab-content {
        padding: 10px
    }
}

@media (min-width: 768px) {
    .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-style: solid;
        border-right-style: none
    }

    .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content {
        border-style: solid;
        border-top-style: none
    }

    .elementor-tabs .elementor-tab-mobile-title {
        display: none
    }
}

.elementor-testimonial-wrapper {
    overflow: hidden;
    text-align: center
}

.elementor-testimonial-wrapper .elementor-testimonial-content {
    font-size: 1.3em;
    margin-bottom: 20px
}

.elementor-testimonial-wrapper .elementor-testimonial-name {
    line-height: 1.5;
    color: inherit
}

.elementor-testimonial-wrapper .elementor-testimonial-job {
    font-size: .85em;
    color: inherit
}

.elementor-testimonial-wrapper.elementor-testimonial-text-align-left {
    text-align: left
}

.elementor-testimonial-wrapper.elementor-testimonial-text-align-right {
    text-align: right
}

.elementor-testimonial-wrapper .elementor-testimonial-meta {
    width: 100%;
    line-height: 1
}

.elementor-testimonial-wrapper .elementor-testimonial-meta-inner {
    display: inline-block
}

.elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-details, .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image {
    display: table-cell;
    vertical-align: middle
}

.elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-image {
    padding-left: 15px
}

.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-details {
    text-align: right
}

.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-details, .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-image {
    display: block
}

.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-image {
    margin-bottom: 20px
}

.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap {
    background-color: #818a91;
    color: #fff
}

.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap {
    color: #818a91;
    border: 3px solid;
    background-color: transparent
}

.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap {
    margin-top: 8px
}

.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter {
    width: 1em;
    height: 1em
}

.elementor-widget-text-editor .elementor-drop-cap {
    float: right;
    text-align: center;
    line-height: 1;
    font-size: 50px
}

.elementor-widget-text-editor .elementor-drop-cap-letter {
    display: inline-block
}

.elementor-toggle {
    text-align: right
}

.elementor-toggle .elementor-tab-title {
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #d4d4d4;
    cursor: pointer;
    outline: 0
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon {
    display: inline-block;
    width: 1em
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right {
    float: right;
    text-align: right
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left {
    float: left;
    text-align: left
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed {
    display: block
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-opened {
    display: none
}

.elementor-toggle .elementor-tab-title.elementor-active {
    border-bottom: none
}

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-closed {
    display: none
}

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened {
    display: block
}

.elementor-toggle .elementor-tab-content {
    padding: 15px;
    border-bottom: 1px solid #d4d4d4;
    display: none
}

@media (max-width: 767px) {
    .elementor-toggle .elementor-tab-title {
        padding: 12px
    }

    .elementor-toggle .elementor-tab-content {
        padding: 12px 10px
    }
}

.elementor-widget-video .elementor-widget-container {
    overflow: hidden
}

.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%
}

.elementor-widget-video .elementor-custom-embed-image-overlay {
    cursor: pointer;
    text-align: center
}

.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i {
    opacity: 1
}

.elementor-widget-video .elementor-custom-embed-image-overlay img {
    display: block;
    width: 100%
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

.elementor-slick-slider[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.elementor-slick-slider .slick-loading .slick-list {
    background: #fff
}

.elementor-slick-slider .slick-loading .slick-list:after {
    content: "\f1ce";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-size: 25px;
    color: #a4afb7
}

.elementor-slick-slider .slick-next, .elementor-slick-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.elementor-slick-slider .slick-next:focus, .elementor-slick-slider .slick-next:hover, .elementor-slick-slider .slick-prev:focus, .elementor-slick-slider .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.elementor-slick-slider .slick-next:focus:before, .elementor-slick-slider .slick-next:hover:before, .elementor-slick-slider .slick-prev:focus:before, .elementor-slick-slider .slick-prev:hover:before {
    opacity: 1
}

.elementor-slick-slider .slick-next.slick-disabled:before, .elementor-slick-slider .slick-prev.slick-disabled:before {
    opacity: .25
}

.elementor-slick-slider .slick-next:before, .elementor-slick-slider .slick-prev:before {
    font-family: FontAwesome;
    font-size: 35px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.elementor-slick-slider .slick-prev {
    left: -25px
}

[dir=rtl] .elementor-slick-slider .slick-prev {
    left: auto;
    right: -25px
}

.elementor-slick-slider .slick-prev:before {
    content: "\f104"
}

[dir=rtl] .elementor-slick-slider .slick-prev:before {
    content: "\f105"
}

.elementor-slick-slider .slick-next {
    right: -25px
}

[dir=rtl] .elementor-slick-slider .slick-next {
    left: -25px;
    right: auto
}

.elementor-slick-slider .slick-next:before {
    content: "\f105"
}

[dir=rtl] .elementor-slick-slider .slick-next:before {
    content: "\f104"
}

.elementor-slick-slider .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.elementor-slick-slider ul.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.elementor-slick-slider ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.elementor-slick-slider ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.elementor-slick-slider ul.slick-dots li button:focus, .elementor-slick-slider ul.slick-dots li button:hover {
    outline: 0
}

.elementor-slick-slider ul.slick-dots li button:focus:before, .elementor-slick-slider ul.slick-dots li button:hover:before {
    opacity: 1
}

.elementor-slick-slider ul.slick-dots li button:before {
    font-family: FontAwesome;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "\f111";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.elementor-slick-slider ul.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.elementor-slick-slider .slick-arrows-inside .slick-prev {
    left: 20px
}

[dir=rtl] .elementor-slick-slider .slick-arrows-inside .slick-prev {
    left: auto;
    right: 20px
}

.elementor-slick-slider .slick-arrows-inside .slick-next {
    right: 20px
}

[dir=rtl] .elementor-slick-slider .slick-arrows-inside .slick-next {
    left: 20px;
    right: auto
}

.elementor-slick-slider .slick-dots-inside .slick-dots {
    bottom: 5px
}

.elementor-slick-slider .slick-dots-inside.slick-dotted.slick-slider {
    margin-bottom: 0
}

.elementor-slick-slider .slick-slider .slick-next, .elementor-slick-slider .slick-slider .slick-prev {
    z-index: 1
}

.elementor-slick-slider .slick-slide img {
    margin: auto
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background: no-repeat 50%
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

.swiper-pagination-fraction {
    color: #000
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-size: 100%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E") no-repeat 50%
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.elementor-lightbox .dialog-header {
    display: none
}

.elementor-lightbox .dialog-widget-content {
    background: 0 0;
    box-shadow: none;
    width: 100%;
    height: 100%
}

.elementor-lightbox .dialog-message {
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.elementor-lightbox .dialog-message:not(.elementor-fit-aspect-ratio) {
    height: 100%
}

.elementor-lightbox .dialog-lightbox-close-button {
    cursor: pointer;
    position: absolute;
    font-size: 25px;
    padding: 5px;
    z-index: 2;
    line-height: 1
}

@media (max-width: 767px) {
    .elementor-lightbox .dialog-lightbox-close-button {
        padding: 0
    }
}

.elementor-lightbox .dialog-lightbox-close-button, .elementor-lightbox .elementor-swiper-button {
    color: rgba(237, 237, 237, .9);
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 1
}

.elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-lightbox .elementor-swiper-button:hover {
    color: #fff
}

.elementor-lightbox .swiper-container {
    height: 100%
}

.elementor-lightbox .elementor-lightbox-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 70px 80px;
    box-sizing: border-box;
    height: 100%;
    margin: auto
}

@media (max-width: 767px) {
    .elementor-lightbox .elementor-lightbox-item {
        padding: 40px
    }
}

.elementor-lightbox .elementor-lightbox-image {
    max-height: 100%
}

.elementor-lightbox .elementor-video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

@media (min-width: 1025px) {
    .elementor-lightbox .elementor-video-container {
        width: 75%
    }
}

@media (max-width: 1024px) {
    .elementor-lightbox .elementor-video-container {
        width: 100%
    }
}

.elementor-lightbox .elementor-swiper-button-prev {
    left: 35px
}

.elementor-lightbox .elementor-swiper-button-next {
    right: 35px
}

@media (max-width: 767px) {
    .elementor-lightbox .elementor-swiper-button-prev {
        left: 10px
    }

    .elementor-lightbox .elementor-swiper-button-next {
        right: 10px
    }
}

.animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}

.animated.animated-slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.animated-fast {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr
}

.elementor-shape-top {
    top: -1px
}

.elementor-shape-bottom {
    bottom: -1px
}

.elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.elementor-shape .elementor-shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

#wp-admin-bar-elementor_edit_page .ab-submenu .ab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200px
}

#wp-admin-bar-elementor_edit_page .elementor-edit-link-title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

#wp-admin-bar-elementor_edit_page .elementor-edit-link-type {
    background: #55595c;
    font-size: 11px;
    line-height: 9px;
    margin-top: 6px;
    padding: 4px 8px;
    border-radius: 3px
}

.page-template-elementor_canvas.elementor-page:before {
    display: none
}

.elementor-post__thumbnail__link {
    -webkit-transition: none;
    transition: none
}

#elementor .elementor-element ul.elementor-icon-list-items, #left-area ul.elementor-icon-list-items, .elementor .elementor-element ul.elementor-icon-list-items {
    padding: 0
}

@media (max-width: 767px) {
    .elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .elementor:not(.elementor-edit-area-active) .elementor-hidden-tablet {
        display: none
    }
}

@media (min-width: 1025px) {
    .elementor:not(.elementor-edit-area-active) .elementor-hidden-desktop {
        display: none
    }
}

html {
    font-size: 16px
}

@media only screen and (min-width: 2501px) {
    html {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    html {
        font-size: 14px
    }
}

body {
    font-family: IranYekan, tahoma, arial;
    font-size: 1rem;
    line-height: 1.7;
    color: #b3b3b3
}

body.modal-open {
    overflow: hidden
}

@media only screen and (min-width: 1051px) {
    body.modal-open {
        padding-right: 17px
    }
}

@supports (-ms-ime-align:auto) {
    @media only screen and (min-width: 1051px) {
        body.modal-open {
            padding-right: 0;
            padding-left: 17px
        }
    }
}

body.menu-open {
    overflow-y: hidden
}

@media only screen and (min-width: 1051px) {
    body.menu-open {
        padding-right: 17px
    }
}

.color-inherit, a {
    color: inherit
}

.section a:not(.btn):not(.tag):not([role=tab]) {
    color: #288ed9
}

p strong {
    font-weight: 700
}

.page {
    position: relative;
    padding-top: 7.5rem;
    direction: rtl;
    text-align: right;
    overflow-x: hidden
}

.page.page-home, .page.page-landing {
    padding-top: 0
}

.page-breadcrumb {
    padding: 0 1rem 1rem
}

@media only screen and (max-width: 800px) {
    .page {
        padding-top: 6.25rem
    }
}

.card-blog__content pre {
    padding: 15px;
    background: #f1f1f1;
    border-left: 2px solid #288ed9;
    overflow: auto;
    margin: 15px auto;
    display: block;
    direction: ltr;
    text-align: left
}

.section {
    position: relative;
    padding: 5.625rem 15px
}

@media only screen and (max-width: 800px) {
    .section {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.section--intro {
    position: relative;
    height: 100vh;
    min-height: 37.5rem;
    background: #24bddf;
    background: -webkit-gradient(left bottom, right top, color-stop(0, #24bddf), color-stop(100%, #0287ed));
    background: url("lake-shifed.jpg");
    background-size:cover
}

@media only screen and (max-width: 800px) {
    .section--intro {
        min-height: 460px
    }
}

@media only screen and (max-width: 500px) {
    .section--intro {
        min-height: 640px
    }
}

@media only screen and (max-width: 400px) {
    .section--intro {
        min-height: 580px
    }
}

.section--blue {
    color: #fff
}

.section--lowpad {
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem
}

.section--lowerpad {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem
}

.section--lowpadtop {
    padding-top: 2.5rem
}

.section--nopadtop {
    padding-top: 0
}

.section--nopadbottom {
    padding-bottom: 0
}

.section--nopadx {
    padding-left: 0;
    padding-right: 0
}

.section--nopady {
    padding-top: 0;
    padding-bottom: 0
}

.section--nopad {
    padding: 0
}

@media only screen and (max-width: 800px) {
    .section--separate {
        padding: 0 !important
    }
}

.is-ie .section--separate {
    overflow: hidden
}

.section--blue-gradient {
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#1f81ca), to(#004d86)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(180deg, #1f81ca 0, #004d86 100%) 0 0 no-repeat padding-box
}

.section--blue-gradient-light {
    background: transparent -webkit-gradient(linear, left top, right top, from(#248bd7), to(#1c85d3)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(90deg, #248bd7 0, #1c85d3 100%) 0 0 no-repeat padding-box
}

.section-wrap {
    margin: 0 auto
}

.section--xlg .section-wrap {
    max-width: 84.375rem
}

.section--lg1 .section-wrap {
    max-width: 78.125rem
}

.section--lg2 .section-wrap {
    max-width: 76.25rem
}

.section--md1 .section-wrap {
    max-width: 70.625rem
}

.section--md2 .section-wrap {
    max-width: 65.625rem
}

.section--md3 .section-wrap {
    max-width: 68.125rem
}

.section--sm1 .section-wrap {
    max-width: 56.25rem
}

.section--sm2 .section-wrap {
    max-width: 50rem
}

.section--xs1 .section-wrap {
    max-width: 40.625rem
}

.section--xs2 .section-wrap {
    max-width: 37.5rem
}

.section--xs3 .section-wrap {
    max-width: 32rem
}

.section--xxs .section-wrap {
    max-width: 25rem
}

.section--intro .section-wrap {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

@media only screen and (max-width: 800px) {
    .section--intro .section-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (max-width: 1050px) {
    .is-ie .section-wrap--overhidden {
        overflow: hidden
    }
}

.section-header {
    text-align: center;
    margin-bottom: 4.375rem
}

@media only screen and (max-width: 800px) {
    .section-header {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 500px) {
    .section-header {
        margin-bottom: 30px
    }
}

.section-header--lowmarg {
    margin-bottom: 2.5rem
}

.section-header--nomarg {
    margin-bottom: 0
}

.section-title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.5rem;
    color: #288ed9
}

@media only screen and (max-width: 800px) {
    .section-title {
        font-size: 20px
    }
}

@media only screen and (max-width: 500px) {
    .section-title {
        font-size: 18px
    }
}

.section--blue .section-title {
    color: #fff
}

.section--intro .section-title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.75rem
}

@media only screen and (max-width: 800px) {
    .section--intro .section-title {
        font-size: 22px
    }
}

@media only screen and (max-width: 500px) {
    .section--intro .section-title {
        font-size: 20px
    }
}

.section-subtitle {
    font-size: 1.125rem;
    margin-top: .625rem;
    color: #999
}

@media only screen and (max-width: 800px) {
    .section-subtitle {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .section-subtitle {
        font-size: 15px
    }
}

.section-subtitle--small {
    font-family: IranYekan, tahoma, arial;
    font-size: .875rem
}

@media only screen and (max-width: 800px) {
    .section-subtitle--small {
        font-size: 13px
    }
}

@media only screen and (max-width: 500px) {
    .section-subtitle--small {
        font-size: 11px
    }
}

.section-subtitle--blue {
    color: #288ed9
}

.section-subtitle--red {
    color: red
}

.section-subtitle--bold {
    font-weight: 700
}

.section--blue .section-subtitle {
    color: #98cdf2
}

@media only screen and (max-width: 800px) {
    .section-subtitle {
        margin-top: 5px
    }
}

.section-footer {
    text-align: center;
    font-size: 0;
    margin-top: 4.375rem
}

@media only screen and (max-width: 800px) {
    .section-footer {
        margin-top: 50px
    }
}

@media only screen and (max-width: 500px) {
    .section-footer {
        margin-top: 30px
    }
}

.section-footer .btn:not(:first-child), .section-footer .tag:not(:first-child) {
    margin-right: .625rem
}

@media only screen and (max-width: 500px) {
    .section-footer .btn, .section-footer .tag {
        margin-bottom: .625rem
    }
}

.section-footer__subtitle {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
    color: #999
}

@media only screen and (max-width: 800px) {
    .section-footer__subtitle {
        font-size: 16px
    }
}

@media only screen and (max-width: 500px) {
    .section-footer__subtitle {
        font-size: 15px
    }
}

.section-bg {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media only screen and (max-width: 800px) {
    .section-bg {
        display: none
    }
}

.section-bg .col {
    width: 50%;
    height: 100%
}

@media only screen and (max-width: 800px) {
    .section-bg .col {
        width: 100%
    }
}

.container {
    zoom: 1;
    position: relative;
    margin: 0 auto
}

.container before, .container::after {
    content: "";
    display: block
}

.container::after {
    clear: both
}

.container--xlg {
    max-width: 84.375rem
}

.container--lg1 {
    max-width: 78.125rem
}

.container--lg2 {
    max-width: 76.25rem
}

.container--md1 {
    max-width: 70.625rem
}

.container--md2 {
    max-width: 65.625rem
}

.container--sm1 {
    max-width: 56.25rem
}

.container--sm2 {
    max-width: 50rem
}

.container--sm3 {
    max-width: 45rem
}

.container--xs1 {
    max-width: 40.625rem
}

.container--xs2 {
    max-width: 37.5rem
}

.container--xs3 {
    max-width: 32rem
}

.row {
    zoom: 1;
    position: relative;
    font-size: 0;
    margin: 0 -15px -30px
}

.row before, .row::after {
    content: "";
    display: block
}

.row::after {
    clear: both
}

@media only screen and (min-width: 1051px) {
    .row--20-40 {
        margin: 0 -15px -40px
    }
}

@media only screen and (max-width: 500px) {
    .row--20-40 {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1051px) {
    .row--25-50 {
        margin: 0 -15px -50px
    }
}

.row--0-30 {
    margin: 0 0 -30px
}

@media only screen and (min-width: 1051px) {
    .row--0-30 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

.row--11-22 {
    margin: 0 -11px -22px
}

.row--14-28 {
    margin: 0 -14px -28px
}

.row--14-p28 {
    margin: 0 -14px 28px
}

@media only screen and (min-width: 1051px) {
    .row--18-36 {
        margin: 0 -15px -36px
    }
}

@media only screen and (max-width: 500px) {
    .row--18-36 {
        margin-bottom: -20px
    }
}

.row--12-45 {
    margin: 0 -12px
}

[class*=col-] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 1rem;
    padding: 0 15px;
    margin-bottom: 30px
}

@media only screen and (min-width: 1051px) {
    .row--20-40 [class*=col-] {
        margin-bottom: 40px;
        padding: 0 20px
    }
}

@media only screen and (min-width: 1051px) {
    .row--25-50 [class*=col-] {
        margin-bottom: 50px;
        padding: 0 25px
    }
}

.row--0-30 [class*=col-] {
    padding: 0;
    margin-bottom: 30px
}

@media only screen and (min-width: 800px) and (max-width: 1050px) {
    .row--0-30 [class*=col-] {
        padding: 0 15px
    }
}

.row--11-22 [class*=col-] {
    padding: 0 11px;
    margin-bottom: 22px
}

.row--14-28 [class*=col-] {
    padding: 0 14px;
    margin-bottom: 28px
}

@media only screen and (min-width: 1051px) {
    .row--18-36 [class*=col-] {
        padding: 0 18px;
        margin-bottom: 36px
    }
}

@media only screen and (max-width: 500px) {
    .row--18-36 [class*=col-] {
        margin-bottom: 20px
    }
}

.row--12-45 [class*=col-] {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 45px
}

.col-xs-1 {
    width: 4.16667%
}

.col-xs-pull-1 {
    right: 4.16667%
}

.col-xs-push-1 {
    left: 4.16667%
}

.col-xs-2 {
    width: 8.33333%
}

.col-xs-pull-2 {
    right: 8.33333%
}

.col-xs-push-2 {
    left: 8.33333%
}

.col-xs-3 {
    width: 12.5%
}

.col-xs-pull-3 {
    right: 12.5%
}

.col-xs-push-3 {
    left: 12.5%
}

.col-xs-4 {
    width: 16.66667%
}

.col-xs-pull-4 {
    right: 16.66667%
}

.col-xs-push-4 {
    left: 16.66667%
}

.col-xs-5 {
    width: 20.83333%
}

.col-xs-pull-5 {
    right: 20.83333%
}

.col-xs-push-5 {
    left: 20.83333%
}

.col-xs-6 {
    width: 25%
}

.col-xs-pull-6 {
    right: 25%
}

.col-xs-push-6 {
    left: 25%
}

.col-xs-7 {
    width: 29.16667%
}

.col-xs-pull-7 {
    right: 29.16667%
}

.col-xs-push-7 {
    left: 29.16667%
}

.col-xs-8 {
    width: 33.33333%
}

.col-xs-pull-8 {
    right: 33.33333%
}

.col-xs-push-8 {
    left: 33.33333%
}

.col-xs-9 {
    width: 37.5%
}

.col-xs-pull-9 {
    right: 37.5%
}

.col-xs-push-9 {
    left: 37.5%
}

.col-xs-10 {
    width: 41.66667%
}

.col-xs-pull-10 {
    right: 41.66667%
}

.col-xs-push-10 {
    left: 41.66667%
}

.col-xs-11 {
    width: 45.83333%
}

.col-xs-pull-11 {
    right: 45.83333%
}

.col-xs-push-11 {
    left: 45.83333%
}

.col-xs-12 {
    width: 50%
}

.col-xs-pull-12 {
    right: 50%
}

.col-xs-push-12 {
    left: 50%
}

.col-xs-13 {
    width: 54.16667%
}

.col-xs-pull-13 {
    right: 54.16667%
}

.col-xs-push-13 {
    left: 54.16667%
}

.col-xs-14 {
    width: 58.33333%
}

.col-xs-pull-14 {
    right: 58.33333%
}

.col-xs-push-14 {
    left: 58.33333%
}

.col-xs-15 {
    width: 62.5%
}

.col-xs-pull-15 {
    right: 62.5%
}

.col-xs-push-15 {
    left: 62.5%
}

.col-xs-16 {
    width: 66.66667%
}

.col-xs-pull-16 {
    right: 66.66667%
}

.col-xs-push-16 {
    left: 66.66667%
}

.col-xs-17 {
    width: 70.83333%
}

.col-xs-pull-17 {
    right: 70.83333%
}

.col-xs-push-17 {
    left: 70.83333%
}

.col-xs-18 {
    width: 75%
}

.col-xs-pull-18 {
    right: 75%
}

.col-xs-push-18 {
    left: 75%
}

.col-xs-19 {
    width: 79.16667%
}

.col-xs-pull-19 {
    right: 79.16667%
}

.col-xs-push-19 {
    left: 79.16667%
}

.col-xs-20 {
    width: 83.33333%
}

.col-xs-pull-20 {
    right: 83.33333%
}

.col-xs-push-20 {
    left: 83.33333%
}

.col-xs-21 {
    width: 87.5%
}

.col-xs-pull-21 {
    right: 87.5%
}

.col-xs-push-21 {
    left: 87.5%
}

.col-xs-22 {
    width: 91.66667%
}

.col-xs-pull-22 {
    right: 91.66667%
}

.col-xs-push-22 {
    left: 91.66667%
}

.col-xs-23 {
    width: 95.83333%
}

.col-xs-pull-23 {
    right: 95.83333%
}

.col-xs-push-23 {
    left: 95.83333%
}

.col-xs-24 {
    width: 100%
}

.col-xs-pull-24 {
    right: 100%
}

.col-xs-push-24 {
    left: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media only screen and (min-width: 501px) {
    .col-sm-1 {
        width: 4.16667%
    }

    .col-sm-pull-1 {
        right: 4.16667%
    }

    .col-sm-push-1 {
        left: 4.16667%
    }

    .col-sm-2 {
        width: 8.33333%
    }

    .col-sm-pull-2 {
        right: 8.33333%
    }

    .col-sm-push-2 {
        left: 8.33333%
    }

    .col-sm-3 {
        width: 12.5%
    }

    .col-sm-pull-3 {
        right: 12.5%
    }

    .col-sm-push-3 {
        left: 12.5%
    }

    .col-sm-4 {
        width: 16.66667%
    }

    .col-sm-pull-4 {
        right: 16.66667%
    }

    .col-sm-push-4 {
        left: 16.66667%
    }

    .col-sm-5 {
        width: 20.83333%
    }

    .col-sm-pull-5 {
        right: 20.83333%
    }

    .col-sm-push-5 {
        left: 20.83333%
    }

    .col-sm-6 {
        width: 25%
    }

    .col-sm-pull-6 {
        right: 25%
    }

    .col-sm-push-6 {
        left: 25%
    }

    .col-sm-7 {
        width: 29.16667%
    }

    .col-sm-pull-7 {
        right: 29.16667%
    }

    .col-sm-push-7 {
        left: 29.16667%
    }

    .col-sm-8 {
        width: 33.33333%
    }

    .col-sm-pull-8 {
        right: 33.33333%
    }

    .col-sm-push-8 {
        left: 33.33333%
    }

    .col-sm-9 {
        width: 37.5%
    }

    .col-sm-pull-9 {
        right: 37.5%
    }

    .col-sm-push-9 {
        left: 37.5%
    }

    .col-sm-10 {
        width: 41.66667%
    }

    .col-sm-pull-10 {
        right: 41.66667%
    }

    .col-sm-push-10 {
        left: 41.66667%
    }

    .col-sm-11 {
        width: 45.83333%
    }

    .col-sm-pull-11 {
        right: 45.83333%
    }

    .col-sm-push-11 {
        left: 45.83333%
    }

    .col-sm-12 {
        width: 50%
    }

    .col-sm-pull-12 {
        right: 50%
    }

    .col-sm-push-12 {
        left: 50%
    }

    .col-sm-13 {
        width: 54.16667%
    }

    .col-sm-pull-13 {
        right: 54.16667%
    }

    .col-sm-push-13 {
        left: 54.16667%
    }

    .col-sm-14 {
        width: 58.33333%
    }

    .col-sm-pull-14 {
        right: 58.33333%
    }

    .col-sm-push-14 {
        left: 58.33333%
    }

    .col-sm-15 {
        width: 62.5%
    }

    .col-sm-pull-15 {
        right: 62.5%
    }

    .col-sm-push-15 {
        left: 62.5%
    }

    .col-sm-16 {
        width: 66.66667%
    }

    .col-sm-pull-16 {
        right: 66.66667%
    }

    .col-sm-push-16 {
        left: 66.66667%
    }

    .col-sm-17 {
        width: 70.83333%
    }

    .col-sm-pull-17 {
        right: 70.83333%
    }

    .col-sm-push-17 {
        left: 70.83333%
    }

    .col-sm-18 {
        width: 75%
    }

    .col-sm-pull-18 {
        right: 75%
    }

    .col-sm-push-18 {
        left: 75%
    }

    .col-sm-19 {
        width: 79.16667%
    }

    .col-sm-pull-19 {
        right: 79.16667%
    }

    .col-sm-push-19 {
        left: 79.16667%
    }

    .col-sm-20 {
        width: 83.33333%
    }

    .col-sm-pull-20 {
        right: 83.33333%
    }

    .col-sm-push-20 {
        left: 83.33333%
    }

    .col-sm-21 {
        width: 87.5%
    }

    .col-sm-pull-21 {
        right: 87.5%
    }

    .col-sm-push-21 {
        left: 87.5%
    }

    .col-sm-22 {
        width: 91.66667%
    }

    .col-sm-pull-22 {
        right: 91.66667%
    }

    .col-sm-push-22 {
        left: 91.66667%
    }

    .col-sm-23 {
        width: 95.83333%
    }

    .col-sm-pull-23 {
        right: 95.83333%
    }

    .col-sm-push-23 {
        left: 95.83333%
    }

    .col-sm-24 {
        width: 100%
    }

    .col-sm-pull-24 {
        right: 100%
    }

    .col-sm-push-24 {
        left: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 801px) {
    .col-md-1 {
        width: 4.16667%
    }

    .col-md-pull-1 {
        right: 4.16667%
    }

    .col-md-push-1 {
        left: 4.16667%
    }

    .col-md-2 {
        width: 8.33333%
    }

    .col-md-pull-2 {
        right: 8.33333%
    }

    .col-md-push-2 {
        left: 8.33333%
    }

    .col-md-3 {
        width: 12.5%
    }

    .col-md-pull-3 {
        right: 12.5%
    }

    .col-md-push-3 {
        left: 12.5%
    }

    .col-md-4 {
        width: 16.66667%
    }

    .col-md-pull-4 {
        right: 16.66667%
    }

    .col-md-push-4 {
        left: 16.66667%
    }

    .col-md-5 {
        width: 20.83333%
    }

    .col-md-pull-5 {
        right: 20.83333%
    }

    .col-md-push-5 {
        left: 20.83333%
    }

    .col-md-6 {
        width: 25%
    }

    .col-md-pull-6 {
        right: 25%
    }

    .col-md-push-6 {
        left: 25%
    }

    .col-md-7 {
        width: 29.16667%
    }

    .col-md-pull-7 {
        right: 29.16667%
    }

    .col-md-push-7 {
        left: 29.16667%
    }

    .col-md-8 {
        width: 33.33333%
    }

    .col-md-pull-8 {
        right: 33.33333%
    }

    .col-md-push-8 {
        left: 33.33333%
    }

    .col-md-9 {
        width: 37.5%
    }

    .col-md-pull-9 {
        right: 37.5%
    }

    .col-md-push-9 {
        left: 37.5%
    }

    .col-md-10 {
        width: 41.66667%
    }

    .col-md-pull-10 {
        right: 41.66667%
    }

    .col-md-push-10 {
        left: 41.66667%
    }

    .col-md-11 {
        width: 45.83333%
    }

    .col-md-pull-11 {
        right: 45.83333%
    }

    .col-md-push-11 {
        left: 45.83333%
    }

    .col-md-12 {
        width: 50%
    }

    .col-md-pull-12 {
        right: 50%
    }

    .col-md-push-12 {
        left: 50%
    }

    .col-md-13 {
        width: 54.16667%
    }

    .col-md-pull-13 {
        right: 54.16667%
    }

    .col-md-push-13 {
        left: 54.16667%
    }

    .col-md-14 {
        width: 58.33333%
    }

    .col-md-pull-14 {
        right: 58.33333%
    }

    .col-md-push-14 {
        left: 58.33333%
    }

    .col-md-15 {
        width: 62.5%
    }

    .col-md-pull-15 {
        right: 62.5%
    }

    .col-md-push-15 {
        left: 62.5%
    }

    .col-md-16 {
        width: 66.66667%
    }

    .col-md-pull-16 {
        right: 66.66667%
    }

    .col-md-push-16 {
        left: 66.66667%
    }

    .col-md-17 {
        width: 70.83333%
    }

    .col-md-pull-17 {
        right: 70.83333%
    }

    .col-md-push-17 {
        left: 70.83333%
    }

    .col-md-18 {
        width: 75%
    }

    .col-md-pull-18 {
        right: 75%
    }

    .col-md-push-18 {
        left: 75%
    }

    .col-md-19 {
        width: 79.16667%
    }

    .col-md-pull-19 {
        right: 79.16667%
    }

    .col-md-push-19 {
        left: 79.16667%
    }

    .col-md-20 {
        width: 83.33333%
    }

    .col-md-pull-20 {
        right: 83.33333%
    }

    .col-md-push-20 {
        left: 83.33333%
    }

    .col-md-21 {
        width: 87.5%
    }

    .col-md-pull-21 {
        right: 87.5%
    }

    .col-md-push-21 {
        left: 87.5%
    }

    .col-md-22 {
        width: 91.66667%
    }

    .col-md-pull-22 {
        right: 91.66667%
    }

    .col-md-push-22 {
        left: 91.66667%
    }

    .col-md-23 {
        width: 95.83333%
    }

    .col-md-pull-23 {
        right: 95.83333%
    }

    .col-md-push-23 {
        left: 95.83333%
    }

    .col-md-24 {
        width: 100%
    }

    .col-md-pull-24 {
        right: 100%
    }

    .col-md-push-24 {
        left: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 1251px) {
    .col-xmd-1 {
        width: 4.16667%
    }

    .col-xmd-pull-1 {
        right: 4.16667%
    }

    .col-xmd-push-1 {
        left: 4.16667%
    }

    .col-xmd-2 {
        width: 8.33333%
    }

    .col-xmd-pull-2 {
        right: 8.33333%
    }

    .col-xmd-push-2 {
        left: 8.33333%
    }

    .col-xmd-3 {
        width: 12.5%
    }

    .col-xmd-pull-3 {
        right: 12.5%
    }

    .col-xmd-push-3 {
        left: 12.5%
    }

    .col-xmd-4 {
        width: 16.66667%
    }

    .col-xmd-pull-4 {
        right: 16.66667%
    }

    .col-xmd-push-4 {
        left: 16.66667%
    }

    .col-xmd-5 {
        width: 20.83333%
    }

    .col-xmd-pull-5 {
        right: 20.83333%
    }

    .col-xmd-push-5 {
        left: 20.83333%
    }

    .col-xmd-6 {
        width: 25%
    }

    .col-xmd-pull-6 {
        right: 25%
    }

    .col-xmd-push-6 {
        left: 25%
    }

    .col-xmd-7 {
        width: 29.16667%
    }

    .col-xmd-pull-7 {
        right: 29.16667%
    }

    .col-xmd-push-7 {
        left: 29.16667%
    }

    .col-xmd-8 {
        width: 33.33333%
    }

    .col-xmd-pull-8 {
        right: 33.33333%
    }

    .col-xmd-push-8 {
        left: 33.33333%
    }

    .col-xmd-9 {
        width: 37.5%
    }

    .col-xmd-pull-9 {
        right: 37.5%
    }

    .col-xmd-push-9 {
        left: 37.5%
    }

    .col-xmd-10 {
        width: 41.66667%
    }

    .col-xmd-pull-10 {
        right: 41.66667%
    }

    .col-xmd-push-10 {
        left: 41.66667%
    }

    .col-xmd-11 {
        width: 45.83333%
    }

    .col-xmd-pull-11 {
        right: 45.83333%
    }

    .col-xmd-push-11 {
        left: 45.83333%
    }

    .col-xmd-12 {
        width: 50%
    }

    .col-xmd-pull-12 {
        right: 50%
    }

    .col-xmd-push-12 {
        left: 50%
    }

    .col-xmd-13 {
        width: 54.16667%
    }

    .col-xmd-pull-13 {
        right: 54.16667%
    }

    .col-xmd-push-13 {
        left: 54.16667%
    }

    .col-xmd-14 {
        width: 58.33333%
    }

    .col-xmd-pull-14 {
        right: 58.33333%
    }

    .col-xmd-push-14 {
        left: 58.33333%
    }

    .col-xmd-15 {
        width: 62.5%
    }

    .col-xmd-pull-15 {
        right: 62.5%
    }

    .col-xmd-push-15 {
        left: 62.5%
    }

    .col-xmd-16 {
        width: 66.66667%
    }

    .col-xmd-pull-16 {
        right: 66.66667%
    }

    .col-xmd-push-16 {
        left: 66.66667%
    }

    .col-xmd-17 {
        width: 70.83333%
    }

    .col-xmd-pull-17 {
        right: 70.83333%
    }

    .col-xmd-push-17 {
        left: 70.83333%
    }

    .col-xmd-18 {
        width: 75%
    }

    .col-xmd-pull-18 {
        right: 75%
    }

    .col-xmd-push-18 {
        left: 75%
    }

    .col-xmd-19 {
        width: 79.16667%
    }

    .col-xmd-pull-19 {
        right: 79.16667%
    }

    .col-xmd-push-19 {
        left: 79.16667%
    }

    .col-xmd-20 {
        width: 83.33333%
    }

    .col-xmd-pull-20 {
        right: 83.33333%
    }

    .col-xmd-push-20 {
        left: 83.33333%
    }

    .col-xmd-21 {
        width: 87.5%
    }

    .col-xmd-pull-21 {
        right: 87.5%
    }

    .col-xmd-push-21 {
        left: 87.5%
    }

    .col-xmd-22 {
        width: 91.66667%
    }

    .col-xmd-pull-22 {
        right: 91.66667%
    }

    .col-xmd-push-22 {
        left: 91.66667%
    }

    .col-xmd-23 {
        width: 95.83333%
    }

    .col-xmd-pull-23 {
        right: 95.83333%
    }

    .col-xmd-push-23 {
        left: 95.83333%
    }

    .col-xmd-24 {
        width: 100%
    }

    .col-xmd-pull-24 {
        right: 100%
    }

    .col-xmd-push-24 {
        left: 100%
    }

    .col-xmd-pull-0 {
        right: auto
    }

    .col-xmd-push-0 {
        left: auto
    }

    .col-xmd-offset-0 {
        margin-left: 0
    }

    .col-xmd-offset-1 {
        margin-left: 8.33333%
    }

    .col-xmd-offset-2 {
        margin-left: 16.66667%
    }

    .col-xmd-offset-3 {
        margin-left: 25%
    }

    .col-xmd-offset-4 {
        margin-left: 33.33333%
    }

    .col-xmd-offset-5 {
        margin-left: 41.66667%
    }

    .col-xmd-offset-6 {
        margin-left: 50%
    }

    .col-xmd-offset-7 {
        margin-left: 58.33333%
    }

    .col-xmd-offset-8 {
        margin-left: 66.66667%
    }

    .col-xmd-offset-9 {
        margin-left: 75%
    }

    .col-xmd-offset-10 {
        margin-left: 83.33333%
    }

    .col-xmd-offset-11 {
        margin-left: 91.66667%
    }

    .col-xmd-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 1051px) {
    .col-lg-1 {
        width: 4.16667%
    }

    .col-lg-pull-1 {
        right: 4.16667%
    }

    .col-lg-push-1 {
        left: 4.16667%
    }

    .col-lg-2 {
        width: 8.33333%
    }

    .col-lg-pull-2 {
        right: 8.33333%
    }

    .col-lg-push-2 {
        left: 8.33333%
    }

    .col-lg-3 {
        width: 12.5%
    }

    .col-lg-pull-3 {
        right: 12.5%
    }

    .col-lg-push-3 {
        left: 12.5%
    }

    .col-lg-4 {
        width: 16.66667%
    }

    .col-lg-pull-4 {
        right: 16.66667%
    }

    .col-lg-push-4 {
        left: 16.66667%
    }

    .col-lg-5 {
        width: 20.83333%
    }

    .col-lg-pull-5 {
        right: 20.83333%
    }

    .col-lg-push-5 {
        left: 20.83333%
    }

    .col-lg-6 {
        width: 25%
    }

    .col-lg-pull-6 {
        right: 25%
    }

    .col-lg-push-6 {
        left: 25%
    }

    .col-lg-7 {
        width: 29.16667%
    }

    .col-lg-pull-7 {
        right: 29.16667%
    }

    .col-lg-push-7 {
        left: 29.16667%
    }

    .col-lg-8 {
        width: 33.33333%
    }

    .col-lg-pull-8 {
        right: 33.33333%
    }

    .col-lg-push-8 {
        left: 33.33333%
    }

    .col-lg-9 {
        width: 37.5%
    }

    .col-lg-pull-9 {
        right: 37.5%
    }

    .col-lg-push-9 {
        left: 37.5%
    }

    .col-lg-10 {
        width: 41.66667%
    }

    .col-lg-pull-10 {
        right: 41.66667%
    }

    .col-lg-push-10 {
        left: 41.66667%
    }

    .col-lg-11 {
        width: 45.83333%
    }

    .col-lg-pull-11 {
        right: 45.83333%
    }

    .col-lg-push-11 {
        left: 45.83333%
    }

    .col-lg-12 {
        width: 50%
    }

    .col-lg-pull-12 {
        right: 50%
    }

    .col-lg-push-12 {
        left: 50%
    }

    .col-lg-13 {
        width: 54.16667%
    }

    .col-lg-pull-13 {
        right: 54.16667%
    }

    .col-lg-push-13 {
        left: 54.16667%
    }

    .col-lg-14 {
        width: 58.33333%
    }

    .col-lg-pull-14 {
        right: 58.33333%
    }

    .col-lg-push-14 {
        left: 58.33333%
    }

    .col-lg-15 {
        width: 62.5%
    }

    .col-lg-pull-15 {
        right: 62.5%
    }

    .col-lg-push-15 {
        left: 62.5%
    }

    .col-lg-16 {
        width: 66.66667%
    }

    .col-lg-pull-16 {
        right: 66.66667%
    }

    .col-lg-push-16 {
        left: 66.66667%
    }

    .col-lg-17 {
        width: 70.83333%
    }

    .col-lg-pull-17 {
        right: 70.83333%
    }

    .col-lg-push-17 {
        left: 70.83333%
    }

    .col-lg-18 {
        width: 75%
    }

    .col-lg-pull-18 {
        right: 75%
    }

    .col-lg-push-18 {
        left: 75%
    }

    .col-lg-19 {
        width: 79.16667%
    }

    .col-lg-pull-19 {
        right: 79.16667%
    }

    .col-lg-push-19 {
        left: 79.16667%
    }

    .col-lg-20 {
        width: 83.33333%
    }

    .col-lg-pull-20 {
        right: 83.33333%
    }

    .col-lg-push-20 {
        left: 83.33333%
    }

    .col-lg-21 {
        width: 87.5%
    }

    .col-lg-pull-21 {
        right: 87.5%
    }

    .col-lg-push-21 {
        left: 87.5%
    }

    .col-lg-22 {
        width: 91.66667%
    }

    .col-lg-pull-22 {
        right: 91.66667%
    }

    .col-lg-push-22 {
        left: 91.66667%
    }

    .col-lg-23 {
        width: 95.83333%
    }

    .col-lg-pull-23 {
        right: 95.83333%
    }

    .col-lg-push-23 {
        left: 95.83333%
    }

    .col-lg-24 {
        width: 100%
    }

    .col-lg-pull-24 {
        right: 100%
    }

    .col-lg-push-24 {
        left: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 1401px) {
    .col-xlg-1 {
        width: 4.16667%
    }

    .col-xlg-pull-1 {
        right: 4.16667%
    }

    .col-xlg-push-1 {
        left: 4.16667%
    }

    .col-xlg-2 {
        width: 8.33333%
    }

    .col-xlg-pull-2 {
        right: 8.33333%
    }

    .col-xlg-push-2 {
        left: 8.33333%
    }

    .col-xlg-3 {
        width: 12.5%
    }

    .col-xlg-pull-3 {
        right: 12.5%
    }

    .col-xlg-push-3 {
        left: 12.5%
    }

    .col-xlg-4 {
        width: 16.66667%
    }

    .col-xlg-pull-4 {
        right: 16.66667%
    }

    .col-xlg-push-4 {
        left: 16.66667%
    }

    .col-xlg-5 {
        width: 20.83333%
    }

    .col-xlg-pull-5 {
        right: 20.83333%
    }

    .col-xlg-push-5 {
        left: 20.83333%
    }

    .col-xlg-6 {
        width: 25%
    }

    .col-xlg-pull-6 {
        right: 25%
    }

    .col-xlg-push-6 {
        left: 25%
    }

    .col-xlg-7 {
        width: 29.16667%
    }

    .col-xlg-pull-7 {
        right: 29.16667%
    }

    .col-xlg-push-7 {
        left: 29.16667%
    }

    .col-xlg-8 {
        width: 33.33333%
    }

    .col-xlg-pull-8 {
        right: 33.33333%
    }

    .col-xlg-push-8 {
        left: 33.33333%
    }

    .col-xlg-9 {
        width: 37.5%
    }

    .col-xlg-pull-9 {
        right: 37.5%
    }

    .col-xlg-push-9 {
        left: 37.5%
    }

    .col-xlg-10 {
        width: 41.66667%
    }

    .col-xlg-pull-10 {
        right: 41.66667%
    }

    .col-xlg-push-10 {
        left: 41.66667%
    }

    .col-xlg-11 {
        width: 45.83333%
    }

    .col-xlg-pull-11 {
        right: 45.83333%
    }

    .col-xlg-push-11 {
        left: 45.83333%
    }

    .col-xlg-12 {
        width: 50%
    }

    .col-xlg-pull-12 {
        right: 50%
    }

    .col-xlg-push-12 {
        left: 50%
    }

    .col-xlg-13 {
        width: 54.16667%
    }

    .col-xlg-pull-13 {
        right: 54.16667%
    }

    .col-xlg-push-13 {
        left: 54.16667%
    }

    .col-xlg-14 {
        width: 58.33333%
    }

    .col-xlg-pull-14 {
        right: 58.33333%
    }

    .col-xlg-push-14 {
        left: 58.33333%
    }

    .col-xlg-15 {
        width: 62.5%
    }

    .col-xlg-pull-15 {
        right: 62.5%
    }

    .col-xlg-push-15 {
        left: 62.5%
    }

    .col-xlg-16 {
        width: 66.66667%
    }

    .col-xlg-pull-16 {
        right: 66.66667%
    }

    .col-xlg-push-16 {
        left: 66.66667%
    }

    .col-xlg-17 {
        width: 70.83333%
    }

    .col-xlg-pull-17 {
        right: 70.83333%
    }

    .col-xlg-push-17 {
        left: 70.83333%
    }

    .col-xlg-18 {
        width: 75%
    }

    .col-xlg-pull-18 {
        right: 75%
    }

    .col-xlg-push-18 {
        left: 75%
    }

    .col-xlg-19 {
        width: 79.16667%
    }

    .col-xlg-pull-19 {
        right: 79.16667%
    }

    .col-xlg-push-19 {
        left: 79.16667%
    }

    .col-xlg-20 {
        width: 83.33333%
    }

    .col-xlg-pull-20 {
        right: 83.33333%
    }

    .col-xlg-push-20 {
        left: 83.33333%
    }

    .col-xlg-21 {
        width: 87.5%
    }

    .col-xlg-pull-21 {
        right: 87.5%
    }

    .col-xlg-push-21 {
        left: 87.5%
    }

    .col-xlg-22 {
        width: 91.66667%
    }

    .col-xlg-pull-22 {
        right: 91.66667%
    }

    .col-xlg-push-22 {
        left: 91.66667%
    }

    .col-xlg-23 {
        width: 95.83333%
    }

    .col-xlg-pull-23 {
        right: 95.83333%
    }

    .col-xlg-push-23 {
        left: 95.83333%
    }

    .col-xlg-24 {
        width: 100%
    }

    .col-xlg-pull-24 {
        right: 100%
    }

    .col-xlg-push-24 {
        left: 100%
    }

    .col-xlg-pull-0 {
        right: auto
    }

    .col-xlg-push-0 {
        left: auto
    }

    .col-xlg-offset-0 {
        margin-left: 0
    }

    .col-xlg-offset-1 {
        margin-left: 8.33333%
    }

    .col-xlg-offset-2 {
        margin-left: 16.66667%
    }

    .col-xlg-offset-3 {
        margin-left: 25%
    }

    .col-xlg-offset-4 {
        margin-left: 33.33333%
    }

    .col-xlg-offset-5 {
        margin-left: 41.66667%
    }

    .col-xlg-offset-6 {
        margin-left: 50%
    }

    .col-xlg-offset-7 {
        margin-left: 58.33333%
    }

    .col-xlg-offset-8 {
        margin-left: 66.66667%
    }

    .col-xlg-offset-9 {
        margin-left: 75%
    }

    .col-xlg-offset-10 {
        margin-left: 83.33333%
    }

    .col-xlg-offset-11 {
        margin-left: 91.66667%
    }

    .col-xlg-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width: 501px) {
    .visible-xs {
        display: none !important
    }
}

@media only screen and (min-width: 801px) {
    .visible-sm {
        display: none !important
    }
}

@media only screen and (min-width: 1051px) {
    .visible-md {
        display: none !important
    }
}

@media only screen and (min-width: 1401px) {
    .visible-lg {
        display: none !important
    }
}

@media only screen and (max-width: 500px) {
    .hidden-xs {
        display: none !important
    }
}

@media only screen and (max-width: 800px) {
    .hidden-sm {
        display: none !important
    }
}

@media only screen and (max-width: 1050px) {
    .hidden-md {
        display: none !important
    }
}

@media only screen and (max-width: 1400px) {
    .hidden-lg {
        display: none !important
    }
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clear-div:after, .clear-div:before {
    display: table;
    content: " ";
    clear: both
}

.hidden, .hide {
    display: none !important
}

.show {
    display: block !important
}

.num-b {
    font-family: IranYekanBoldNum, tahoma, arial !important
}

.num-l {
    font-family: IranYekanLightNum, tahoma, arial !important
}

.num {
    font-family: IranYekanNum, tahoma, arial !important
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.ltr, .text-ltr {
    direction: ltr;
    text-align: left
}

.rtl, .text-rtl {
    direction: rtl;
    text-align: right
}

.text-center {
    text-align: center
}

.text-title-1 {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.75rem
}

@media only screen and (max-width: 800px) {
    .text-title-1 {
        font-size: 22px
    }
}

@media only screen and (max-width: 500px) {
    .text-title-1 {
        font-size: 20px
    }
}

.text-title-2 {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.5rem
}

@media only screen and (max-width: 800px) {
    .text-title-2 {
        font-size: 20px
    }
}

@media only screen and (max-width: 500px) {
    .text-title-2 {
        font-size: 18px
    }
}

.text-title-3 {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.375rem
}

@media only screen and (max-width: 800px) {
    .text-title-3 {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .text-title-3 {
        font-size: 16px
    }
}

.text-title-4 {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.25rem
}

@media only screen and (max-width: 800px) {
    .text-title-4 {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .text-title-4 {
        font-size: 16px
    }
}

.text-subtitle-2 {
    font-size: 1.125rem
}

@media only screen and (max-width: 800px) {
    .text-subtitle-2 {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .text-subtitle-2 {
        font-size: 15px
    }
}

.text-subtitle-5 {
    font-family: IranYekan, tahoma, arial;
    font-size: .5rem
}

@media only screen and (max-width: 800px) {
    .text-subtitle-5 {
        font-size: 8px
    }
}

@media only screen and (max-width: 500px) {
    .text-subtitle-5 {
        font-size: 8px
    }
}

.text-regular {
    font-family: IranYekan, tahoma, arial
}

.text-bold {
    font-family: IranYekanBold, tahoma, arial
}

.text-light {
    font-family: IranYekanLight, tahoma, arial
}

.text-en.text-bold {
    font-weight: 700
}

.text-blue {
    color: #288ed9 !important
}

.text-white {
    color: #fff !important
}

.text-gray-9 {
    color: #999 !important
}

.text-gray-c {
    color: #ccc !important
}

.text-green {
    color: #24b77e !important
}

.text-red {
    color: #ff5f5f !important
}

.placeholder-text-rtl * {
    direction: rtl !important
}

.placeholder-text-rtl input::-webkit-input-placeholder {
    direction: rtl !important;
    text-align: right !important
}

.placeholder-text-rtl input:-moz-placeholder {
    direction: rtl !important;
    text-align: right !important
}

.placeholder-text-rtl input::-moz-placeholder {
    direction: rtl !important;
    text-align: right !important
}

.placeholder-text-rtl input:-ms-input-placeholder {
    direction: rtl !important;
    text-align: right !important
}

.bg-blue {
    background-color: #288ed9
}

.bg-blue-005 {
    background-color: #005b9f
}

.bg-blue-008 {
    background-color: #0085e6
}

.bg-bluelight {
    background-color: #e2f3ff
}

.bg-gray-f {
    background-color: #f7f7f7
}

.bg-grd-blue-ultralight {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(214, 238, 255, 0)), to(#d6eeff));
    background: linear-gradient(to bottom, rgba(214, 238, 255, 0) 0, #d6eeff 100%)
}

.bg-grd-blue-light {
    background: linear-gradient(20deg, #288ed9 0, #137fcf 100%)
}

.bg-grd-blue {
    background: linear-gradient(20deg, #005b9f 0, #288ed9 100%)
}

.bg-grd-blue-vertical {
    background: -webkit-gradient(linear, left top, left bottom, from(#288ed9), color-stop(50%, #106fb6), to(#004c84));
    background: linear-gradient(to bottom, #288ed9 0, #106fb6 50%, #004c84 100%)
}

@media only screen and (min-width: 1051px) {
    .col-lg-45 {
        width: 20%
    }
}

.line-decoration {
    color: #999;
    text-decoration: line-through;
    -webkit-text-decoration-color: #999;
    -moz-text-decoration-color: #999;
    text-decoration-color: #999
}

.divider {
    display: block;
    margin-top: 3.75rem;
    background-color: #d9d9d9;
    height: 1px;
    width: 100%
}

.divider--both {
    margin: 1.875rem 0
}

.scroll-hidden {
    overflow: hidden
}

.nice-select .current--hide {
    opacity: 1 !important
}

.mt-2 {
    margin-top: .625rem
}

.header {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
    padding: 0 15px;
    height: 7.5rem
}

@media only screen and (max-width: 800px) {
    .header {
        height: 6.25rem
    }
}

.header-wrap {
    max-width: 80rem;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 50px
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .header-wrap {
        margin: 0
    }
}

.header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-logo img {
    width: 68px;
    height: 68px;
    margin-left: .75rem
}

@media only screen and (max-width: 1050px) {
    .header-logo img {
        width: 52px;
        height: 52px
    }
}

@media only screen and (max-width: 500px) {
    .header-logo img {
        width: 45px;
        height: 45px
    }
}

.header--fixed .header-logo img {
    width: 58px;
    height: 58px
}

@media only screen and (max-width: 1050px) {
    .header--fixed .header-logo img {
        width: 52px;
        height: 52px
    }
}

@media only screen and (max-width: 500px) {
    .header--fixed .header-logo img {
        width: 45px;
        height: 45px
    }
}

.header-logo h1, .header-logo p:first-child {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.375rem;
    line-height: 1.375rem;
    color: #288ed9;
    margin-bottom: 7px;
    text-align: center
}

.page-home .header:not(.header--fixed) .header-logo h1, .page-home .header:not(.header--fixed) .header-logo p:first-child {
    color: #fff
}

@media only screen and (max-width: 1050px) {
    .header-logo h1, .header-logo p:first-child {
        font-size: 18px;
        line-height: 18px
    }
}

.header-logo .header-logo p:last-child {
    font-size: 1.1875rem;
    line-height: 1.1875rem;
    color: #fff;
    border-radius: 5px;
    padding: 5px 5px 2px;
    background-color: #288ed9
}

.page-home .header-logo .header-logo p:last-child {
    font-size: .9375rem;
    padding: 3px 5px;
    color: #288ed9;
    background: #fff
}

.page-home .header--fixed .header-logo .header-logo p:last-child {
    font-size: .875rem;
    color: #fff;
    background-color: #288ed9
}

@media only screen and (max-width: 1050px) {
    .header-logo .header-logo p:last-child {
        font-size: 14px;
        line-height: 14px
    }
}

@media only screen and (max-width: 500px) {
    .header-logo .header-logo p:last-child {
        font-size: 13px;
        line-height: 13px
    }
}

.header--fixed .header-logo .header-logo p:last-child {
    font-size: 1rem;
    line-height: 1rem
}

@media only screen and (max-width: 1050px) {
    .header--fixed .header-logo .header-logo p:last-child {
        font-size: 13px;
        line-height: 13px
    }
}

.header-slide {
    position: relative;
    width: 6.25rem;
    height: 1.5625rem;
    text-align: center;
    overflow: hidden
}

@media only screen and (max-width: 1050px) {
    .header-slide {
        width: 80px
    }
}

.header-slide span {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.125rem;
    padding: 3px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    background: #288ed9;
    color: #fff;
    border-radius: 3px
}

@media only screen and (max-width: 1050px) {
    .header-slide span {
        font-size: 14px
    }
}

.header--fixed .header-slide span {
    background: #288ed9;
    color: #fff
}

.page-home .header:not(.header--fixed) .header-slide span {
    background: #fff;
    color: #288ed9
}

.header-slide span svg {
    fill: #fff;
    width: 100%;
    max-width: 5rem
}

.header--fixed .header-slide span svg {
    fill: #fff
}

.page-home .header:not(.header--fixed) .header-slide span svg {
    fill: #288ed9
}

.header-slide span.up {
    opacity: 1;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
    -webkit-transition: .1s opacityt linear, .4s -webkit-transform cubic-bezier(.23, 1, .32, 1);
    transition: .1s opacityt linear, .4s -webkit-transform cubic-bezier(.23, 1, .32, 1);
    transition: .4s transform cubic-bezier(.23, 1, .32, 1), .1s opacityt linear;
    transition: .4s transform cubic-bezier(.23, 1, .32, 1), .1s opacityt linear, .4s -webkit-transform cubic-bezier(.23, 1, .32, 1)
}

.page-home .header-logoblue {
    display: none
}

.page-home .header--fixed .header-logoblue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header--fixed .header-logowhite {
    display: none
}

@media only screen and (max-width: 1050px) {
    .header-nav {
        height: 100vh;
        width: 100%;
        position: fixed;
        background-color: rgba(0, 91, 159, .2);
        right: 0;
        top: 0;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
        opacity: 0;
        pointer-events: none;
        z-index: 150
    }
}

.header-nav:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    height: 6.25rem;
    width: 290px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    background-color: #fff;
    display: none;
    z-index: 10
}

@media only screen and (max-width: 1050px) {
    .header-nav:before {
        display: block;
        -webkit-transform: translateX(290px);
        -ms-transform: translateX(290px);
        transform: translateX(290px)
    }
}

@media only screen and (max-width: 400px) {
    .header-nav:before {
        width: 95%;
        width: calc(100% - 60px);
        -webkit-transform: translateX(95%);
        -ms-transform: translateX(95%);
        transform: translateX(95%)
    }
}

.show-before:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width: 1050px) {
    .header-nav.show-wrap {
        opacity: 1;
        pointer-events: all
    }
}

.header-menu {
    font-size: 0;
    position: relative
}

.header-menu a, .header-menu span {
    color: #999
}

@media only screen and (min-width: 1051px) {
    .page-home .header:not(.header--fixed) .header-menu a, .page-home .header:not(.header--fixed) .header-menu span {
        color: #fff
    }
}

@media only screen and (max-width: 1050px) {
    .header-menu a, .header-menu span {
        padding: .9375rem 1.25rem .9375rem 1.875rem;
        display: block
    }
}

.header-menu > li {
    position: relative;
    font-size: 1rem;
    display: inline-block;
    color: #999;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 0 1.125rem;
    padding: .9375rem 0;
    border-radius: 15px 15px 0 0;
    cursor: pointer
}

@media only screen and (min-width: 1200px) and (max-width: 1222px) {
    .header-menu > li {
        margin: 0 1rem
    }
}

@media only screen and (min-width: 1050px) and (max-width: 1200px) {
    .header-menu > li {
        margin: 0 .625rem
    }
}

@media only screen and (max-width: 1050px) {
    .header-menu > li {
        display: block;
        border-radius: 0;
        font-size: 1rem;
        margin: 0;
        padding: 0
    }
}

@media only screen and (max-width: 500px) {
    .header-menu > li {
        font-size: 16px
    }
}

@media only screen and (min-width: 1051px) {
    .header-menu > li:hover a {
        color: #288ed9
    }
}

@media only screen and (max-width: 1050px) {
    .header-menu > li.haschild {
        position: relative
    }
}

.header-menu > li.haschild span {
    display: inline-block;
    max-width: 94%
}

.header-menu > li.haschild:after {
    content: '';
    border: solid;
    border-width: 0 2px 2px 0;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    display: inline-block;
    padding: 3px;
    margin-right: 3px;
    -webkit-transform: translateY(-25%) rotate(45deg);
    -ms-transform: translateY(-25%) rotate(45deg);
    transform: translateY(-25%) rotate(45deg)
}

@media only screen and (min-width: 1051px) {
    .page-home .header:not(.header--fixed) .header-menu > li.haschild::after {
        color: #fff
    }
}

@media only screen and (max-width: 1050px) {
    .header-menu > li.haschild:after {
        position: absolute;
        left: 1.875rem;
        top: 23px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }
}

@media only screen and (min-width: 1051px) {
    .header-menu > li.haschild:hover:after {
        -webkit-transform: translateY(0) rotate(-135deg);
        -ms-transform: translateY(0) rotate(-135deg);
        transform: translateY(0) rotate(-135deg)
    }

    .header-menu > li.haschild:hover .header-childmenu {
        opacity: 1;
        pointer-events: all
    }
}

.header-menu > li.haschild.open {
    color: #288ed9
}

.header-menu > li.haschild.open > span {
    color: #288ed9
}

.header-menu > li.haschild.open:after {
    top: 28px;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.header-menu > li:last-child {
    margin-left: 0
}

.header-menu > li ul {
    min-width: 10.625rem
}

@media only screen and (min-width: 1051px) {
    .header-menu > li ul {
        min-width: 14.375rem
    }
}

@media only screen and (max-width: 1050px) {
    .header-menu {
        margin-top: 6.25rem;
        height: 82%;
        height: calc(100% - 87px);
        width: 290px;
        background-color: #fff;
        -webkit-transform: translateX(290px);
        -ms-transform: translateX(290px);
        transform: translateX(290px);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        box-shadow: 0 3px 26px 0 rgba(40, 142, 217, .38);
        overflow: auto
    }
}

@media only screen and (max-width: 400px) {
    .header-menu {
        width: 95%;
        width: calc(100% - 60px);
        -webkit-transform: translateX(95%);
        -ms-transform: translateX(95%);
        transform: translateX(95%)
    }
}

@media only screen and (max-width: 1050px) {
    .header-menu.show {
        z-index: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.header-childmenu {
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #288ed9;
    border-radius: 15px 0 15px 15px;
    font-size: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: .9375rem 0
}

@media only screen and (min-width: 1051px) {
    .header-childmenu {
        padding: 0;
        display: block !important;
        right: calc(100% - 3px);
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        background-color: #fff;
        border-radius: .1875rem;
        box-shadow: 0 3px 15px 0 rgba(40, 142, 217, .4)
    }

    .header-childmenu::after {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        bottom: 100%;
        margin: auto;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff
    }
}

.header-childmenu > li {
    display: block;
    padding: .1875rem 1.25rem .1875rem 1.875rem;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    margin-bottom: .125rem;
    border-radius: 0;
    position: relative
}

@media only screen and (min-width: 1051px) {
    .header-childmenu > li {
        padding: 0;
        margin: 0
    }
}

@media only screen and (max-width: 1050px) {
    .header-childmenu > li:not(:last-child) {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 1050px) {
    .header-childmenu > li {
        padding: .75rem .9375rem
    }
}

.header-childmenu a {
    position: relative;
    font-size: 1rem;
    color: #fff
}

@media only screen and (min-width: 1051px) {
    .header-childmenu a {
        font-family: IranYekanBoldNum, tahoma, arial;
        padding: 1.25rem 1.5625rem;
        color: #777;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-transition: .15s all linear;
        transition: .15s all linear;
        background: #fff;
        border-radius: .1875rem
    }

    .header-childmenu a:hover {
        color: #288ed9;
        box-shadow: 0 3px 15px 0 rgba(40, 142, 217, .4);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        z-index: 1
    }

    .page-home .header .header-childmenu > li a, .page-home .header:not(.header--fixed) .header-childmenu a {
        color: #777
    }

    .page-home .header .header-childmenu a:hover, .page-home .header:not(.header--fixed) .header-childmenu a:hover {
        color: #288ed9
    }
}

.header-childmenu a img {
    width: 1.875rem;
    height: auto;
    margin-left: .9375rem
}

@media only screen and (max-width: 1050px) {
    .header-childmenu a img {
        display: none
    }
}

@media only screen and (max-width: 1050px) {
    .header-childmenu a {
        padding: 0;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 500px) {
    .header-childmenu a {
        font-size: 16px
    }
}

@media only screen and (max-width: 1050px) {
    .header-childmenu {
        min-height: 0;
        opacity: 1;
        border-radius: 0;
        pointer-events: all;
        width: 100%;
        position: static;
        display: none;
        -webkit-transition: none;
        transition: none;
        padding: 0
    }
}

.header-details {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

@media only screen and (max-width: 1050px) {
    .header-details {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        position: absolute;
        top: 20px;
        right: 0;
        padding: 0 15px;
        z-index: 151;
        max-width: 290px;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -webkit-transform: translateX(290px);
        -ms-transform: translateX(290px);
        transform: translateX(290px)
    }
}

@media only screen and (max-width: 1050px) {
    .header-details.show {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.header-details--login {
    padding-right: 0
}

@media only screen and (max-width: 1050px) {
    .header-details--login {
        padding-right: 15px
    }
}

.header-profile {
    border-radius: 30px;
    background-color: #288ed9;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: #fff;
    position: relative;
    width: 35px;
    height: 35px;
    margin-left: 5px
}

@media only screen and (min-width: 1051px) {
    .header-profile:hover {
        background-color: #2380c5
    }
}

.header-profile svg {
    width: 20px;
    height: 20px
}

.header-tel {
    border-radius: 30px;
    background-color: #288ed9;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out, opacity 0;
    transition: all .3s ease-in-out, opacity 0;
    fill: #fff;
    height: 35px;
    padding-right: 9px;
    padding-left: 9px
}

.header-tel-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.page-home .header:not(.header--fixed) .header-tel {
    background-color: #fff;
    fill: #288ed9
}

.header-tel svg {
    width: 17px;
    height: 17px;
    position: relative
}

.header-tel span {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    position: relative;
    width: auto;
    margin-left: .3125rem;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.page-home .header:not(.header--fixed) .header-tel span {
    color: #288ed9
}

.page-home .header:not(.header--fixed) .header-tel span:before {
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.header-details--login .header-tel span {
    width: auto;
    overflow-x: auto
}

.header-tel span:before {
    position: absolute;
    height: 17px;
    width: 2px;
    left: 0;
    opacity: 1;
    top: calc(50% - 2px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, .5)
}

@media only screen and (min-width: 1051px) {
    .page-home .header:not(.header--fixed) .header-tel span::before {
        background: #288ed9;
        opacity: .8
    }
}

.header-details--login .header-tel span:before {
    opacity: 1
}

@media only screen and (min-width: 1051px) {
    .header-tel:hover span {
        width: 62px
    }

    .header-tel:hover span:before {
        opacity: 1;
        -webkit-transition: opacity .1s linear;
        transition: opacity .1s linear;
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }
}

.header-details--login .header-tel {
    position: static
}

.header-btn-blue {
    font-family: IranYekanBold, tahoma, arial;
    border-radius: 30px;
    background-color: #288ed9;
    font-size: 1rem;
    color: #fff;
    height: 35px;
    padding: 0 15px;
    line-height: 32px;
    margin-left: 10px;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

@media only screen and (min-width: 1051px) {
    .page-home .header:not(.header--fixed) .header-btn-blue {
        background-color: #fff;
        color: #288ed9
    }
}

@media only screen and (min-width: 1051px) {
    .header-btn-blue:hover {
        background-color: #2380c5
    }
}

.header-btn-white {
    color: #288ed9;
    font-size: 1.125rem;
    line-height: 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px
}

@media only screen and (min-width: 1051px) {
    .page-home .header:not(.header--fixed) .header-btn-white {
        color: #fff
    }
}

.header-navbtn {
    display: none;
    vertical-align: middle;
    position: relative;
    width: 28px;
    height: 28px;
    z-index: 150
}

@media only screen and (max-width: 1050px) {
    .header-navbtn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-navbtn:after, .header-navbtn:before {
    content: '';
    position: absolute;
    right: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: #288ed9;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.page-home .header:not(.header--fixed) .header-navbtn::after, .page-home .header:not(.header--fixed) .header-navbtn::before {
    background-color: #fff
}

.header-navbtn:before {
    top: 8px
}

.header-navbtn.close:before {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.header-navbtn:after {
    bottom: 8px
}

.header-navbtn.close:after {
    bottom: 50%;
    -webkit-transform: translateY(50%) rotate(45deg);
    -ms-transform: translateY(50%) rotate(45deg);
    transform: translateY(50%) rotate(45deg)
}

.header-navbtn.close {
    width: 28px;
    height: 28px
}

.header--fixed {
    position: fixed;
    padding: 15px;
    -webkit-transform: translateY(-105%);
    -ms-transform: translateY(-105%);
    transform: translateY(-105%);
    background-color: #fff;
    height: 80px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
    overflow: visible
}

.header--trans {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.header--show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header-slide.swiper-container-cube .swiper-cube-shadow {
    display: none
}

.top-banner {
    display: none
}

body.have-top-banner .header--fixed {
    top: 60px
}

body.have-top-banner .page {
    margin-top: 60px
}

body.have-top-banner .top-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #0071fe), color-stop(50%, #fff));
    background-image: linear-gradient(90deg, #0071fe 50%, #fff 50%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: 10000
}

body.have-top-banner .top-banner a {
    height: 60px
}

body.have-top-banner .top-banner img {
    height: 60px
}

body.have-top-banner .top-banner img.mobile {
    display: none
}

body.have-top-banner .top-banner .close {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.125rem;
    color: #164571;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px
}

@media only screen and (max-width: 1050px) {
    body.have-top-banner .header--fixed {
        top: 113px
    }

    body.have-top-banner .page {
        margin-top: 113px
    }

    body.have-top-banner .top-banner {
        background-image: unset;
        height: 113px
    }

    body.have-top-banner .top-banner a {
        height: 113px
    }

    body.have-top-banner .top-banner img {
        height: 113px;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    body.have-top-banner .top-banner img.desktop {
        display: none
    }

    body.have-top-banner .top-banner img.mobile {
        display: block
    }
}

.footer--shadow {
    box-shadow: 0 -7px 20px 0 rgba(19, 127, 207, .13)
}

.footer__nav {
    font-size: 0;
    padding-bottom: 3.75rem;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
    position: relative
}

@media only screen and (max-width: 1050px) {
    .footer__nav {
        width: 100%;
        padding-bottom: 1.875rem
    }
}

@media only screen and (max-width: 800px) {
    .footer__nav {
        padding-bottom: 2.5rem
    }
}

@media only screen and (max-width: 500px) {
    .footer__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 5.625rem
    }
}

.footer__nav nav {
    display: inline-block;
    vertical-align: top
}

.footer__nav-title {
    font-family: IranYekan, tahoma, arial;
    font-size: 1.125rem;
    margin-bottom: 1.5625rem;
    color: #288ed9;
    padding-bottom: 1.5625rem;
    position: relative;
    display: block
}

.footer__nav-title:after {
    content: '';
    position: absolute;
    width: 2.1875rem;
    height: 2px;
    right: 0;
    bottom: 0;
    background-color: #ffbc98
}

.footer__nav li {
    margin-bottom: .3125rem
}

.footer__nav nav a {
    font-size: 1rem;
    color: #b3b3b3;
    line-height: 2;
    margin-bottom: .3125rem;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.footer__nav nav a:hover {
    color: #288ed9
}

.footer__aside {
    display: inline-block
}

@media only screen and (max-width: 1050px) {
    .footer__aside {
        width: 33.3333%;
        margin: 0 auto;
        display: block
    }
}

@media only screen and (max-width: 600px) {
    .footer__aside {
        width: 100%;
        margin-bottom: 1.25rem;
        padding-left: .9375rem
    }
}

.footer__aside-btns {
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 1051px) {
    .footer__aside-btns {
        text-align: left
    }
}

@media only screen and (max-width: 500px) {
    .footer__aside-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 1.25rem;
        margin-bottom: -5px
    }
}

.footer__aside-btns a {
    margin-bottom: .625rem;
    display: inline-block;
    text-align: center
}

@media only screen and (max-width: 1050px) {
    .footer__aside-btns a {
        display: block
    }
}

@media only screen and (max-width: 500px) {
    .footer__aside-btns a {
        margin: 0 4px 5px 4px;
        min-width: inherit;
        width: 50%;
        max-width: 11.25rem;
        display: inline-block
    }
}

.footer__aside-btns a:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 500px) {
    .footer__aside-btns a:last-child {
        margin-bottom: 5px
    }
}

.footer__aside-certificate {
    text-align: center;
    max-width: 7.8125rem;
    margin-right: 1.875rem
}

@media only screen and (min-width: 1051px) {
    .footer__aside-certificate {
        margin-right: auto;
        margin-left: 1.875rem
    }
}

@media only screen and (max-width: 500px) {
    .footer__aside-certificate {
        margin: 0 auto
    }
}

.footer__aside-certificate a {
    display: block
}

.footer__menu {
    text-align: center;
    position: relative
}

.footer__menu-logo {
    position: absolute;
    top: inherit;
    bottom: 3.75rem;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 100%;
    box-shadow: 0 10px 20px 0 rgba(4, 50, 85, .15);
    width: 4.1875rem;
    height: 4.1875rem
}

@media only screen and (max-width: 800px) {
    .footer__menu-logo {
        position: static;
        display: inline-block;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: 2.5rem;
        width: 4.1875rem;
        height: 4.1875rem;
        margin-bottom: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .footer__menu-logo {
        width: 67px;
        height: 67px;
        margin-bottom: 1.875rem
    }
}

.footer__menu nav {
    padding-top: 5.625rem;
    padding-bottom: 3.75rem
}

@media only screen and (max-width: 1050px) {
    .footer__menu nav {
        padding-top: 3.75rem
    }
}

@media only screen and (max-width: 800px) {
    .footer__menu nav {
        padding-top: 0;
        padding-bottom: 2.5rem
    }
}

@media only screen and (max-width: 500px) {
    .footer__menu nav {
        padding-top: 0
    }
}

.footer__menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4.1875rem;
    font-size: 0
}

@media only screen and (max-width: 800px) {
    .footer__menu ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1.875rem
    }
}

@media only screen and (max-width: 500px) {
    .footer__menu ul {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer__menu li {
    display: inline-block;
    padding-left: 3rem
}

@media only screen and (min-width: 801px) {
    .footer__menu li:nth-child(3) {
        padding-left: 7.56vw
    }
}

@media only screen and (min-width: 801px) {
    .footer__menu li:nth-child(4) {
        padding-right: 7.56vw
    }
}

.footer__menu li:last-child {
    padding-left: 0
}

@media only screen and (max-width: 800px) {
    .footer__menu li {
        padding-left: 0
    }
}

@media only screen and (max-width: 500px) {
    .footer__menu li {
        margin-bottom: .625rem
    }
}

.footer__menu a {
    font-size: 1rem;
    color: #7ebbe8;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

@media only screen and (max-width: 1050px) {
    .footer__menu a {
        color: #288ed9
    }
}

@media only screen and (max-width: 500px) {
    .footer__menu a {
        font-size: 16px
    }
}

@media only screen and (min-width: 801px) {
    .footer__menu a:hover {
        color: #288ed9
    }
}

footer {
    padding-bottom: 1.875rem !important
}

.copy-right {
    padding-bottom: .625rem;
    font-size: .8125rem
}

.copy-right a {
    color: #288ed9
}

@media only screen and (max-width: 1050px) {
    #old-site {
        display: none !important
    }
}

@media screen and (max-height: 840px) {
    .modal-consult {
        height: 100% !important;
        top: 0 !important;
        bottom: inherit !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        padding-top: 90px !important
    }
}

@media only screen and (max-width: 800px) {
    .modal-consult {
        height: 100% !important;
        top: 0 !important;
        bottom: inherit !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        padding-top: 90px !important;
        padding-right: 15px !important;
        padding-left: 15px !important
    }
}

.modal-consult .container {
    width: 100%
}

.modal-consult .modal-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    direction: rtl;
    width: 100%;
    border-radius: .625rem;
    box-shadow: 0 .1875rem 2.875rem rgba(22, 69, 113, .2)
}

@media screen and (max-height: 840px) {
    .modal-consult .modal-wrap {
        margin-bottom: 3.125rem
    }
}

@media only screen and (max-width: 800px) {
    .modal-consult .modal-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 3.125rem;
        width: auto
    }
}

.modal-consult .modal-wrap > [class*=col-] {
    margin: 0;
    padding: 0
}

.modal-consult .modal-wrap > [class*=col-]:first-child {
    background-color: #fff;
    border-radius: 0 .625rem .625rem 0
}

@media only screen and (max-width: 800px) {
    .modal-consult .modal-wrap > [class*=col-]:first-child {
        border-radius: .625rem .625rem 0 0
    }
}

.modal-consult .modal-wrap > [class*=col-]:last-child {
    background-color: #288ed9;
    border-radius: .625rem 0 0 .625rem
}

@media only screen and (max-width: 800px) {
    .modal-consult .modal-wrap > [class*=col-]:last-child {
        border-radius: 0 0 .625rem .625rem
    }
}

.modal-consult .radiobtn label {
    font-size: .875rem
}

@media only screen and (max-width: 500px) {
    .modal-consult .radiobtn label {
        font-size: 1rem
    }
}

@media only screen and (min-width: 501px) {
    .modal-consult .radiobtn label i {
        margin-top: .15rem
    }
}

.modal-consult .input-error {
    left: 0;
    margin-top: unset;
    text-align: left;
    font-size: .75rem
}

.modal-consult__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.5rem;
    color: #288ed9;
    margin-bottom: 3.75rem
}

@media only screen and (max-width: 800px) {
    .modal-consult__title {
        font-size: 20px
    }
}

@media only screen and (max-width: 500px) {
    .modal-consult__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 800px) {
    .modal-consult__title {
        margin-bottom: 3.4375rem
    }
}

@media only screen and (max-width: 500px) {
    .modal-consult__title {
        margin-bottom: 3.125rem
    }
}

.modal-consult__form {
    padding: 2.8125rem 2.5rem
}

@media only screen and (max-width: 800px) {
    .modal-consult__form {
        padding: 2.8125rem 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .modal-consult__form {
        padding: 2.8125rem .9375rem
    }
}

.modal-consult__input {
    display: inline-block;
    width: 100%
}

.modal-consult__captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.5rem;
    position: relative
}

@media only screen and (max-width: 800px) {
    .modal-consult__captcha {
        margin-top: 1.25rem
    }
}

.modal-consult__captcha .input-error {
    right: 0;
    text-align: center
}

.modal-consult__captcha .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
    margin-left: .3125rem
}

.modal-consult__captcha > img {
    height: 47px !important;
    background-color: #d6eeff;
    width: 110px;
    border: 1px solid #ccc !important;
    cursor: pointer
}

@media only screen and (max-width: 500px) {
    .modal-consult__captcha > img {
        height: 41px
    }
}

.modal-consult__time p {
    margin-bottom: 1rem
}

@media only screen and (max-width: 500px) {
    .modal-consult__time p {
        font-size: 1.125rem
    }
}

.modal-consult__time .row {
    margin-bottom: -10px
}

.modal-consult__time [class*=col-] {
    margin-bottom: 10px
}

@media only screen and (min-width: 800px) and (max-width: 920px) {
    .modal-consult__time [class*=col-] {
        width: 50%
    }
}

@media only screen and (min-width: 550px) and (max-width: 800px) {
    .modal-consult__time [class*=col-] {
        width: 33.333333%
    }
}

.modal-consult__msg_box {
    position: absolute;
    width: 100%;
    margin-top: 1.5rem
}

.modal-consult__msg_box .input-error {
    width: 50%;
    text-align: right;
    word-wrap: wrap;
    font-size: .875rem
}

.modal-consult__btn {
    margin-top: 1.875rem;
    text-align: left
}

@media only screen and (max-width: 800px) {
    .modal-consult__btn {
        margin-top: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .modal-consult__btn {
        margin-top: 1rem
    }
}

.modal-consult__btn_box {
    display: inline-block;
    position: relative
}

.modal-consult__btn_loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #888;
    top: 0;
    right: 0;
    border-radius: 1.5rem;
    text-align: center;
    line-height: 2.625rem;
    font-size: 1.0625rem;
    color: #fff;
    visibility: hidden;
    z-index: -1
}

.modal-consult__btn_loading.active {
    visibility: visible;
    z-index: 1
}

.modal-consult__image {
    padding: 2.8125rem 1.875rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-consult__image img {
    max-width: 19.375rem;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (max-width: 800px) {
    .modal-consult__image img {
        margin-bottom: 3.125rem
    }
}

.modal-consult__contact {
    width: 100%;
    max-width: 15.625rem
}

.modal-consult__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.modal-consult__info span {
    font-size: 1.125rem;
    color: #d6eeff
}

@media only screen and (max-width: 800px) {
    .modal-consult__info span {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .modal-consult__info span {
        font-size: 15px
    }
}

.modal-consult__info .tel {
    text-align: right;
    color: #fff
}

.modal-consult__info .tel span {
    color: #80c9ff;
    position: relative;
    padding-right: 15px;
    margin-right: 5px
}

.modal-consult__info .tel span:after {
    content: '-';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff
}

.modal-consult__info .mail {
    font-size: 0;
    display: inline-block
}

.modal-consult__info .mail i {
    font-size: 1.125rem;
    color: #fff
}

@media only screen and (max-width: 800px) {
    .modal-consult__info .mail i {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .modal-consult__info .mail i {
        font-size: 15px
    }
}

.modal-consult__info .mail span {
    font-size: 1.125rem;
    color: #80c9ff
}

@media only screen and (max-width: 800px) {
    .modal-consult__info .mail span {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .modal-consult__info .mail span {
        font-size: 15px
    }
}

select {
    background-color: #fff;
    border: none;
    cursor: pointer;
    color: #777;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    font-family: IranYekanNum, tahoma, arial
}

.nice-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    padding: .875rem .9375rem .875rem 2.1875rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    font-family: IranYekanNum, tahoma, arial
}

.nice-select.open, .nice-select:active, .nice-select:focus {
    border-color: #288ed9
}

.nice-select::after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: .75rem;
    width: .75rem;
    pointer-events: none;
    left: .9375rem;
    top: 50%;
    margin-top: -.5rem;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.nice-select.open::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.factor .nice-select.open::after {
    border-bottom: 1px solid #288ed9;
    border-right: 1px solid #288ed9
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #fff
}

.nice-select .current {
    color: #777
}

.factor .nice-select.open .current {
    color: #288ed9
}

.nice-select .current--hide {
    opacity: 0
}

.select--show .nice-select .current--hide {
    opacity: 1
}

.nice-select .list {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px #ccc;
    margin-top: .3125rem;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
    overflow-y: auto;
    max-height: 420px;
    font-family: IranYekanNum, tahoma, arial
}

.factor .nice-select .list {
    width: calc(100% + 2px);
    left: -1px;
    margin-top: 0;
    border: 1px solid #288ed9;
    box-shadow: 0 3px 15px 1px rgba(40, 142, 217, .3)
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding: 0 .9375rem;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-top: 0 !important
}

.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
    background-color: #e6e6e6
}

.factor .nice-select .option.focus, .factor .nice-select .option.selected.focus, .factor .nice-select .option:hover {
    background: #f1f9ff
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.nice-select .option::before {
    display: none
}

.nice-select .label {
    position: absolute;
    right: 1.25rem;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 .75rem;
    background-color: #fff;
    color: #999
}

.nice-select:focus .label {
    color: #288ed9
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #288ed9;
    position: fixed;
    z-index: 20000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px
}

#toasts {
    min-height: 0;
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 400px
}

#toasts .toast {
    background: #d6d8d9;
    border-radius: 3px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6);
    cursor: default;
    margin-bottom: 20px;
    opacity: 0;
    position: relative;
    padding: 20px;
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%);
    -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    width: 100%;
    will-change: opacity, transform;
    z-index: 1100;
    text-align: right;
    min-height: unset !important
}

#toasts .toast.success {
    border-left: 3px solid #6ec05f;
    background-color: #e0f7dc;
    color: #6ec05f
}

#toasts .toast.warning {
    border-left: 3px solid #fed953;
    background-color: #f7eecb;
    color: #fed953
}

#toasts .toast.info {
    border-left: 3px solid #1271ec;
    background-color: #c5d7f0;
    color: #1271ec
}

#toasts .toast.error {
    border-left: 3px solid #d60a2e;
    background-color: #f2d8dc;
    color: #d60a2e
}

#toasts .toast.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

#toasts .toast.hide {
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 30px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#toasts .toast .close {
    cursor: pointer;
    font-size: 24px;
    height: 16px;
    margin-top: -10px;
    position: absolute;
    right: 14px;
    top: 50%;
    width: 16px
}

.btn, .tag {
    font-family: IranYekanBold, tahoma, arial;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.8125rem;
    font-size: 1.0625rem;
    line-height: 2.625rem;
    border-radius: 1.5rem;
    white-space: nowrap;
    padding: 0 1.25rem;
    border: 1px solid transparent;
    min-width: 7.5rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out
}

@media only screen and (max-width: 500px) {
    .btn, .tag {
        padding: 0 15px
    }
}

.btn.nice-select.open, .btn:active, .nice-select.open.tag, .tag:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.btn.loading, .loading.tag {
    cursor: not-allowed
}

.btn__text {
    opacity: 1
}

.loading .btn__text {
    opacity: 0
}

.btn__spinner {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    left: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    z-index: 2
}

.loading .btn__spinner {
    opacity: 1
}

.btn__spinner i {
    width: 100%;
    height: 100%;
    position: relative
}

.btn__spinner i:after, .btn__spinner i:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 100%;
    border: 4px solid transparent;
    border-top-color: #80c9ff
}

.btn__spinner i:before {
    z-index: 100;
    -webkit-animation: spin 1s infinite;
    animation: spin 1s infinite
}

.btn__spinner i:after {
    border: 4px solid #fff
}

.btn--sm {
    font-size: 1rem;
    height: 2.375rem;
    line-height: 2.25rem;
    padding: 0 .625rem
}

.btn--md {
    font-size: 1rem;
    height: 2.5rem;
    line-height: 2.375rem;
    padding: 0 .625rem;
    min-width: 8.625rem
}

.btn--xs, .tag {
    font-size: .75rem;
    height: 2rem;
    line-height: 1.875rem;
    padding: 0 .9375rem;
    min-width: 0
}

@media only screen and (max-width: 500px) {
    .btn--xs, .tag {
        font-size: 12px
    }
}

.btn--wide {
    min-width: 11.25rem
}

.btn--wide-md {
    min-width: 10.3125rem
}

@media only screen and (max-width: 500px) {
    .btn--wide-md {
        min-width: 9.0625rem
    }
}

.btn--wide-lg {
    min-width: 15rem
}

.btn--blue {
    color: #fff;
    background-color: #288ed9
}

@media only screen and (min-width: 1051px) {
    .btn--blue:hover {
        background-color: #1b6499
    }
}

.btn--blue.nice-select.open, .btn--blue:active {
    background-color: #1b6499
}

.btn--blue:disabled {
    background-color: #737373;
    cursor: default
}

.btn--blue.btn--close {
    background-color: #288ed9
}

.btn--blue.btn--close::after, .btn--blue.btn--close::before {
    background-color: #fff
}

.btn--bluelight, .tag--blue, .tag-list .tag:nth-child(2n+1) {
    color: #288ed9;
    background-color: #d6eeff
}

@media only screen and (min-width: 1051px) {
    .btn--bluelight:hover, .tag--blue:hover, .tag-list .tag:hover:nth-child(2n+1) {
        background-color: #bde3ff
    }
}

.btn--bluelight.nice-select.open, .btn--bluelight:active, .nice-select.open.tag--blue, .tag--blue:active, .tag-list .nice-select.open.tag:nth-child(2n+1), .tag-list .tag:active:nth-child(2n+1) {
    background-color: #bde3ff
}

.btn--bluelight2 {
    color: #fff;
    background-color: #80c9ff
}

@media only screen and (min-width: 1051px) {
    .btn--bluelight2:hover {
        background-color: #67beff
    }
}

.btn--bluelight2.nice-select.open, .btn--bluelight2:active {
    background-color: #67beff
}

.btn--white {
    color: #288ed9;
    background-color: #fff
}

@media only screen and (min-width: 1051px) {
    .btn--white:hover {
        color: #1b6499
    }
}

.btn--white.nice-select.open, .btn--white:active {
    color: #1b6499
}

.btn--white.btn--border {
    border-color: #288ed9
}

@media only screen and (min-width: 1051px) {
    .btn--white.btn--border:hover {
        border-color: #1b6499
    }
}

.btn--white.btn--border.nice-select.open, .btn--white.btn--border:active {
    border-color: #1b6499
}

.btn--white.btn--close {
    background-color: #fff
}

.btn--white.btn--close::after, .btn--white.btn--close::before {
    background-color: #288ed9
}

.btn--gray {
    color: #b3b3b3
}

@media only screen and (min-width: 1051px) {
    .btn--gray:hover {
        color: #737373
    }
}

.btn--gray.nice-select.open, .btn--gray:active {
    color: #737373
}

.btn--gray-9, .tag--gray, .tag-list .tag:nth-child(2n) {
    color: #999;
    background-color: #f2f2f2
}

@media only screen and (min-width: 1051px) {
    .btn--gray-9:hover, .tag--gray:hover, .tag-list .tag:hover:nth-child(2n) {
        background-color: #e5e5e5
    }
}

.btn--gray-9.nice-select.open, .btn--gray-9:active, .nice-select.open.tag--gray, .tag--gray:active, .tag-list .nice-select.open.tag:nth-child(2n), .tag-list .tag:active:nth-child(2n) {
    background-color: #e5e5e5
}

.btn--round {
    width: 2.875rem;
    height: 2.875rem;
    min-width: 1px;
    padding: 0;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0
}

.btn--round .svg {
    margin: 0 !important;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.btn--round-lg {
    width: 3.75rem;
    height: 3.75rem
}

.btn--icon {
    padding: 0 .125rem 0 .9375rem
}

.btn--icon .svg {
    margin-right: 0;
    margin-left: .4375rem
}

.btn--transparent {
    background-color: transparent
}

.btn--close {
    position: relative;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    padding: 0;
    min-width: 0
}

@media only screen and (max-width: 800px) {
    .btn--close {
        width: 50px;
        height: 50px
    }
}

@media only screen and (max-width: 800px) {
    .btn--close {
        width: 40px;
        height: 40px
    }
}

.btn--close.nice-select.open, .btn--close:active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.btn--close::after, .btn--close::before {
    content: "";
    position: absolute;
    width: 1.25rem;
    height: .1875rem;
    top: 50%;
    left: 50%;
    margin-left: -.625rem;
    margin-top: -.09375rem;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

@media only screen and (max-width: 800px) {
    .btn--close::after, .btn--close::before {
        width: 18px;
        height: 2px;
        margin-left: -9px;
        margin-top: -1px
    }
}

.btn--close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 801px) {
    .btn--close:hover::before {
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

.btn--close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (min-width: 801px) {
    .btn--close:hover::after {
        -webkit-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

.btn .svg, .tag .svg {
    color: inherit;
    fill: currentColor;
    margin-right: .4375rem;
    opacity: 1;
    -webkit-transition: .15s -webkit-transform ease-in-out;
    transition: .15s -webkit-transform ease-in-out;
    transition: .15s transform ease-in-out;
    transition: .15s transform ease-in-out, .15s -webkit-transform ease-in-out
}

.btn--sm .svg {
    margin-right: .25rem
}

.btn .svg--arrow, .btn .svg--arrowdown, .tag .svg--arrow, .tag .svg--arrowdown {
    width: .75rem;
    height: .75rem;
    margin-bottom: .125rem
}

@media only screen and (min-width: 1051px) {
    .btn:hover .svg--arrow, .tag:hover .svg--arrow {
        -webkit-transform: translateX(-.125rem);
        -ms-transform: translateX(-.125rem);
        transform: translateX(-.125rem)
    }
}

.btn.nice-select.open .svg--arrow, .btn:active .svg--arrow, .nice-select.open.tag .svg--arrow, .tag:active .svg--arrow {
    -webkit-transform: translateX(-.125rem);
    -ms-transform: translateX(-.125rem);
    transform: translateX(-.125rem)
}

.btn .svg--arrowdown, .tag .svg--arrowdown {
    margin-bottom: 0
}

.btn .svg--info, .tag .svg--info {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .4375rem
}

.btn .svg--search, .tag .svg--search {
    width: 1.25rem;
    height: 1.25rem
}

.btn .svg--pin, .tag .svg--pin {
    width: 1.0625rem;
    height: 1.5rem
}

.btn .svg--plus, .tag .svg--plus {
    width: .875rem;
    height: .875rem;
    margin-left: .625rem;
    margin-right: 0
}

.btn .svg--chat, .tag .svg--chat {
    width: 2.1875rem;
    height: 1.9375rem
}

.btn .svg--cross, .tag .svg--cross {
    width: 1.0625rem;
    height: 1.0625rem
}

.btn.loading > .svg, .loading.tag > .svg {
    opacity: 0
}

.list {
    font-size: 0
}

.list--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.list li {
    position: relative;
    color: gray;
    padding-right: 1.875rem;
    font-size: .875rem
}

@media only screen and (max-width: 500px) {
    .list li {
        padding-right: 20px
    }
}

.list li:not(:first-child) {
    margin-top: 1.5625rem
}

.list--ltr li {
    padding-left: 1.875rem;
    padding-right: unset
}

.list--horizontal li {
    font-family: IranYekanBold, tahoma, arial;
    padding-right: 1.5625rem;
    margin-top: 0 !important;
    margin: 0 0 .625rem 0;
    font-size: 1rem;
    color: #288ed9
}

@media only screen and (max-width: 500px) {
    .list--horizontal li {
        padding-right: 15px
    }
}

.list--white li {
    color: #fff
}

.list--narrow li:not(:first-child) {
    margin-top: .625rem
}

.list--border li:not(:first-child) {
    margin-top: 1.875rem;
    text-align: justify
}

.list--posts li {
    font-family: IranYekan, tahoma, arial;
    padding-right: 1.125rem;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    color: #999;
    font-size: 1rem
}

.list--posts li:not(:first-child) {
    margin-top: .5rem
}

.list--gray li {
    font-family: IranYekan, tahoma, arial;
    padding-right: .875rem;
    color: inherit;
    font-size: .875rem
}

.list--gray li:not(:first-child) {
    margin-top: .5rem
}

.list li::before {
    content: "";
    position: absolute;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    right: 0;
    top: .375rem;
    background-color: #288ed9
}

@media only screen and (max-width: 800px) {
    .list li::before {
        width: 12px;
        height: 12px
    }
}

@media only screen and (max-width: 500px) {
    .list li::before {
        width: 10px;
        height: 10px
    }
}

.list--ltr li::before {
    left: 0;
    right: unset
}

.list--horizontal li::before {
    top: .4375rem
}

.list--white li::before {
    background-color: #fff
}

.list--border li::before {
    background-color: transparent;
    border: 1px solid #fff
}

.list--posts li::before {
    top: .6875rem;
    width: .5rem;
    height: .5rem
}

.list--gray li::before {
    top: .5625rem;
    width: 6px;
    background-color: inherit;
    height: 6px
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #3f80b2;
    z-index: 500;
    overflow-y: auto;
    direction: ltr;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .2s ease-out, margin 0s;
    transition: all .2s ease-out, margin 0s
}

@media only screen and (min-width: 501px) {
    .modal {
        padding: 0 15px
    }
}

.modal--popup {
    opacity: 0;
    pointer-events: none;
    background-color: rgba(67, 130, 178, .8);
    z-index: 501;
    padding: 3.125rem 0
}

@media only screen and (max-width: 500px) {
    .modal--popup {
        padding: 1.25rem .625rem
    }
}

.modal--open {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

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

.modal--open-popup {
    overflow: hidden;
    margin-right: 17px
}

.modal > .container {
    padding: 3.125rem 0
}

@media only screen and (max-width: 800px) {
    .modal > .container {
        padding: 20px 0
    }
}

.modal--center > .container {
    padding: 0
}

.modal-wrap {
    box-shadow: 0 .1875rem 2.875rem rgba(22, 69, 113, .8);
    border-radius: .625rem;
    direction: rtl;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.modal--open .modal-wrap {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.modal-wrap--tab {
    background-color: #fff;
    padding: 5rem 3.75rem
}

@media only screen and (max-width: 1050px) {
    .modal-wrap--tab {
        padding: 3.75rem .9375rem
    }
}

.modal-close {
    margin-bottom: 1.25rem;
    float: left
}

@media only screen and (max-width: 500px) {
    .modal-close {
        margin-left: 15px
    }
}

.modal-close--fixed {
    position: absolute;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-bottom: 0;
    left: 2.5rem;
    top: 2.5rem
}

@media only screen and (max-width: 1050px) {
    .modal-close--fixed {
        left: 35px;
        top: 35px
    }
}

@media only screen and (max-width: 800px) {
    .modal-close--fixed {
        left: 15px;
        top: 25px
    }
}

@media only screen and (max-width: 800px) {
    .card-fig {
        max-width: 500px
    }
}

.card-fig--full {
    max-width: none
}

.card-fig--left {
    text-align: left
}

.section--intro .card-fig {
    opacity: 0
}

.section--intro .card-fig {
    max-width: 21.875rem
}

@media only screen and (max-width: 800px) {
    .section--intro .card-fig {
        margin-top: 50px
    }
}

@media only screen and (max-width: 500px) {
    .section--intro .card-fig {
        max-width: none
    }
}

.card-fig__img {
    width: 100%
}

.card-fig__img img {
    display: block;
    width: 100%
}

.card-fig__img-desc {
    font-size: 1.125rem;
    color: #fff;
    text-align: justify;
    margin-top: 3.125rem
}

@media only screen and (max-width: 800px) {
    .card-fig--service .card-fig__img {
        background-color: #0085e6;
        padding: 50px 15px
    }

    .card-fig--service .card-fig__img img {
        max-width: 500px;
        margin: 0 auto
    }
}

.card-fig__img--small > * {
    margin-right: auto;
    max-width: 350px !important
}

@media only screen and (min-width: 1050px) and (max-width: 1200px) {
    .card-fig__img--small > * {
        margin-right: inherit
    }
}

@media only screen and (min-width: 1901px) {
    .card-fig__img--small > * {
        max-width: 380px
    }
}

@media only screen and (max-width: 800px) {
    .card-fig__img--small > * {
        margin-right: auto;
        margin-left: auto
    }
}

.card-fig__body {
    overflow: hidden
}

.card-fig__body--overshow {
    overflow: visible
}

@media only screen and (min-width: 1051px) {
    .card-fig__body {
        padding-right: 1.875rem
    }
}

@media only screen and (max-width: 800px) {
    .card-fig__body {
        margin-top: 30px
    }
}

.card-fig--intro .card-fig__body {
    padding-right: 0
}

@media only screen and (min-width: 1051px) {
    .card-fig--intro .card-fig__body {
        margin-top: 8.75rem
    }
}

@media only screen and (min-width: 1051px) {
    .section--intro .card-fig--intro .card-fig__body {
        margin-top: 0
    }
}

@media only screen and (max-width: 800px) {
    .card-fig--service .card-fig__body {
        margin-top: 0;
        text-align: right;
        background-color: #005b9f;
        padding: 50px 15px
    }
}

.card-fig__header {
    margin-bottom: 1.25rem
}

.section--intro .card-fig__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.card-fig__header--center {
    text-align: center
}

.card-fig__slider {
    position: relative;
    width: 12.5rem;
    height: 3rem;
    margin-right: .625rem
}

.card-fig__slider li {
    max-width: 12.5rem;
    height: 3rem;
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.75rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

@media only screen and (max-width: 800px) {
    .card-fig__slider li {
        font-size: 22px
    }
}

@media only screen and (max-width: 500px) {
    .card-fig__slider li {
        font-size: 20px
    }
}

.section--intro .card-fig__slider li {
    color: #fff
}

.card-fig__slider li.up {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .2s opacity linear, 1s -webkit-transform cubic-bezier(.23, 1, .32, 1);
    transition: .2s opacity linear, 1s -webkit-transform cubic-bezier(.23, 1, .32, 1);
    transition: 1s transform cubic-bezier(.23, 1, .32, 1), .2s opacity linear;
    transition: 1s transform cubic-bezier(.23, 1, .32, 1), .2s opacity linear, 1s -webkit-transform cubic-bezier(.23, 1, .32, 1)
}

.card-fig__slider li.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: .2s opacity linear, 1s -webkit-transform cubic-bezier(.23, 1, .32, 1);
    transition: .2s opacity linear, 1s -webkit-transform cubic-bezier(.23, 1, .32, 1);
    transition: 1s transform cubic-bezier(.23, 1, .32, 1), .2s opacity linear;
    transition: 1s transform cubic-bezier(.23, 1, .32, 1), .2s opacity linear, 1s -webkit-transform cubic-bezier(.23, 1, .32, 1)
}

.card-fig__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.375rem;
    color: #288ed9
}

@media only screen and (max-width: 800px) {
    .card-fig__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .card-fig__title {
        font-size: 16px
    }
}

.section--intro .card-fig__title {
    font-family: IranYekan, tahoma, arial;
    color: #fff;
    height: 3rem
}

.card-fig--intro .card-fig__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.75rem
}

@media only screen and (max-width: 800px) {
    .card-fig--intro .card-fig__title {
        font-size: 22px
    }
}

@media only screen and (max-width: 500px) {
    .card-fig--intro .card-fig__title {
        font-size: 20px
    }
}

.card-fig--service .card-fig__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.375rem;
    font-family: IranYekan, tahoma, arial;
    color: #21e2e2
}

@media only screen and (max-width: 800px) {
    .card-fig--service .card-fig__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .card-fig--service .card-fig__title {
        font-size: 16px
    }
}

.card-fig--small .card-fig__title {
    font-size: 1.3125rem
}

@media only screen and (max-width: 800px) {
    .card-fig--small .card-fig__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .card-fig--small .card-fig__title {
        font-size: 16px
    }
}

.card-fig__title span {
    display: inline-block
}

.card-fig__title small {
    font-family: IranYekan, tahoma, arial;
    font-size: 1.125rem
}

@media only screen and (max-width: 800px) {
    .card-fig__title small {
        font-size: 16px
    }
}

@media only screen and (max-width: 800px) {
    .card-fig__title small {
        font-size: 14px
    }
}

.card-fig__subtitle {
    font-size: 1.125rem;
    color: #288ed9
}

@media only screen and (max-width: 800px) {
    .card-fig__subtitle {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .card-fig__subtitle {
        font-size: 15px
    }
}

.card-fig__desc {
    overflow: hidden
}

.card-fig__body--overshow .card-fig__desc {
    overflow: visible
}

.card-fig--intro .card-fig__desc {
    color: #666;
    text-align: justify
}

.card-fig--service .card-fig__desc {
    text-align: justify
}

.card-fig-list .card-fig__desc {
    text-align: justify
}

.section--intro .card-fig__desc {
    color: #fff
}

.card-fig__content {
    text-align: right
}

@media only screen and (min-width: 800px) and (max-width: 1050px) {
    .card-fig__content--right {
        padding-left: 3.125rem
    }
}

.card-fig__footer {
    font-size: 0;
    margin-top: 1.875rem
}

.card-fig__footer .btn:not(:first-child), .card-fig__footer .tag:not(:first-child) {
    margin-right: .625rem
}

@media only screen and (max-width: 500px) {
    .card-fig__footer .btn, .card-fig__footer .tag {
        margin-bottom: .625rem
    }
}

.card-fig .row {
    margin: 0
}

.card-fig [class*=col-] {
    vertical-align: middle;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 1051px) {
    .card-fig--intro [class*=col-] {
        vertical-align: top
    }
}

@media only screen and (max-width: 800px) {
    .card-fig [class*=col-] {
        padding: 0 !important
    }
}

.card-fig [class*=col-]:nth-child(1) {
    padding-left: 3.125rem
}

@media only screen and (max-width: 1050px) {
    .card-fig [class*=col-]:nth-child(1) {
        padding-left: 1.5625rem
    }
}

.card-fig--right [class*=col-]:nth-child(1) {
    padding-left: 0;
    padding-right: 3.125rem
}

@media only screen and (max-width: 1050px) {
    .card-fig--right [class*=col-]:nth-child(1) {
        padding-right: 1.5625rem
    }
}

.card-fig--intro [class*=col-]:nth-child(1) {
    padding-left: 0;
    padding-right: .9375rem
}

.card-fig [class*=col-]:nth-child(2) {
    padding-right: 3.125rem
}

@media only screen and (max-width: 1050px) {
    .card-fig [class*=col-]:nth-child(2) {
        padding-right: 1.5625rem
    }
}

.card-fig--right [class*=col-]:nth-child(2) {
    padding-right: 0;
    padding-left: 3.125rem
}

@media only screen and (max-width: 1050px) {
    .card-fig--right [class*=col-]:nth-child(2) {
        padding-left: 1.5625rem
    }
}

.card-fig--intro [class*=col-]:nth-child(2) {
    padding-right: 0;
    padding-left: .9375rem
}

.card-fig-list li:not(:first-child) {
    margin-top: 6.25rem
}

@media only screen and (max-width: 800px) {
    .card-fig--service {
        max-width: inherit
    }
}

.card-faq {
    text-align: right;
    background-color: #f2f2f2;
    border-radius: 7px;
    padding: 1.875rem 2.0625rem;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

@media only screen and (max-width: 800px) {
    .card-faq {
        padding: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .card-faq {
        padding: 1.25rem .9375rem
    }
}

.card-faq:not(:last-child) {
    margin-bottom: 1.875rem
}

@media only screen and (max-width: 800px) {
    .card-faq:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

.card-faq__header {
    margin-bottom: .9375rem
}

.card-faq__title {
    font-family: IranYekanBold, tahoma, arial;
    color: #666;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

@media only screen and (min-width: 1051px) {
    .card-faq:hover .card-faq__title {
        color: #288ed9
    }
}

.card-faq__content {
    color: #999;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.card-faq__content p {
    font-size: .875rem
}

.card-faq__content p:not(:last-child) {
    margin-bottom: .4375rem
}

.card-faq__content ul {
    display: inline-block;
    width: 100%;
    padding-right: 1.875rem;
    margin-top: .625rem
}

@media only screen and (max-width: 800px) {
    .card-faq__content ul {
        padding-right: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .card-faq__content ul {
        padding-right: .9375rem
    }
}

.card-faq__content li {
    font-family: IranYekan, tahoma, arial;
    position: relative;
    padding-right: .875rem;
    color: inherit;
    font-size: .875rem
}

.card-faq__content li:not(:first-child) {
    margin-top: .5rem
}

@media only screen and (max-width: 500px) {
    .card-faq__content li {
        padding-right: 20px
    }
}

.card-faq__content li:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    right: 0;
    top: .5625rem;
    width: 6px;
    height: 6px;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    background-color: #999
}

@media only screen and (max-width: 800px) {
    .card-faq__content li:before {
        width: 12px;
        height: 12px
    }
}

@media only screen and (max-width: 500px) {
    .card-faq__content li:before {
        width: 10px;
        height: 10px
    }
}

@media only screen and (min-width: 1051px) {
    .card-faq:hover .card-faq__content li:before {
        background-color: #666
    }
}

@media only screen and (min-width: 1051px) {
    .card-faq:hover .card-faq__content {
        color: #666
    }
}

@media only screen and (min-width: 1051px) {
    .card-faq:hover {
        background-color: #d6eeff
    }
}

.card-a {
    background-color: #fff;
    padding: 2.5rem 1.875rem 1.875rem;
    box-shadow: 0 10px 30px 0 rgba(0, 91, 159, .2);
    border-radius: 7px;
    text-align: center;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 1050px) {
    .card-a {
        padding: 2.8125rem .9375rem 2.8125rem
    }
}

.card-a:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 7px;
    width: 101%;
    height: 100%;
    z-index: -1;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.card-a__header {
    margin-bottom: .9375rem
}

@media only screen and (min-width: 801px) {
    .card-a--horizontal .card-a__header {
        margin-bottom: 5px
    }
}

.card-a__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.25rem;
    color: #999;
    -webkit-transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, color .3s ease-in-out;
    transition: transform .3s ease-in-out, color .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media only screen and (max-width: 800px) {
    .card-a__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .card-a__title {
        font-size: 16px
    }
}

.card-a--small .card-a__title {
    color: #288ed9
}

.card-a__desc {
    color: #b3b3b3;
    text-align: justify;
    margin-bottom: .9375rem;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media only screen and (max-width: 800px) {
    .card-a__desc {
        margin-bottom: 1.5625rem
    }
}

@media only screen and (min-width: 801px) {
    .card-a--horizontal .card-a__desc {
        margin-bottom: 0
    }
}

.card-a--small .card-a__desc {
    margin-bottom: 0
}

.card-a__img {
    width: 100%;
    max-width: 13.75rem;
    display: inline-block;
    margin-bottom: .9375rem;
    font-size: 0;
    -webkit-transition: padding .15s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: padding .15s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, padding .15s ease-in-out;
    transition: transform .3s ease-in-out, padding .15s ease-in-out, -webkit-transform .3s ease-in-out
}

@media only screen and (min-width: 500px) and (max-width: 1050px) {
    .card-a__img {
        padding: 0 .625rem
    }
}

.card-a__img img {
    width: 100%
}

@media only screen and (min-width: 801px) {
    .card-a--horizontal .card-a__img {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0;
        margin-left: .625rem
    }
}

.card-a--small .card-a__img {
    width: 100%;
    max-width: 11.25rem;
    min-height: inherit;
    padding: 0
}

.card-a--horizontal .card-a__wrap {
    position: relative
}

@media only screen and (min-width: 801px) {
    .card-a--horizontal .card-a__wrap {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
}

.card-a__footer {
    position: absolute;
    bottom: 1.0625rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media only screen and (max-width: 800px) {
    .card-a__footer {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        pointer-events: all
    }
}

.card-a--small .card-a__footer {
    width: 100%;
    bottom: 0;
    padding: 4.375rem 0 1.25rem;
    background-color: #fff;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to top, #fff 0, #fff 50%, rgba(255, 255, 255, 0) 100%)
}

@media only screen and (max-width: 800px) {
    .card-a--small .card-a__footer {
        padding-top: 1.25rem;
        background-color: transparent;
        padding-bottom: 0
    }
}

.card-a--horizontal .card-a__footer {
    bottom: 0;
    padding: 4.375rem 0 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media only screen and (max-width: 800px) {
    .card-a--horizontal .card-a__footer {
        padding-top: 1.25rem;
        background-color: transparent;
        padding-bottom: 0
    }
}

@media only screen and (min-width: 801px) {
    .card-a:hover:after {
        height: 110%
    }

    .card-a:hover .card-a__img {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    .card-a:hover .card-a__desc {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    .card-a:hover .card-a__title {
        color: #288ed9;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    .card-a:hover .card-a__footer {
        opacity: 1;
        -webkit-transition: opacity .3s linear;
        transition: opacity .3s linear;
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
        pointer-events: all
    }
}

.card-a--small {
    padding: 1.875rem;
    box-shadow: 0 10px 0 0 rgba(0, 91, 159, 0);
    -webkit-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    overflow: hidden
}

.card-a--small:after {
    display: none
}

@media only screen and (min-width: 801px) {
    .card-a--small:hover {
        box-shadow: 0 10px 30px 0 rgba(0, 91, 159, .2)
    }

    .card-a--small:hover .card-a__footer {
        opacity: 1
    }

    .card-a--small:hover .card-a__desc, .card-a--small:hover .card-a__img, .card-a--small:hover .card-a__title {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 801px) {
    .card-a--horizontal {
        padding: .9375rem 1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: right
    }
}

.card-aside {
    font-size: 1rem
}

.card-aside:not(:last-child) {
    margin-bottom: 2.1875rem
}

.card-aside__wrap {
    background-color: #fff;
    box-shadow: 0 7px 20px 0 #f2f2f2;
    padding: 1.875rem 1.5625rem;
    border-radius: 3px;
    text-align: center
}

.card-aside--banner .card-aside__wrap {
    padding: 0
}

.card-aside--banner .card-aside__wrap > * {
    width: 100%;
    display: block;
    font-size: 0
}

.card-aside--image .card-aside__wrap {
    background-color: #288ed9;
    padding-top: .625rem
}

.card-aside--image .card-aside__wrap p {
    font-size: 1.0625rem;
    color: #fff;
    margin-bottom: 1.5625rem
}

.card-aside--image .card-aside__wrap img {
    display: block;
    width: 100%;
    margin-top: .3125rem
}

@media only screen and (min-width: 500px) and (max-width: 800px) {
    .card-aside {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding: 0 15px
    }
}

.card-b {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 10px 30px 0 rgba(0, 91, 159, .2) !important;
    text-align: center;
    padding: 2.5rem 1.5625rem;
    display: block;
    width: 100%
}

.card-b__img {
    font-size: 0;
    margin-bottom: 1.25rem;
    min-height: 3.75rem;
    max-height: 3.75rem;
    max-width: 3.75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-b--horizontal .card-b__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: inherit;
    margin-bottom: 0;
    margin-left: .625rem
}

.card-b__img > img {
    max-width: 100%
}

.card-b--horizontal .card-b__wrap {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.card-b__header {
    margin-bottom: 5px
}

.card-b--horizontal .card-b__header {
    margin-bottom: 0
}

.card-b__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.125rem;
    color: #288ed9
}

.card-b--sm .card-b__title {
    font-size: .9375rem
}

.card-b__desc {
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: -.5px;
    min-height: 2.75rem
}

.card-b--horizontal .card-b__desc {
    text-align: right
}

.card-b--horizontal {
    padding: 1.25rem;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.card-b--large {
    padding: 2.1875rem 1.25rem
}

.card-blog {
    border-radius: 3px;
    box-shadow: 0 7px 20px 0 #f2f2f2 !important;
    overflow: hidden;
    display: block;
    position: relative
}

.card-blog__img {
    min-height: 14.375rem;
    position: relative;
    overflow: hidden;
    font-size: 0
}

.card-blog--lg .card-blog__img {
    min-height: 21.25rem
}

@media only screen and (max-width: 500px) {
    .card-blog--lg .card-blog__img {
        min-height: 18.125rem
    }
}

.card-blog__img img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: inherit;
    min-height: 100%;
    min-width: 100%;
    top: 0
}

.card-blog--full .card-blog__img {
    max-height: inherit;
    min-height: inherit
}

.card-blog--full .card-blog__img img {
    position: static;
    width: 100%;
    min-width: inherit;
    min-height: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.card-blog__header {
    padding: .9375rem 1.25rem
}

.card-blog--lg .card-blog__header {
    padding: 1.25rem 2.5rem 0;
    margin-bottom: .8125rem
}

@media only screen and (max-width: 800px) {
    .card-blog--lg .card-blog__header {
        padding: 1.25rem 1.25rem 0
    }
}

@media only screen and (max-width: 500px) {
    .card-blog--lg .card-blog__header {
        padding: 1.25rem .9375rem 0
    }
}

.card-blog--full .card-blog__header {
    padding: 1.25rem 2.5rem 0;
    margin-bottom: 1rem
}

@media only screen and (max-width: 800px) {
    .card-blog--full .card-blog__header {
        padding: 1.25rem 1.25rem 0
    }
}

@media only screen and (max-width: 500px) {
    .card-blog--full .card-blog__header {
        padding: 1.25rem .9375rem 0
    }
}

.card-blog__title {
    color: gray;
    line-height: 1.9375rem;
    min-height: 3.875rem;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

@media only screen and (min-width: 1051px) {
    .card-blog:hover .card-blog__title {
        color: #288ed9
    }
}

@media only screen and (min-width: 1051px) {
    .cart-blog--lg:hover .card-blog__title {
        color: #288ed9
    }
}

.card-blog--lg .card-blog__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.25rem;
    color: #288ed9;
    line-height: 1.5;
    min-height: 1.9375rem
}

@media only screen and (max-width: 800px) {
    .card-blog--lg .card-blog__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .card-blog--lg .card-blog__title {
        font-size: 16px
    }
}

.card-blog--full .card-blog__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.25rem;
    color: #288ed9;
    min-height: 1.375rem;
    line-height: 1.5
}

@media only screen and (max-width: 800px) {
    .card-blog--full .card-blog__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .card-blog--full .card-blog__title {
        font-size: 16px
    }
}

.card-blog__desc {
    padding: 0 1.25rem;
    text-align: justify;
    color: #999;
    font-size: .875rem;
    margin-bottom: .9375rem
}

.card-blog--lg .card-blog__desc {
    font-size: 1rem;
    padding: 0 2.5rem;
    margin-bottom: 1.125rem
}

@media only screen and (max-width: 800px) {
    .card-blog--lg .card-blog__desc {
        padding: 0 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .card-blog--lg .card-blog__desc {
        padding: 0 .9375rem
    }
}

.card-blog__tag {
    padding: 0 2.5rem;
    margin-bottom: 1.25rem
}

.card-blog__footer {
    border-top: 1px solid #e6e6e6;
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
    margin: 0 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .75rem
}

@media only screen and (min-width: 1051px) {
    .card-blog:hover .card-blog__footer {
        border-color: transparent
    }
}

@media only screen and (min-width: 1051px) {
    .card-blog--lg:hover .card-blog__footer {
        border-color: #e6e6e6
    }
}

.card-blog--full .card-blog__footer, .card-blog--lg .card-blog__footer {
    margin: 0 2.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

@media only screen and (max-width: 800px) {
    .card-blog--full .card-blog__footer, .card-blog--lg .card-blog__footer {
        margin: 0 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .card-blog--full .card-blog__footer, .card-blog--lg .card-blog__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0 .9375rem
    }
}

.card-blog--full .card-blog__footer {
    padding-bottom: 2.5rem
}

.card-blog--full .card-blog__footer p, .card-blog--lg .card-blog__footer p {
    padding-left: .8125rem;
    margin-left: .8125rem;
    position: relative
}

.card-blog--full .card-blog__footer p:before, .card-blog--lg .card-blog__footer p:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 80%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ccc
}

@media only screen and (max-width: 500px) {
    .card-blog--full .card-blog__footer p:before, .card-blog--lg .card-blog__footer p:before {
        display: none
    }
}

.card-blog__btn {
    text-align: center;
    background-color: #fff;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    position: absolute;
    padding: 1.25rem 0;
    width: 100%;
    bottom: 0;
    right: 0;
    opacity: 0;
    pointer-events: none
}

@media only screen and (max-width: 1050px) {
    .card-blog__btn {
        position: static;
        opacity: 1;
        pointer-events: all;
        padding-top: 0;
        padding-bottom: 1.5625rem
    }
}

@media only screen and (min-width: 1051px) {
    .card-blog:hover .card-blog__btn {
        pointer-events: all;
        opacity: 1
    }
}

.card-blog__info {
    font-size: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 800px) {
    .card-blog__info {
        margin-bottom: .625rem
    }
}

@media only screen and (max-width: 500px) {
    .card-blog__info {
        margin-bottom: 1rem;
        font-size: .875rem;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.card-blog__content {
    padding: 0 2.5rem;
    margin-bottom: 1.25rem;
    color: #777
}

@media only screen and (max-width: 800px) {
    .card-blog__content {
        padding: 0 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .card-blog__content {
        padding: 0 .9375rem
    }
}

.card-blog__content h2 {
    font-size: 1.125rem;
    color: #777
}

@media only screen and (max-width: 800px) {
    .card-blog__content h2 {
        font-size: 1rem
    }
}

@media only screen and (max-width: 500px) {
    .card-blog__content h2 {
        font-size: .875rem
    }
}

.card-blog__content h3 {
    font-size: 1rem;
    color: #777
}

@media only screen and (max-width: 800px) {
    .card-blog__content h3 {
        font-size: .875rem
    }
}

.card-blog__content ul {
    font-size: 0
}

.card-blog__content ul li {
    font-family: IranYekan, tahoma, arial;
    position: relative;
    padding-right: 1.125rem;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    color: #999;
    font-size: 1rem
}

.card-blog__content ul li:not(:first-child) {
    margin-top: .5rem
}

.card-blog__content ul li::before {
    content: "";
    position: absolute;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    right: 0;
    top: .375rem;
    background-color: #288ed9
}

@media only screen and (max-width: 800px) {
    .card-blog__content ul li::before {
        width: 12px;
        height: 12px
    }
}

@media only screen and (max-width: 500px) {
    .card-blog__content ul li::before {
        width: 10px;
        height: 10px
    }
}

.list--posts li::before {
    top: .6875rem;
    width: .5rem;
    height: .5rem
}

.card-blog__content blockquote {
    direction: rtl;
    text-align: right;
    background-color: #fff;
    border-radius: .3125rem;
    border-right: 5px solid #288ed9;
    color: #288ed9;
    font-size: .9375rem;
    padding: 1.25rem;
    line-height: 1
}

.card-blog__content blockquote > * {
    margin-bottom: .625rem;
    line-height: 1.3
}

.card-blog__content blockquote > :last-child {
    margin-bottom: 0
}

.card-blog__content img {
    display: block;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    height: auto
}

.card-blog__content a {
    font-family: IranYekanBold, tahoma, arial;
    color: #288ed9
}

.card-blog__content > * {
    margin-bottom: 1rem
}

.card-blog__content > :last-child {
    margin-bottom: 0
}

.card-blog__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.card-blog__share span {
    font-size: .8125rem;
    color: gray;
    margin-left: 1.0625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-blog__share i {
    margin-left: .3125rem
}

.card-blog__share-buttons {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-blog__share-buttons button {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 100%;
    background-color: #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    margin: 0 .25rem;
    overflow: hidden
}

.card-blog__share-buttons button .svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff
}

.card-blog__share-buttons button .svg--twitter {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.card-blog__share-buttons button .svg--telegram {
    -webkit-transform: translateX(-2.5px);
    -ms-transform: translateX(-2.5px);
    transform: translateX(-2.5px)
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .card-blog__share-buttons button .svg--telegram {
        -webkit-transform: translateX(1.5px);
        -ms-transform: translateX(1.5px);
        transform: translateX(1.5px)
    }
}

.card-blog__share-buttons button:hover {
    background-color: #43abf8
}

.card-blog--lg {
    border-radius: 7px;
    background-color: #fff;
    box-shadow: none;
    margin-bottom: 1.875rem
}

.card-blog--lg:last-child {
    margin-bottom: 0
}

.card-blog--full {
    border-radius: 7px;
    background-color: #fff;
    box-shadow: none
}

@media only screen and (min-width: 1051px) {
    .card-blog--full:hover .card-blog__title {
        color: #288ed9
    }
}

@media only screen and (min-width: 1051px) {
    .card-blog--full:hover .card-blog__footer {
        border-color: #e6e6e6
    }
}

.card-c {
    text-align: center
}

@media only screen and (min-width: 1201px) {
    .card-c {
        padding: 0 1.5625rem
    }
}

@media only screen and (max-width: 1200px) {
    .card-c {
        padding: 0 .9375rem
    }
}

@media only screen and (max-width: 600px) {
    .card-c {
        padding: 0
    }
}

.card-c__img {
    max-width: 9.375rem;
    display: inline-block;
    margin-bottom: 1.25rem;
    -webkit-transition: max-width .15s ease-in-out;
    transition: max-width .15s ease-in-out;
    width: 100%;
    font-size: 0
}

.card-c--steps .card-c__img {
    max-width: 11.25rem
}

@media only screen and (min-width: 800px) and (max-width: 1050px) {
    .card-c--steps .card-c__img {
        max-width: 9.375rem
    }
}

.card-c--large .card-c__img {
    max-width: 18.75rem;
    margin-bottom: 3.125rem
}

@media only screen and (max-width: 800px) {
    .card-c--large .card-c__img {
        margin-bottom: 1.875rem
    }
}

@media only screen and (min-width: 700px) and (max-width: 800px) {
    .card-c--large .card-c__img {
        max-width: 17.5rem
    }
}

@media only screen and (max-width: 500px) {
    .card-c--large .card-c__img {
        max-width: 16.25rem
    }
}

.card-c__img img {
    width: 100%
}

.card-c__info {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .5rem
}

.card-c__info var {
    font-size: 1.875rem;
    line-height: 1.875rem;
    -webkit-transition: font-size .15s ease-in-out;
    transition: font-size .15s ease-in-out
}

@media only screen and (max-width: 1050px) {
    .card-c__info var {
        font-size: 1.75rem;
        line-height: 1.75rem
    }
}

@media only screen and (min-width: 500px) and (max-width: 800px) {
    .card-c__info var {
        font-size: 1.625rem;
        line-height: 1.625rem
    }
}

.card-c__info span {
    margin-right: .625rem
}

.card-c__header {
    margin-bottom: .9375rem
}

.card-c--large .card-c__header {
    text-align: right
}

@media only screen and (max-width: 500px) {
    .card-c--large .card-c__header {
        text-align: center
    }
}

.card-c__title {
    color: #98cdf2
}

.card-c__title span {
    color: #288ed9;
    font-size: 1.25rem;
    margin-left: .9375rem;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 100%;
    position: relative;
    width: 1.875rem;
    height: 1.875rem
}

.card-c--steps .card-c__title {
    font-family: IranYekanBold, tahoma, arial;
    color: #fff;
    font-size: 1.25rem
}

.card-c--large .card-c__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.125rem;
    color: #288ed9
}

.card-c__subtitle {
    font-family: IranYekanLight, tahoma, arial;
    font-size: .875rem;
    color: #288ed9
}

@media only screen and (max-width: 500px) {
    .card-c__subtitle {
        font-size: 1rem
    }
}

.card-c__desc {
    text-align: justify;
    letter-spacing: -1px;
    line-height: 1.5;
    color: #f7f7f7;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media only screen and (max-width: 500px) {
    .card-c__desc {
        max-width: 400px;
        margin-right: auto;
        margin-left: auto
    }
}

.card-c--large .card-c__desc {
    color: #b3b3b3;
    letter-spacing: inherit;
    line-height: 1.8
}

.card-c--large:hover .card-c__desc {
    color: #666
}

@media only screen and (min-width: 1201px) {
    .card-c--steps {
        padding: 0 1.25rem
    }
}

@media only screen and (max-width: 1200px) {
    .card-c--steps {
        padding: 0 .9375rem
    }
}

@media only screen and (max-width: 500px) {
    .card-c--steps {
        padding: 0
    }
}

.card-client {
    background-color: #fff;
    border-radius: 20px 70px 70px 20px;
    padding: 1.25rem 5.625rem 1.25rem 1.875rem;
    position: relative
}

@media only screen and (max-width: 500px) {
    .card-client {
        padding-right: 4.0625rem;
        padding-left: 1.25rem;
        border-radius: 15px 45px 45px 15px
    }
}

.card-client__header {
    margin-bottom: .625rem
}

@media only screen and (max-width: 500px) {
    .card-client__header {
        margin-bottom: .5rem
    }
}

.card-client__header p {
    color: #288ed9
}

.card-client__header span {
    font-size: .875rem;
    color: #999
}

.card-client__avatar {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -20px;
    width: 5.125rem;
    height: 5.125rem;
    border-radius: 100%;
    border: 4px solid #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 500px) {
    .card-client__avatar {
        width: 4.5rem;
        height: 4.5rem
    }
}

.card-client__avatar img {
    width: 100%
}

.card-client__desc {
    zoom: 1;
    font-size: .875rem;
    color: #666;
    text-align: justify;
    line-height: 1.3125rem;
    height: 3.9375rem;
    overflow: hidden
}

.card-client__desc before, .card-client__desc::after {
    content: "";
    display: block
}

.card-client__desc::after {
    clear: both
}

.plan-wrap {
    border-radius: .3125rem;
    margin-bottom: 4.375rem
}

@media only screen and (min-width: 1051px) {
    .plan-wrap {
        border: 1px solid #e6e6e6
    }
}

.plan-wrap--separated {
    border: 0
}

.plan-wrap--bighover {
    margin-bottom: 9.375rem
}

.plan-wrap--centered .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-plan {
    border-radius: .3125rem;
    position: relative;
    height: 100%
}

@media only screen and (max-width: 1050px) {
    .card-plan {
        border: 1px solid #288ed9;
        box-shadow: 0 10px 20px 0 rgba(40, 143, 217, .4);
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 800px) {
    .card-plan {
        max-width: 25rem;
        margin: 0 auto 30px
    }
}

.plan-wrap--separated .card-plan {
    border: 1px solid #e6e6e6;
    border-radius: .3125rem;
    height: auto
}

@media only screen and (max-width: 1050px) {
    .plan-wrap--separated .card-plan {
        border: 1px solid #288ed9
    }
}

.card-plan::before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 3.75rem);
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #e6e6e6;
    z-index: 2;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 1050px) {
    .card-plan::before {
        display: none
    }
}

.plan-wrap [class*=col-]:not(.hide):last-of-type .card-plan::before {
    width: 0
}

.card-plan:hover::before {
    background-color: transparent
}

.card-plan.selected::before {
    background-color: transparent
}

.plan-wrap--separated .card-plan::before {
    display: none
}

.card-plan::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: .3125rem;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 0
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover::after {
        border: 1px solid #288ed9;
        height: calc(100% + 4.6rem);
        box-shadow: 0 10px 20px 0 rgba(40, 143, 217, .4);
        z-index: 2
    }

    .is-ie .card-plan:hover::after {
        height: 120%
    }
}

@media only screen and (min-width: 1051px) {
    .card-plan.selected::after {
        border: 1px solid #288ed9;
        height: calc(100% + 4.6rem);
        box-shadow: 0 10px 20px 0 rgba(40, 143, 217, .4);
        z-index: 2
    }

    .is-ie .card-plan.selected::after {
        height: 120%
    }
}

@media only screen and (min-width: 1051px) {
    .plan-wrap--bighover .card-plan:hover::after {
        height: calc(100% + 8.5rem)
    }

    .is-ie .plan-wrap--bighover .card-plan:hover::after {
        height: 125%
    }
}

.card-plan--out::after {
    display: none
}

.card-plan__wrap {
    position: relative;
    z-index: 3;
    height: 100%;
    padding: 2.1875rem 1.875rem
}

@media only screen and (max-width: 1050px) {
    .card-plan__wrap {
        padding: 1.875rem 2.1875rem
    }
}

@media only screen and (max-width: 500px) {
    .card-plan__wrap {
        padding-left: 15px;
        padding-right: 15px
    }
}

.card-plan__title {
    display: inline-block;
    text-align: center;
    width: 13.75rem;
    position: absolute;
    right: 0;
    left: 0;
    top: -1.6875rem;
    margin: auto;
    font-size: 1.25rem;
    font-family: IranYekanBold, tahoma, arial;
    padding: .625rem;
    color: #fff;
    border-radius: 3.125rem
}

.plan-wrap--separated .card-plan__title {
    width: 15.625rem;
    padding: .75rem .3125rem;
    border-radius: 3.75rem
}

.card-plan--base .card-plan__title {
    background-color: #52acea
}

.card-plan--standard .card-plan__title {
    background-color: #30a3d1
}

.card-plan--professional .card-plan__title {
    background-color: #137fcf
}

.card-plan--special .card-plan__title {
    background-color: #005b9f
}

.card-plan--organic .card-plan__title {
    background-color: #0092ff
}

.card-plan__name {
    font-size: 1.375rem;
    text-align: center;
    margin-top: 1.875rem;
    color: gray;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media only screen and (min-width: 801px) {
    .card-plan:hover .card-plan__name {
        color: #666
    }
}

.card-plan__price {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 1.25rem 0 5px
}

.plan-wrap--bighover .card-plan__price {
    margin: 1.25rem 0
}

.card-plan__price--free {
    font-size: 1.875rem !important;
    line-height: 4.25rem
}

.card-plan__price--off {
    line-height: 1.2
}

.card-plan__price--lowmargin {
    margin-bottom: 0;
    line-height: 1.1
}

.card-plan__price--nonum {
    font-family: IranYekanBold, tahoma, arial;
    color: #999 !important;
    font-size: 1.25rem !important;
    min-height: 4.375rem !important
}

.card-plan--base .card-plan__price {
    color: #52acea
}

.card-plan--standard .card-plan__price {
    color: #30a3d1
}

.card-plan--professional .card-plan__price {
    color: #137fcf
}

.card-plan--special .card-plan__price {
    color: #005b9f
}

.card-plan--organic .card-plan__price {
    color: #0092ff
}

.plan-wrap--separated .card-plan__price {
    margin: 1.875rem 0 .9375rem
}

.card-plan--out .card-plan__price {
    font-size: 1.25rem;
    margin: 2.5rem 0 1.875rem
}

.card-plan__price i {
    font-style: normal;
    font-size: 1.5625rem;
    margin-left: .375rem;
    display: inline-block;
    vertical-align: middle
}

.card-plan__price b {
    color: #999
}

.card-plan__price p {
    display: inline-block;
    position: relative;
    font-size: .875rem;
    color: #999
}

.card-plan__price p::after {
    content: "";
    width: calc(100% + .625rem);
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -.3125rem;
    margin: auto
}

.card-plan__price em {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.375rem
}

.card-plan__price .full-period-price {
    color: #999
}

.card-plan__price .full-period-price * {
    font-size: .875rem
}

.card-plan__price .full-period-price i {
    font-size: 1.25rem
}

.card-plan__price .origin-price {
    display: inline-block;
    position: relative;
    font-size: .875rem;
    color: #999
}

.card-plan__price .origin-price::after {
    content: "";
    width: calc(100% + .625rem);
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -.3125rem;
    margin: auto
}

.card-plan__price .origin-price i {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.375rem
}

.card-plan__off {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 1.375rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__off {
        color: #666
    }
}

.card-plan__off span:first-child {
    margin-left: .3125rem
}

.card-plan__off .small {
    font-size: 1.1875rem
}

.card-plan__off .description {
    color: red;
    font-size: .9375rem
}

.card-plan__credit {
    font-family: IranYekanBold, tahoma, arial;
    text-align: center;
    font-size: 1.125rem;
    color: #24b77e;
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plan-wrap--separated .card-plan__credit {
    white-space: normal;
    margin: 0 auto 1.25rem auto;
    line-height: 1.4
}

.card-plan--out .card-plan__credit {
    font-size: 1.1875rem;
    color: #ccc;
    max-width: 18.75rem
}

.card-plan__credit span {
    font-family: IranYekan, tahoma, arial;
    font-size: 1rem
}

.card-plan__text {
    font-family: IranYekanBold, tahoma, arial;
    text-align: center;
    color: #999;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__text {
        color: #4d4d4d
    }
}

@media only screen and (min-width: 1051px) {
    .card-plan.selected .card-plan__text {
        color: #4d4d4d
    }
}

.card-plan__text--16 {
    font-size: 1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media only screen and (min-width: 1051px) {
    .card-plan__text--16 {
        position: absolute;
        bottom: -1.6875rem;
        visibility: hidden;
        opacity: 0
    }

    .card-plan:hover .card-plan__text--16 {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .card-plan.selected .card-plan__text--16 {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
}

.card-plan__text--17 {
    font-size: 1.0625rem;
    font-family: IranYekan, tahoma, arial
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__text--17 {
        color: #999
    }

    .card-plan.selected .card-plan__text--17 {
        color: #999
    }
}

.card-plan__text--18 {
    font-size: 1.125rem
}

@media only screen and (min-width: 1051px) {
    .card-plan__text--18 {
        margin-bottom: 0
    }
}

.card-plan__text--big {
    font-size: 1.25rem;
    font-family: IranYekan, tahoma, arial
}

.card-plan__text--medium {
    font-size: 1.1875rem;
    line-height: 3.375rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-plan__text--small {
    font-size: 1rem;
    max-width: 13.4375rem;
    margin: 0 auto 1.875rem auto
}

.card-plan__type {
    color: #999;
    text-align: center;
    margin-bottom: 3.125rem;
    min-height: 3.375rem;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.card-plan--out .card-plan__type {
    min-height: 0;
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__type {
        color: #4d4d4d
    }

    .card-plan--out:hover .card-plan__type {
        color: #999
    }
}

.card-plan__type span {
    display: block
}

.card-plan__feature {
    position: relative;
    color: gray;
    margin-bottom: .625rem;
    padding-right: 2.5rem;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.card-plan__feature--two {
    min-height: 3.375rem
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__feature {
        color: #666
    }
}

@media only screen and (min-width: 1051px) {
    .card-plan.selected .card-plan__feature {
        color: #666
    }
}

.card-plan__feature i {
    display: block;
    font-family: IranYekanBold, tahoma, arial
}

.card-plan__feature .svg {
    position: absolute;
    display: block;
    fill: gray;
    -webkit-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
    max-width: 1.5rem;
    max-height: 1.5rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__feature .svg {
        fill: #288ed9
    }
}

@media only screen and (min-width: 1051px) {
    .card-plan.selected .card-plan__feature .svg {
        fill: #288ed9
    }
}

.card-plan__feature svg {
    position: absolute;
    display: block;
    fill: gray;
    -webkit-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__feature svg {
        fill: #288ed9
    }
}

@media only screen and (min-width: 1051px) {
    .card-plan.selected .card-plan__feature svg {
        fill: #288ed9
    }
}

.card-plan__label {
    display: inline-block;
    color: #999;
    font-size: 14px;
    line-height: 1;
    padding: 6px 7px 3px;
    border-radius: 3px;
    margin-top: 4px;
    background-color: #f2f2f2
}

@media only screen and (max-width: 500px) {
    .card-plan__label {
        font-size: 13px
    }
}

.card-plan__label ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-plan__label li {
    position: relative;
    line-height: 1.2
}

.card-plan__label li:not(:last-child) {
    margin-left: 10px;
    padding-left: 10px
}

.card-plan__label li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: -1px;
    width: 1px;
    height: 90%;
    margin-top: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #999
}

.card-plan__info {
    font-size: .875rem;
    padding: .625rem 3.125rem;
    background-color: #f2f2f2;
    color: #999;
    border-radius: 3px;
    margin: 2.1875rem 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__info {
        background-color: #d6eeff;
        color: #288ed9
    }
}

@media only screen and (min-width: 1051px) {
    .card-plan.selected .card-plan__info {
        background-color: #d6eeff;
        color: #288ed9
    }
}

.card-plan__info p {
    margin-bottom: .4375rem
}

.card-plan__globe {
    width: 1.3125rem;
    height: 1.25rem;
    top: .3125rem;
    right: .375rem
}

.card-plan__pin {
    width: 1.0625rem;
    height: 1.5rem;
    top: .1875rem;
    right: .4375rem
}

.card-plan__pin2 {
    width: 1.0625rem;
    height: 1.5rem;
    top: .1875rem;
    right: .4375rem
}

.card-plan__cloud-card {
    width: 1.6875rem;
    height: 1.125rem;
    top: .375rem;
    right: 0
}

.card-plan__storage {
    width: 1.25rem;
    height: 1.25rem;
    top: .1875rem;
    right: .125rem
}

.card-plan__ram {
    width: 1.25rem;
    height: 1.25rem;
    top: .125rem;
    right: .125rem
}

.card-plan__ram2 {
    width: 1.25rem;
    height: 1.25rem;
    top: .125rem;
    right: .125rem
}

.card-plan__cpu {
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    right: 0
}

.card-plan__cpu2 {
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    right: 0
}

.card-plan__plus {
    display: block;
    text-align: center;
    padding: .625rem 0
}

.card-plan__plus svg {
    width: .625rem;
    height: .625rem
}

.card-plan__eye {
    width: 1.4375rem;
    height: 1.125rem;
    top: .1875rem;
    right: 0
}

.card-plan__properties {
    margin-top: 1.875rem
}

.card-plan__properties--center {
    text-align: center
}

.card-plan__properties li {
    padding-right: 1.5625rem;
    color: #999;
    position: relative;
    margin-bottom: .9375rem;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.card-plan__properties--nocheck li {
    padding-right: 0
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__properties li {
        color: #4d4d4d
    }

    .card-plan--out:hover .card-plan__properties li {
        color: #999
    }
}

.card-plan__properties li::after {
    content: "";
    width: 1.0625rem;
    height: .125rem;
    border-radius: 0 .3125rem .3125rem 0;
    position: absolute;
    right: 0;
    top: .75rem;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
    background-color: #999;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__properties li::after {
        background-color: #24b77e
    }
}

.card-plan__properties--nocheck li::after {
    display: none
}

.card-plan__properties li::before {
    content: "";
    width: .4375rem;
    height: .125rem;
    border-radius: .3125rem 0 0 .3125rem;
    position: absolute;
    right: .71875rem;
    top: .96875rem;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    background-color: #999;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__properties li::before {
        background-color: #24b77e
    }
}

.card-plan__properties--nocheck li::before {
    display: none
}

.card-plan__btn {
    position: absolute;
    bottom: -2.1875rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media only screen and (min-width: 1051px) {
    .plan-wrap--bighover .card-plan__btn {
        bottom: -6.25rem
    }
}

@media only screen and (max-width: 1050px) {
    .card-plan__btn {
        position: relative;
        bottom: 0 !important;
        visibility: visible;
        opacity: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 2.5rem auto 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 80%
    }
}

@media only screen and (min-width: 1051px) {
    .card-plan:hover .card-plan__btn {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
}

@media only screen and (min-width: 1051px) {
    .card-plan.selected .card-plan__btn {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
}

.card-plan__btn svg {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1;
    width: inherit
}

.card-plan.selected .card-plan__btn svg {
    opacity: 0;
    width: 0
}

.card-theme {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: box-shadow .3s linear, -webkit-transform .3s ease-in-out;
    transition: box-shadow .3s linear, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, box-shadow .3s linear;
    transition: transform .3s ease-in-out, box-shadow .3s linear, -webkit-transform .3s ease-in-out;
    box-shadow: 0 10px 20px 0 transparent;
    border: 1px solid #e6e6e6;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    width: 100%
}

.card-theme__header {
    height: 14.375rem;
    position: relative;
    overflow: hidden
}

.card-theme__header span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    position: relative;
    z-index: 2;
    height: 10px;
    background-color: #e6e6e6
}

.card-theme__header i {
    display: inline-block;
    width: 4px;
    height: 4px;
    position: relative;
    border-radius: 100%;
    margin-left: 12px;
    background-color: #ccc
}

.card-theme__header i:after, .card-theme__header i:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #ccc
}

.card-theme__header i:after {
    right: 6px
}

.card-theme__header i:before {
    left: 6px
}

.card-theme__header img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%
}

.card-theme__content {
    padding: .9375rem 1.25rem;
    -webkit-transition: padding .2s ease-in-out;
    transition: padding .2s ease-in-out;
    position: relative
}

.card-theme__content p {
    font-size: .9375rem;
    color: gray
}

.card-theme__btn {
    background-color: #fff;
    position: absolute;
    width: 101%;
    width: calc(100% + 2px);
    top: 100%;
    left: -1px;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    border-radius: 0 0 5px 5px;
    -webkit-transition: max-height .3s linear, opacity .2s linear;
    transition: max-height .3s linear, opacity .2s linear;
    overflow: hidden;
    max-height: 0
}

.card-theme__btn a, .card-theme__btn button {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
    margin-bottom: 20px
}

@media only screen and (max-width: 1050px) {
    .card-theme__btn {
        position: static;
        opacity: 1;
        pointer-events: all;
        max-height: 60px;
        border: 0;
        background-color: transparent
    }

    .card-theme__btn a, .card-theme__btn button {
        opacity: 1
    }
}

@media only screen and (min-width: 1051px) {
    .card-theme:hover {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
        border-radius: 5px 5px 0 0;
        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .07)
    }

    .card-theme:hover .card-theme__btn {
        max-height: 60px;
        -webkit-transition: max-height .3s linear, opacity .1s linear;
        transition: max-height .3s linear, opacity .1s linear;
        opacity: 1;
        pointer-events: all
    }

    .card-theme:hover .card-theme__btn a, .card-theme:hover .card-theme__btn button {
        opacity: 1;
        -webkit-transition-delay: .31s;
        transition-delay: .31s
    }
}

.swiper-slide.selected .card-theme {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    border-radius: 5px 5px 0 0;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .07)
}

.swiper-slide.selected .card-theme .card-theme__btn {
    max-height: 60px;
    -webkit-transition: max-height .3s linear, opacity .1s linear;
    transition: max-height .3s linear, opacity .1s linear;
    border-top-color: transparent;
    opacity: 1;
    pointer-events: all
}

.swiper-slide.selected .card-theme .card-theme__btn a, .swiper-slide.selected .card-theme .card-theme__btn button {
    opacity: 1;
    -webkit-transition-delay: .31s;
    transition-delay: .31s
}

.swiper-slide.selected .card-theme .card-theme__btn a svg, .swiper-slide.selected .card-theme .card-theme__btn button svg {
    opacity: 0;
    width: 0
}

.icon {
    display: inline-block;
    overflow: hidden
}

.icon--checked-solid {
    width: 1.875rem;
    height: 1.875rem
}

.icon--parspack {
    width: 5rem;
    height: .875rem
}

.icon--hostdl {
    width: 1.75rem;
    height: 1.5625rem
}

.icon--hostbranch {
    width: 1.75rem;
    height: 1.5625rem
}

.icon--hostfree {
    width: 1.75rem;
    height: 1.625rem
}

.icon--server1, .icon--server2, .icon--server3 {
    width: 1.4375rem
}

.icon--server1 {
    height: .625rem
}

.icon--server2 {
    height: 1.4375rem
}

.icon--server3 {
    height: 1.8125rem
}

.icon--domain {
    width: 2.125rem;
    height: 1.8125rem
}

.icon--dialler {
    width: 1.75rem;
    height: 1.75rem
}

.icon--question {
    width: 2.125rem;
    height: 1.8125rem
}

.icon--blog {
    width: 1.4375rem;
    height: 1.5625rem
}

.icon--collate {
    width: 2.90625rem;
    height: 2.90625rem
}

.icon--speed {
    width: 3rem;
    height: 3rem
}

.icon--script {
    width: 3rem;
    height: 3.4375rem
}

.icon--http {
    width: 3rem;
    height: 3rem
}

.icon--price {
    width: 2.6875rem;
    height: 3.09375rem
}

.icon--support {
    width: 3rem;
    height: 3rem
}

.icon--location {
    width: 3rem;
    height: 3.1875rem
}

.icon--db {
    width: 3rem;
    height: 2.875rem
}

.icon--floppy {
    width: 2.75rem;
    height: 2.8125rem
}

.icon--cpu {
    width: 3.125rem;
    height: 3.125rem
}

.icon--ram {
    width: 3.5rem;
    height: 3.5rem
}

.icon--gift {
    width: 3.125rem;
    height: 2.9375rem
}

.icon--linux {
    width: 2.6875rem;
    height: 3.125rem
}

.icon--script2 {
    width: 3.75rem;
    height: 3.125rem
}

.icon--pannel {
    width: 3.5rem;
    height: 3.125rem
}

.icon--server-power {
    width: 4.28125rem;
    height: 2.5rem
}

.icon--gard {
    width: 2.875rem;
    height: 3.625rem
}

.icon--traffic {
    width: 2.875rem;
    height: 3.625rem
}

.icon--distance {
    width: 3rem;
    height: 3.75rem
}

.icon--justice {
    width: 4.5rem;
    height: 3.03125rem
}

.icon--scale {
    width: 3.25rem;
    height: 3.25rem
}

.icon--video {
    width: 3.3125rem;
    height: 2.4375rem
}

.icon--map-pin {
    width: 3rem;
    height: 3.25rem
}

.icon--monthly {
    width: 3.0625rem;
    height: 3.375rem
}

.icon--cloud-pannel {
    width: 4.5625rem;
    height: 3.375rem
}

.icon--network {
    width: 3.8125rem;
    height: 3.875rem
}

.icon--firewall {
    width: 3.9375rem;
    height: 3.25rem
}

.icon--game {
    width: 3.9375rem;
    height: 3.1875rem
}

.icon--clock {
    width: 3.25rem;
    height: 3.1875rem
}

.icon--linux2 {
    width: 3.25rem;
    height: 3.125rem
}

.icon--hardware {
    width: 3.125rem;
    height: 3.125rem
}

.icon--vnc {
    width: 3.4375rem;
    height: 2.6875rem
}

.icon--hard {
    width: 2.625rem;
    height: 2.4375rem
}

.icon--arrow {
    width: .75rem;
    height: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon--share {
    width: 1.5rem;
    height: 1.3125rem
}

.icon--cat {
    width: 1.5625rem;
    height: 1.4375rem
}

.icon--view {
    width: 2.5rem;
    height: 1.625rem
}

.icon--archive {
    width: 1.875rem;
    height: 1.875rem
}

.icon--reload {
    width: 2rem;
    height: 2rem
}

.icon--building-tall {
    width: 2.8125rem;
    height: 3.3125rem
}

.icon--ssd {
    width: 3.125rem;
    height: 3.75rem
}

.icon--cisco {
    width: 3.75rem;
    height: 2.8125rem
}

.icon--rescue {
    width: 3.5625rem;
    height: 3.5625rem
}

.icon--files {
    width: 2.875rem;
    height: 3.25rem
}

.icon--ddos {
    width: 2.875rem;
    height: 3.625rem
}

.icon--html_player {
    width: 3.375rem;
    height: 3.4375rem
}

.icon--live_show {
    width: 3.625rem;
    height: 3.625rem
}

.icon--mobile {
    width: 3.625rem;
    height: 3.875rem
}

.icon--transcode {
    width: 3.9375rem;
    height: 3.9375rem
}

.icon svg {
    width: 100%;
    height: 100%
}

.social {
    text-align: center
}

.social__list {
    font-size: 0;
    text-align: center;
    width: 190px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .625rem
}

.social__list svg {
    -webkit-transition: fill .15s ease-in-out;
    transition: fill .15s ease-in-out;
    fill: #b3b3b3;
    width: 1.3125rem;
    height: 1.3125rem
}

@media only screen and (min-width: 1051px) {
    .social li:hover svg {
        fill: #288ed9
    }
}

@media only screen and (max-width: 500px) {
    .footer .social__list svg {
        width: 22px;
        height: 22px
    }
}

.social__list li {
    display: inline-block;
    overflow: hidden
}

.social__list a {
    display: block
}

.social__desc {
    font-size: .875rem
}

@media only screen and (max-width: 500px) {
    .social__desc {
        font-size: 1rem
    }
}

.pagination {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 7px 20px 0 #f2f2f2;
    padding: 1.25rem 2.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 800px) {
    .pagination {
        padding: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .pagination {
        padding: .9375rem
    }
}

.pagination-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 100%;
    background-color: #d6eeff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.pagination-arrow svg {
    fill: #288ed9
}

@media only screen and (min-width: 1051px) {
    .pagination-arrow:hover {
        background-color: #288ed9
    }

    .pagination-arrow:hover svg {
        fill: #fff
    }
}

.pagination-arrow--first {
    right: 2.25rem
}

@media only screen and (max-width: 800px) {
    .pagination-arrow--first {
        right: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .pagination-arrow--first {
        right: .9375rem
    }
}

.pagination-arrow--first span {
    -webkit-transform: translateX(1px);
    -ms-transform: translateX(1px);
    transform: translateX(1px)
}

.pagination-arrow--last {
    left: 2.25rem
}

@media only screen and (max-width: 800px) {
    .pagination-arrow--last {
        left: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .pagination-arrow--last {
        left: .9375rem
    }
}

.pagination-arrow--last span {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px)
}

.pagination-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0
}

.pagination-list li {
    min-width: 2.375rem;
    min-height: 2.375rem;
    font-size: 1.125rem;
    line-height: 1.125rem;
    border-radius: 25px;
    text-align: center;
    background-color: #d6eeff;
    -webkit-transition: background-color .2s ease-in-out, padding .2s ease-in-out;
    transition: background-color .2s ease-in-out, padding .2s ease-in-out;
    margin: 0 7px
}

@media only screen and (max-width: 500px) {
    .pagination-list li {
        font-size: 1rem;
        line-height: 1rem;
        margin: 0 4px
    }
}

@media only screen and (max-width: 450px) {
    .pagination-list li:nth-child(3) {
        display: none
    }
}

@media only screen and (min-width: 500px) and (max-width: 600px) {
    .pagination-list li:nth-child(4) {
        display: none
    }
}

@media only screen and (max-width: 450px) {
    .pagination-list li:nth-child(4) {
        display: none
    }
}

@media only screen and (min-width: 500px) and (max-width: 600px) {
    .pagination-list li:nth-child(5) {
        display: none
    }
}

@media only screen and (max-width: 450px) {
    .pagination-list li:nth-child(5) {
        display: none
    }
}

@media only screen and (min-width: 1051px) {
    .pagination-list li:hover {
        background-color: #288ed9
    }

    .pagination-list li:hover a, .pagination-list li:hover span {
        color: #fff
    }
}

.pagination-list a {
    font-family: IranYekanNum, tahoma, arial;
    min-width: 2.375rem;
    min-height: 2.375rem;
    line-height: 2.375rem;
    color: #288ed9;
    padding: 0 .3125rem;
    text-align: center;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.pagination-list span {
    font-family: IranYekanNum, tahoma, arial;
    color: #288ed9;
    line-height: 2.375rem
}

.pagination-current {
    min-width: 2.9375rem !important;
    min-height: 2.9375rem !important;
    background-color: #288ed9 !important;
    line-height: 2.9375rem !important
}

@media only screen and (max-width: 500px) {
    .pagination-current {
        min-width: 2.625rem !important;
        min-height: 2.625rem !important
    }
}

.pagination-current span {
    color: #fff;
    padding: 0 .3125rem;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.pagination-more {
    min-width: 2.375rem
}

.pagination-more span {
    font-size: 1rem;
    -webkit-transform: translateY(-3px) !important;
    -ms-transform: translateY(-3px) !important;
    transform: translateY(-3px) !important
}

.post-archive {
    text-align: right
}

.post-archive__header {
    font-size: 1.125rem;
    font-family: IranYekanBold, tahoma, arial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 2.5rem;
    color: #288ed9
}

@media only screen and (max-width: 800px) {
    .post-archive__header {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .post-archive__header {
        font-size: 15px
    }
}

.post-archive__header span {
    margin-left: .9375rem;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.post-archive__list {
    font-size: 0
}

.post-archive__list li {
    display: block
}

.post-archive__list li:not(:last-child) {
    margin-bottom: .9375rem
}

.post-archive__list a {
    padding-right: 1.125rem;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    font-size: .875rem;
    line-height: 1.5;
    color: #999;
    position: relative;
    display: inline-block
}

.post-archive__list a:before {
    content: "";
    position: absolute;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    background-color: #ccc;
    border-radius: 50%;
    right: 0;
    top: .4375rem;
    width: .5rem;
    height: .5rem
}

.post-archive__list a.active, .post-archive__list a:hover {
    color: #288ed9
}

.post-archive__list a.active:before, .post-archive__list a:hover:before {
    background-color: #288ed9
}

.post-archive__list--two-column li {
    width: 50%;
    display: inline-block
}

@media only screen and (min-width: 800px) and (max-width: 1050px) {
    .post-archive__list--two-column li {
        width: 100%;
        padding-left: 0 !important
    }
}

@media only screen and (min-width: 500px) and (max-width: 700px) {
    .post-archive__list--two-column li {
        width: 100%;
        padding-left: 0 !important
    }
}

.post-archive__list--two-column li:nth-child(2n-1) {
    padding-left: .625rem
}

.input {
    position: relative;
    margin-bottom: 1.875rem
}

.input input, .input textarea {
    border: 1px solid #ccc;
    padding: .875rem .9375rem;
    -webkit-transition: all .12s;
    transition: all .12s;
    width: 100%;
    color: #777;
    background-color: #fff
}

.input input:focus, .input textarea:focus {
    border-color: #288ed9;
    box-shadow: 0 .3125rem .9375rem rgba(0, 0, 0, .07)
}

.input--ltr input, .input--ltr textarea {
    text-align: left;
    direction: ltr !important
}

.input--small input {
    padding: .5625rem .9375rem
}

.input textarea {
    min-height: 12.5rem
}

.input label {
    position: absolute;
    right: 1.25rem;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 .75rem;
    background-color: #fff;
    color: #999
}

input:focus + label, textarea:focus + label {
    color: #288ed9
}

.input--small label {
    font-size: .875rem
}

.input-error {
    font-size: .875rem;
    color: #ff5f5f;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: .625rem
}

@media only screen and (max-width: 500px) {
    .input-error {
        font-size: 12px
    }
}

.input--small .input-error {
    font-size: 12px
}

.input-error a {
    color: #288ed9
}

.input-error:nth-of-type(2) {
    top: 130%
}

.input-success {
    font-size: .875rem;
    color: #24b77e;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: .625rem
}

@media only screen and (max-width: 500px) {
    .input-success {
        font-size: 12px
    }
}

.input--small .input-success {
    font-size: 12px
}

.input-value {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999;
    right: .9375rem
}

.input--ltr .input-value {
    right: auto;
    left: .9375rem
}

.select {
    position: relative;
    padding-bottom: 1.875rem
}

.select select {
    opacity: 0
}

.select.disabled {
    opacity: .8
}

.select:after {
    content: "";
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0;
    background-color: transparent;
    position: absolute;
    top: -10px;
    right: 0;
    width: 100%;
    height: 100%
}

.select.disabled:after {
    opacity: 1;
    pointer-events: all
}

.select-error {
    font-size: .875rem;
    color: #ff5f5f;
    position: absolute;
    right: 0;
    bottom: 0
}

@media only screen and (max-width: 500px) {
    .select-error {
        font-size: 12px
    }
}

.select-success {
    font-size: .875rem;
    color: #24b77e;
    position: absolute;
    right: 0;
    bottom: 0
}

@media only screen and (max-width: 500px) {
    .select-success {
        font-size: 12px
    }
}

.checkbox {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox input {
    position: absolute;
    opacity: 0
}

.checkbox label {
    zoom: 1;
    display: block;
    cursor: pointer
}

.checkbox label before, .checkbox label::after {
    content: "";
    display: block
}

.checkbox label::after {
    clear: both
}

.checkbox i {
    float: right;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    margin-top: .25rem;
    border-radius: 2px;
    -webkit-transition: all .12s;
    transition: all .12s;
    border: 2px solid #ccc
}

@media only screen and (max-width: 500px) {
    .checkbox i {
        width: 18px;
        height: 18px
    }
}

.checkbox label:hover i {
    border-color: #288ed9
}

.checkbox input:focus + label i {
    border-color: #288ed9
}

.checkbox input.nice-select.open + label i, .checkbox input:active + label i {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.checkbox input:checked + label i {
    border-color: #288ed9;
    background-color: #288ed9
}

.checkbox i::after {
    content: "";
    display: block;
    height: 12px;
    width: 7px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px
}

.checkbox span {
    display: block;
    color: #999;
    padding-right: 1.875rem
}

.radiobtn {
    display: inline-block;
    position: relative
}

.radiobtn input {
    position: absolute;
    opacity: 0
}

.radiobtn label {
    zoom: 1;
    display: block;
    cursor: pointer
}

.radiobtn label before, .radiobtn label::after {
    content: "";
    display: block
}

.radiobtn label::after {
    clear: both
}

.radiobtn.disabled label {
    cursor: not-allowed
}

.radiobtn i {
    float: right;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    margin-top: .25rem;
    -webkit-transition: all .12s;
    transition: all .12s;
    border: 2px solid #ccc
}

@media only screen and (max-width: 500px) {
    .radiobtn i {
        width: 18px;
        height: 18px
    }
}

.radiobtn label:hover i {
    border-color: #288ed9
}

.radiobtn input:focus + label i {
    border-color: #288ed9
}

.radiobtn input:checked + label i {
    border-color: #288ed9
}

.radiobtn.disabled label:hover i {
    border-color: #ccc
}

.radiobtn.disabled input:focus + label i {
    border-color: #ccc
}

.radiobtn.disabled input:checked + label i {
    border-color: #ccc
}

.radiobtn i::after {
    content: "";
    height: .625rem;
    width: .625rem;
    border-radius: 50%
}

.radiobtn input:checked + label i::after {
    background-color: #288ed9
}

.radiobtn.disabled input:checked + label i::after {
    background-color: #ccc
}

.radiobtn span {
    display: block;
    color: #999;
    padding-right: 1.875rem
}

.radiobtn input:checked + label span {
    color: #288ed9
}

.radiobtn.disabled input:checked + label span {
    color: #999
}

.radiobox {
    position: relative;
    font-size: 0;
    margin-top: 1rem;
    margin-bottom: 1.875rem;
    white-space: nowrap
}

.radiobox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    text-align: right
}

.radiobox-wrap--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media only screen and (max-width: 78.125rem) {
    .radiobox-wrap--center {
        text-align: right
    }
}

.radiobox-wrap--center .radiobox {
    display: inline-block
}

.radiobox-wrap--left {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    text-align: left
}

@media only screen and (max-width: 78.125rem) {
    .radiobox-wrap--left {
        text-align: right;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

.radiobox-wrap--left .radiobox {
    display: inline-block
}

.radiobox-wrap--right {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    text-align: right
}

.radiobox__name {
    font-size: 1.125rem;
    font-family: IranYekanBold, tahoma, arial;
    color: #288ed9
}

.radiobox__label {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 1.125rem;
    color: #288ed9;
    padding: 0 .625rem;
    width: 7.5rem;
    line-height: 3.4375rem;
    border: 2px solid #288ed9;
    border-left: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0
}

@media only screen and (max-width: 1400px) {
    .radiobox__label {
        font-size: 1rem;
        width: 6.875rem;
        line-height: 3.4375rem
    }
}

@media only screen and (max-width: 500px) {
    .radiobox__label {
        font-size: 14px;
        width: auto;
        padding: 0 1.5rem;
        line-height: 3rem
    }
}

.radiobox__label:first-of-type {
    border-top-right-radius: 4.375rem;
    border-bottom-right-radius: 4.375rem
}

.radiobox__label:last-of-type {
    border-top-left-radius: 4.375rem;
    border-bottom-left-radius: 4.375rem;
    border-left: 2px solid #288ed9
}

.radiobox__label.disabled {
    border-color: #d6eeff;
    color: #80c9ff;
    cursor: not-allowed
}

.radiobox__title {
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: transparent !important;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.radiobox__tag {
    margin: 0;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 15px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    color: #fff
}

.radiobox__tag--box-rounded {
    padding: 2px 6px;
    border-radius: 9px;
    top: -10px;
    left: 3px
}

.radiobox__tag--box-rounded.bg-blue {
    background-color: #288ed9 !important
}

.radiobox__tag--box-rounded.bg-blue-light {
    color: #288ed9 !important;
    background-color: #d6eeff !important
}

.radiobox__tag--box-rounded.bg-orange {
    background-color: #ff9f6c !important
}

.radiobox__tag--corner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent !important;
    z-index: 1;
    width: 55px;
    height: 55px;
    font-size: 14px;
    font-weight: 600;
    padding: 6px;
    border-radius: 0
}

.radiobox__tag--corner::before {
    content: "";
    position: absolute;
    width: 95px;
    height: 65px;
    z-index: -1;
    left: -45px;
    top: -35px
}

.radiobox__tag--corner.bg-blue::before {
    background-color: #288ed9 !important
}

.radiobox__tag--corner.bg-blue-light {
    color: #288ed9 !important
}

.radiobox__tag--corner.bg-blue-light::before {
    background-color: #d6eeff !important
}

.radiobox__tag--corner.bg-orange::before {
    background-color: #ff9f6c !important
}

.radiobox__tag--corner-35::before {
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.radiobox__tag--corner-45::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.radiobox__checkmark {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: 0;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.radiobox__label:first-of-type .radiobox__checkmark {
    border-radius: 0 4.375rem 4.375rem 0
}

.radiobox__label:last-of-type .radiobox__checkmark {
    border-radius: 4.375rem 0 0 4.375rem
}

.radiobox__description {
    color: #777
}

.radiobox__description--red {
    color: #e52e40
}

.radiobox__description--center {
    text-align: center
}

.radiobox__description--right {
    text-align: right;
    max-width: 30.625rem;
    padding-right: 1.25rem
}

.radiobox__description .item_description {
    display: none
}

.radiobox__description .item_description.checked {
    display: block
}

.radiobox input {
    display: none
}

.radiobox input:checked + .radiobox__checkmark {
    background-color: #288ed9
}

.radiobox input:checked ~ span {
    color: #fff;
    background-color: #288ed9;
    font-family: IranYekanBold, tahoma, arial
}

.radiobox--small {
    margin: 1rem 0 !important
}

.radiobox--small .radiobox__label {
    font-size: 1rem !important;
    line-height: 2rem !important;
    width: 5rem !important
}

.radiobox--single .radiobox__label {
    border-radius: 4.375rem !important
}

.radiobox--single .radiobox__label .radiobox__checkmark {
    border-radius: 4.375rem !important
}

.file {
    position: relative;
    background-color: #f5f5f5;
    cursor: pointer
}

.file input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.file label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 14.75rem;
    color: #999
}

.intro {
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    padding-top: 55%
}

@media only screen and (max-width: 800px) {
    .intro {
        text-align: right;
        padding-top: 0;
        background-image: none !important
    }
}

.intro--content {
    padding-top: 5%
}

.intro__bg {
    display: none;
    width: 100%;
    height: auto;
    max-width: 21.875rem;
    margin: 0 auto
}

@media only screen and (max-width: 800px) {
    .intro__bg {
        display: block
    }
}

@media only screen and (min-width: 801px) {
    .intro__wrap {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 100%
    }
}

.intro--content .intro__wrap {
    position: relative;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    top: 0;
    left: 0;
    width: 100%
}

.intro__header h1 {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.75rem;
    color: #288ed9;
    margin-bottom: .3125rem
}

@media only screen and (max-width: 800px) {
    .intro__header h1 {
        font-size: 22px
    }
}

@media only screen and (max-width: 500px) {
    .intro__header h1 {
        font-size: 20px
    }
}

.intro__header p {
    font-size: 1.25rem;
    color: #137fcf;
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 800px) and (max-width: 1050px) {
    .intro__header p {
        font-size: 1.125rem
    }
}

@media only screen and (max-width: 800px) {
    .intro__header p {
        font-size: 14px;
        margin-bottom: 20px
    }
}

.intro__content {
    font-size: 1.125rem;
    color: #666;
    margin: 0 auto 3.125rem;
    max-width: 25.5rem;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center
}

@media only screen and (min-width: 800px) and (max-width: 1050px) {
    .intro__content {
        font-size: 1rem;
        max-width: 23.125rem
    }
}

@media only screen and (max-width: 800px) {
    .intro__content {
        font-size: 14px;
        max-width: 100%;
        text-align: justify;
        -moz-text-align-last: right;
        text-align-last: right;
        margin-bottom: 10px
    }
}

.intro--content .intro__content {
    max-width: 50rem;
    -ms-text-align-last: right;
    -moz-text-align-last: right;
    text-align-last: right
}

@media only screen and (min-width: 800px) and (max-width: 1050px) {
    .intro--content .intro__content {
        font-size: 1rem;
        max-width: 40.625rem
    }
}

.intro--content .intro__content ul {
    display: inline-block;
    width: 100%;
    padding-right: 1.875rem;
    margin-top: .625rem
}

@media only screen and (max-width: 800px) {
    .intro--content .intro__content ul {
        padding-right: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .intro--content .intro__content ul {
        padding-right: .9375rem
    }
}

.intro--content .intro__content li {
    font-family: IranYekan, tahoma, arial;
    position: relative;
    padding-right: .875rem;
    color: inherit;
    font-size: 1rem
}

.intro--content .intro__content li:not(:first-child) {
    margin-top: .5rem
}

@media only screen and (max-width: 500px) {
    .intro--content .intro__content li {
        padding-right: 20px
    }
}

.intro--content .intro__content li:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    right: 0;
    top: .5625rem;
    width: 6px;
    height: 6px;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    background-color: #288ed9
}

@media only screen and (max-width: 800px) {
    .intro--content .intro__content li:before {
        width: 12px;
        height: 12px
    }
}

@media only screen and (max-width: 500px) {
    .intro--content .intro__content li:before {
        width: 10px;
        height: 10px
    }
}

.intro--content .intro__content a {
    color: #999;
    -webkit-transition: color .12s linear;
    transition: color .12s linear
}

.intro--content .intro__content a:hover {
    color: #222
}

.switch-item {
    display: none
}

.switch {
    position: relative;
    display: inline-block;
    height: 1.875rem;
    width: 6.25rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 800px) {
    .switch {
        height: 25px;
        width: 53px
    }
}

.switch__body {
    height: 100%;
    width: 100%;
    border-radius: 2.5rem;
    background-color: #288ed9
}

.switch__body::after {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #288ed9;
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    box-shadow: 4px 6px 13px 0 rgba(31, 54, 76, .25)
}

.switch-wrap.initialized .switch__body::after {
    -webkit-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out
}

@media only screen and (max-width: 800px) {
    .switch__body::after {
        height: 30px;
        width: 30px
    }
}

.switch.on .switch__body::after {
    right: calc(100% - 2.5rem)
}

@media only screen and (max-width: 800px) {
    .switch.on .switch__body::after {
        right: calc(100% - 30px)
    }
}

.switch__label {
    display: inline-block;
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.125rem;
    color: #999;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

@media only screen and (max-width: 800px) {
    .switch__label {
        font-size: 14px
    }
}

.switch__label--right {
    left: calc(100% + .9375rem);
    color: #288ed9;
    font-family: IranYekanBold, tahoma, arial
}

.switch.on .switch__label--right {
    color: #999;
    font-family: IranYekan, tahoma, arial
}

@media only screen and (max-width: 800px) {
    .switch__label--right {
        left: calc(100% + 5px)
    }
}

.switch__label--left {
    right: calc(100% + .9375rem)
}

.switch.on .switch__label--left {
    color: #288ed9;
    font-family: IranYekanBold, tahoma, arial
}

@media only screen and (max-width: 800px) {
    .switch__label--left {
        right: calc(100% + 5px)
    }
}

.tab-pane {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.tab-pane.active {
    display: block
}

.tab-pane.fade-in {
    opacity: 1
}

.tab-outer {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.tab-outer.active {
    display: block
}

.tab-outer.fade-in {
    opacity: 1
}

.tab-nav {
    margin-bottom: 5rem
}

.tab-nav--hasoption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 800px) {
    .tab-nav--hasoption {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.tab-nav--hasoption .btn, .tab-nav--hasoption .tag {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 1rem;
    line-height: 3.4375rem;
    border: 0;
    width: auto;
    height: auto;
    text-align: center;
    border-radius: 6.25rem;
    max-width: 18.75rem
}

@media only screen and (max-width: 800px) {
    .tab-nav--hasoption .btn, .tab-nav--hasoption .tag {
        margin: 0 auto
    }
}

.tab-nav--hasoption.active > .btn, .tab-nav--hasoption.active > .tag {
    background-color: #288ed9;
    color: #fff
}

.tab-nav ul {
    text-align: center;
    font-size: 0
}

.tab-nav--hasoption ul {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-left: 1.25rem
}

@media only screen and (max-width: 800px) {
    .tab-nav--hasoption ul {
        margin: 0 0 15px 0
    }
}

@media only screen and (max-width: 800px) {
    .tab-nav ul {
        width: 100%;
        overflow: auto;
        white-space: nowrap
    }
}

.tab-nav li {
    display: inline-block;
    text-align: center
}

.tab-nav--hasoption li {
    width: 33.33%
}

@media only screen and (max-width: 800px) {
    .tab-nav--hasoption li {
        min-width: 140px
    }
}

@media only screen and (max-width: 800px) {
    .tab-nav li {
        width: 33.33%
    }
}

.tab-nav a {
    display: block;
    font-size: 1.125rem;
    color: #288ed9;
    padding: 0 .625rem;
    width: 11.9375rem;
    line-height: 3.4375rem;
    border: 2px solid #288ed9;
    border-left: 0;
    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out
}

.tab-nav--hasoption li a {
    width: 100%;
    font-size: 1rem
}

@media only screen and (max-width: 800px) {
    .tab-nav a {
        width: 100%;
        font-size: 1rem
    }
}

@media only screen and (max-width: 500px) {
    .tab-nav a {
        padding: 0 .625rem;
        line-height: 40px
    }
}

.tab-nav li:first-of-type a {
    border-radius: 0 4.375rem 4.375rem 0
}

.tab-nav li:last-of-type a {
    border-radius: 4.375rem 0 0 4.375rem;
    border-left: 2px solid #288ed9
}

.tab-nav li.active a {
    background-color: #288ed9;
    color: #fff;
    font-family: IranYekanBold, tahoma, arial
}

.tab-wrap {
    width: 100%
}

.tab-wrap--small {
    max-width: 50rem;
    margin: 0 auto;
    display: block
}

.table-price {
    margin-bottom: 3.125rem
}

@media only screen and (min-width: 801px) {
    .table-price .factor__label {
        background: #288ed9;
        color: #fff;
        padding: 1.25rem 0
    }

    .table-price .factor {
        margin: 0
    }

    .table-price .factor__table {
        border-top: none
    }
}

.table-price var {
    margin: 0 .4375rem
}

.factor-divider {
    height: 1px;
    background-color: transparent;
    margin-bottom: 4.1875rem
}

@media only screen and (max-width: 800px) {
    .factor-divider {
        display: none
    }
}

.factor {
    margin-bottom: 1.25rem;
    position: relative;
    font-size: 0;
    direction: rtl
}

.factor--margbottom {
    margin-bottom: 3.125rem
}

.factor--zeromarg {
    margin-bottom: 0
}

@media only screen and (max-width: 1050px) {
    .factor-wrap--domains .factor {
        width: calc(100% - 50px)
    }
}

@media only screen and (max-width: 500px) {
    .factor-wrap--domains .factor {
        width: 100%
    }
}

.factor-wrap.factor-wrap--domains {
    direction: ltr
}

.factor-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60%
}

@media only screen and (max-width: 1050px) {
    .factor-footer {
        width: calc(100% - 50px)
    }
}

@media only screen and (max-width: 800px) {
    .factor-footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 500px) {
    .factor-footer {
        width: 100%
    }
}

.factor-footer .go-pay {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 !important;
    direction: rtl
}

@media only screen and (max-width: 800px) {
    .factor-footer .go-pay {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.factor-footer .checkbox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    direction: rtl;
    padding-left: 1.25rem
}

.factor-footer .checkbox span {
    font-size: .875rem
}

@media only screen and (max-width: 500px) {
    .factor-footer .checkbox span {
        font-size: 14px
    }
}

@media only screen and (max-width: 800px) {
    .factor-footer .checkbox {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 1.25rem;
        padding-left: 0
    }
}

.factor__table {
    display: table;
    width: 100%;
    border: 1px solid #ccc
}

@media only screen and (max-width: 800px) {
    .factor__table {
        display: block;
        padding-top: 30px
    }
}

.factor__table--notop {
    border-top: 0
}

@media only screen and (max-width: 800px) {
    .factor__table--notop {
        padding-top: 0
    }
}

.factor__row {
    display: table-row
}

@media only screen and (max-width: 800px) {
    .factor__row {
        display: block
    }
}

.factor__col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 1.25rem .625rem;
    border-left: 1px solid #ccc;
    font-size: 1.25rem;
    color: #999
}

.factor__col--select {
    padding: 0
}

@media only screen and (max-width: 1050px) {
    .factor__col {
        font-size: 1.125rem
    }
}

@media only screen and (max-width: 800px) {
    .factor__col {
        display: block;
        width: 100% !important;
        font-size: 0;
        margin-bottom: 0;
        padding: 15px;
        border-left: 0
    }
}

.factor__col:last-of-type {
    border-left: 0
}

.factor__col--dark {
    background-color: #f2f2f2
}

.factor__table--notop .factor__col {
    text-align: right;
    padding: 1.25rem 1.5625rem
}

@media only screen and (max-width: 800px) {
    .factor__table--notop .factor__col {
        padding: 20px 15px
    }
}

.factor__col--33 {
    width: 37.5%
}

.factor__col--13 {
    width: 12.5%
}

.factor__col--50 {
    width: 50.1%
}

.factor__col--25 {
    width: 25%
}

.factor__label {
    display: none;
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 100%;
    text-align: center;
    font-size: .9375rem;
    color: #666;
    padding-bottom: 1.25rem
}

@media only screen and (max-width: 800px) {
    .factor__label {
        display: inline-block
    }
}

.factor:nth-of-type(1) .factor__label {
    display: inline-block
}

@media only screen and (max-width: 800px) {
    .factor__label {
        vertical-align: middle;
        position: relative;
        width: 50%;
        font-size: 14px;
        padding-bottom: 0;
        text-align: right
    }
}

@media only screen and (max-width: 800px) {
    .factor__value {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        font-size: 16px;
        text-align: left
    }
}

.factor__title {
    font-size: .875rem;
    margin-left: .625rem
}

@media only screen and (max-width: 800px) {
    .factor__title {
        display: inline-block;
        margin-left: 0;
        width: 50%
    }
}

@media only screen and (max-width: 800px) {
    .factor__title--autowidth {
        display: inline-block;
        margin-left: .625rem;
        width: auto
    }
}

.factor__text {
    font-size: 1rem;
    color: gray
}

.factor .select {
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 800px) {
    .factor .select {
        display: inline-block;
        width: 50%;
        font-size: 1rem
    }
}

.factor .nice-select {
    width: 100%;
    min-width: 11.1875rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4.625rem;
    border-color: transparent
}

@media only screen and (max-width: 800px) {
    .factor .nice-select {
        min-width: 0
    }
}

@media only screen and (max-width: 500px) {
    .factor .nice-select {
        padding: 10px 10px 10px 20px;
        min-height: 0
    }
}

.factor .nice-select .current {
    font-size: 1rem
}

@media only screen and (max-width: 500px) {
    .factor .nice-select::after {
        left: 7px
    }
}

.factor__price {
    font-family: IranYekanNum, tahoma, arial;
    font-size: .75rem;
    color: gray
}

.factor__price i {
    font-size: 1.125rem;
    color: #4d4d4d;
    margin-left: .4375rem
}

.factor-wrap--domains .factor__price i {
    color: #999
}

.factor-wrap--domains .factor__col--dark .factor__price i {
    color: #4d4d4d
}

@media only screen and (max-width: 800px) {
    .factor__price {
        display: inline-block;
        width: 50%;
        text-align: left
    }
}

.factor__del {
    box-sizing: content-box;
    position: absolute;
    right: -2.8125rem;
    top: 50%;
    width: 1.875rem;
    height: 1.875rem;
    cursor: pointer;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 1;
    padding-left: .9375rem
}

.factor-wrap--domains .factor__del {
    background: 0 0;
    opacity: 1;
    right: -2.8125rem;
    width: 1.875rem;
    height: 1.875rem
}

@media only screen and (max-width: 500px) {
    .factor-wrap--domains .factor__del {
        left: 10px;
        top: 10px;
        margin-left: 0;
        bottom: auto
    }
}

@media only screen and (max-width: 1050px) {
    .factor__del {
        left: 0;
        top: 0;
        right: inherit;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        padding-left: 0
    }
}

@media only screen and (max-width: 1050px) {
    .factor__del.nice-select.open, .factor__del:active {
        -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
        transform: translateY(1px)
    }
}

.factor__del svg {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    fill: gray;
    margin: auto;
    -webkit-transition: fill .15s linear;
    transition: fill .15s linear
}

.factor:hover .factor__del svg {
    fill: #ff6262
}

.factor-wrap--domains .factor__del svg {
    fill: gray;
    width: 60%;
    height: 60%
}

@media only screen and (max-width: 800px) {
    .factor-wrap--domains .factor__del svg {
        fill: #ff6262
    }
}

.factor-wrap--domains .factor__del:hover svg {
    fill: #ff6262
}

.factor__total {
    display: inline-block;
    position: relative;
    width: calc(50% - .5rem)
}

.factor__total-wrap {
    display: block;
    padding: 0 1.5625rem;
    font-size: 0;
    line-height: 4.75rem;
    margin-bottom: 1.875rem
}

.factor__total--green .factor__total-wrap {
    border: 1px solid #24b77e
}

.factor__total--blue .factor__total-wrap {
    background-color: #d6eeff;
    border: 1px solid #288ed9
}

.factor__total--gray .factor__total-wrap {
    background-color: #f2f2f2;
    border: 1px solid transparent
}

.factor__total:first-of-type {
    margin-left: 1rem;
    padding-right: 0
}

@media only screen and (max-width: 56.25rem) {
    .factor__total:first-of-type {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 56.25rem) {
    .factor__total {
        width: 100%;
        margin-left: 0
    }
}

.factor__total input {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: left;
    direction: ltr;
    width: calc(100% - 8.5rem)
}

.factor__total span {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 1.125rem
}

@media only screen and (max-width: 500px) {
    .factor__total span {
        width: 90px
    }
}

.factor__total span:last-of-type {
    text-align: left;
    font-size: 1.25rem
}

.factor__total--green .factor__total-wrap span {
    color: #24b77e
}

.factor__total--blue .factor__total-wrap span {
    color: #288ed9
}

.factor__total--gray .factor__total-wrap span {
    color: #999
}

.factor__total-text {
    position: absolute;
    right: 0;
    font-size: .875rem;
    color: #ff5f5f;
    top: 100%;
    line-height: 2;
    padding: .3125rem 0
}

.factor__total-price {
    font-size: 1.125rem;
    color: #288ed9
}

.factor__total--gray .factor__total-price {
    color: #288ed9
}

@media only screen and (max-width: 500px) {
    .factor__total-price {
        width: calc(100% - 90px) !important
    }
}

.factor__total-price span {
    width: auto
}

.factor__total-price i {
    font-family: IranYekanNum, tahoma, arial;
    font-size: 1.875rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: .4375rem
}

@media only screen and (max-width: 500px) {
    .factor__total-price i {
        font-size: 20px
    }
}

@media only screen and (max-width: 500px) {
    .factor__total-price b {
        font-size: 16px
    }
}

.factor__off {
    position: relative;
    top: .3125rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 40%;
    padding-left: 1.5625rem;
    font-size: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 1050px) {
    .factor__off {
        width: 50%
    }
}

@media only screen and (max-width: 56.25rem) {
    .factor__off {
        top: 0;
        width: 100%;
        margin: .9375rem 0 1.25rem;
        padding-left: 0
    }
}

.factor__off label {
    position: absolute;
    bottom: 100%;
    right: 2.8125rem;
    background: #fff;
    padding: 0 .3125rem;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    color: #999;
    line-height: 1;
    -webkit-transition: color .15s linear;
    transition: color .15s linear
}

.factor__off input:focus ~ label {
    color: #288ed9
}

.factor__off input {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-left: 1.25rem;
    padding: .625rem 1.25rem;
    direction: ltr;
    color: #999;
    min-width: 0;
    border: 1px solid #999;
    -webkit-transition: border .15s linear;
    transition: border .15s linear
}

.factor__off input:focus {
    border: 1px solid #288ed9
}

.factor-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 3.75rem 0
}

@media only screen and (max-width: 500px) {
    .factor-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.factor-info .btn, .factor-info .tag {
    height: 3.4375rem;
    border-radius: 3.4375rem
}

.factor-info__price, .factor-info__price_domain {
    color: #288ed9
}

@media only screen and (max-width: 500px) {
    .factor-info__price, .factor-info__price_domain {
        margin-top: 20px
    }
}

.factor-info__price > *, .factor-info__price_domain > * {
    display: inline-block;
    vertical-align: middle
}

.factor-info__price var, .factor-info__price_domain var {
    font-family: IranYekanBoldNum, tahoma, arial;
    font-size: 1.875rem;
    margin-right: 10px
}

@media only screen and (max-width: 500px) {
    .factor-info__price var, .factor-info__price_domain var {
        font-size: 20px
    }
}

.factor-info-main {
    margin: 3.75rem 0
}

.factor-info--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.top-factor-info {
    display: block;
    text-align: center;
    margin-bottom: .625rem
}

.factor-info.top-factor-info > div {
    display: inline-block;
    margin: 0 1.875rem
}

.domain--plans + .top-factor-info {
    margin: 0 0 2.5rem 0
}

.factor__value.handel {
    font-size: 1rem
}

.factor__value.handel input {
    text-align: left;
    width: 100%;
    color: #999;
    padding-left: .9375rem
}

.factor__value.handel input:-moz-placeholder {
    text-align: right
}

.factor__value.handel input::-webkit-input-placeholder {
    text-align: right
}

.factor__value.handel input::-moz-placeholder {
    text-align: right
}

.factor__value.handel input:-ms-input-placeholder {
    text-align: right
}

.factor__value.handel input::placeholder {
    text-align: right
}

.factor__value.handel .txt-error:-moz-placeholder {
    color: red
}

.factor__value.handel .txt-error::-webkit-input-placeholder {
    color: red
}

.factor__value.handel .txt-error::-moz-placeholder {
    color: red
}

.factor__value.handel .txt-error:-ms-input-placeholder {
    color: red
}

.factor__value.handel .txt-error::placeholder {
    color: red
}

.creator {
    background-color: #f2faff;
    padding: 5rem 3.75rem;
    margin-bottom: 3.75rem;
    font-size: 0
}

@media only screen and (max-width: 1200px) {
    .creator {
        padding: 5rem 1.875rem
    }
}

@media only screen and (max-width: 500px) {
    .creator {
        padding: 3.75rem .9375rem
    }
}

.creator__row {
    margin-bottom: 1.875rem
}

.creator__row:last-of-type {
    margin-bottom: 0
}

.creator__slide {
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    padding-right: 20px
}

@media only screen and (max-width: 1200px) {
    .creator__slide {
        width: 60%
    }
}

@media only screen and (max-width: 800px) {
    .creator__slide {
        width: 100%;
        padding-right: 0
    }
}

.creator__details {
    font-size: 0;
    font-family: IranYekanNum, tahoma, arial;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    direction: ltr
}

@media only screen and (max-width: 1200px) {
    .creator__details {
        width: 40%
    }
}

@media only screen and (max-width: 800px) {
    .creator__details {
        width: 100%;
        margin-bottom: 30px
    }
}

.creator__value {
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    text-align: left;
    direction: rtl;
    color: #137fcf;
    font-size: .8125rem
}

.creator__value b, .creator__value i {
    color: #288ed9;
    font-size: 1.25rem;
    margin-right: .625rem
}

.creator__name {
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    direction: rtl;
    color: #137fcf
}

.creator__name span {
    display: inline-block;
    vertical-align: middle
}

.creator__name svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: .625rem;
    fill: #137fcf
}

.creator__cpu, .creator__cpu2 {
    width: 1.625rem;
    height: 1.5rem
}

.creator__ram, .creator__ram2 {
    width: 1.625rem;
    height: 1.125rem
}

.creator__storage {
    width: 1.625rem;
    height: 1.25rem
}

.creator__traffic {
    width: 1.625rem;
    height: 1.625rem
}

.creator__eye {
    width: 1.625rem;
    height: .9375rem
}

.creator__mysqlcore {
    width: 1.625rem;
    height: 1.25rem
}

.slide {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-size: auto 50%;
    direction: ltr
}

.slide--bubble {
    margin-top: 15rem
}

@media only screen and (max-width: 1050px) {
    .slide--bubble {
        width: calc(100% - 170px);
        margin: 15rem auto 0 auto
    }
}

@media only screen and (max-width: 500px) {
    .slide--bubble {
        width: calc(100% - 150px)
    }
}

.slide__info {
    display: none
}

.slide--horizontal {
    height: 1.0625rem;
    background-color: #98cdf2;
    width: 100%;
    border-radius: 1.0625rem
}

.slide--vertical {
    width: 1.0625rem;
    min-height: 150px;
    max-height: 100%
}

.slide--disabled {
    opacity: .4
}

.slide__bubble {
    text-align: center;
    padding: .9375rem;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    bottom: 3.4375rem;
    box-shadow: 0 4px 17px 0 rgba(1, 55, 252, .2);
    white-space: nowrap;
    -webkit-transform: translateX(calc(-50% + .6875rem));
    -ms-transform: translateX(calc(-50% + .6875rem));
    transform: translateX(calc(-50% + .6875rem));
    direction: rtl
}

.is-ie .slide__bubble {
    -webkit-transform: translateX(-44%);
    -ms-transform: translateX(-44%);
    transform: translateX(-44%)
}

@media only screen and (max-width: 500px) {
    .slide__bubble {
        bottom: 50px
    }
}

.slide__bubble p {
    position: relative;
    z-index: 3
}

.slide__bubble:after {
    content: "";
    width: 1.5625rem;
    height: 1.5625rem;
    position: absolute;
    bottom: -.75rem;
    right: 0;
    left: 0;
    margin: auto;
    box-shadow: 0 4px 17px 0 rgba(1, 55, 252, .2);
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1
}

.slide__bubble:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    background-color: #fff;
    z-index: 2
}

.slide__price {
    font-size: .9375rem;
    color: #52acea;
    line-height: 1;
    margin-bottom: .3125rem
}

.slide__price i {
    display: inline-block;
    vertical-align: middle;
    font-family: IranYekanNum, tahoma, arial;
    font-size: 1.4rem;
    color: #137fcf;
    margin-left: .3125rem
}

@media only screen and (max-width: 500px) {
    .slide__price i {
        font-size: 18px
    }
}

.slide__text {
    font-family: IranYekanNum, tahoma, arial;
    font-size: .9375rem;
    color: #999
}

.slide__text i {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    color: gray;
    margin-left: .4375rem
}

@media only screen and (max-width: 500px) {
    .slide__text i {
        font-size: 14px
    }
}

.slide__fill {
    display: block;
    background: #21e2e2;
    background: -webkit-gradient(left top, right top, color-stop(0, #21e2e2), color-stop(100%, #137dcf));
    background: -webkit-gradient(linear, left top, right top, from(#21e2e2), to(#137dcf));
    background: linear-gradient(to right, #21e2e2 0, #137dcf 100%);
    position: absolute;
    border-radius: 1.125rem 0 0 1.125rem
}

.slide--horizontal .slide__fill {
    top: 0;
    height: 100%
}

.slide--vertical .slide__fill {
    bottom: 0;
    width: 100%
}

.slide__handle {
    cursor: pointer;
    display: inline-block;
    height: 3rem;
    width: 1.375rem;
    position: absolute;
    background-color: #005b9f;
    border-radius: 1.25rem;
    border: .25rem solid #fff;
    box-sizing: border-box;
    -webkit-transition: background .2s ease-in-out, border .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: background .2s ease-in-out, border .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: background .2s ease-in-out, border .2s ease-in-out, transform .2s ease-in-out;
    transition: background .2s ease-in-out, border .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.slide__handle:hover {
    border: .25rem solid #f5f5f5
}

.slide__handle::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .1875rem;
    width: 2px;
    height: 50%;
    background-color: #137fcf
}

.slide__handle::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .1875rem;
    width: 2px;
    height: 50%;
    background-color: #137fcf
}

.slide__handle.nice-select.open, .slide__handle:active {
    background-color: #004c86
}

.rangeslider--active .slide__handle {
    background-color: #004c86;
    -webkit-transform: translateY(-50%) scale(1, 1.05) !important;
    -ms-transform: translateY(-50%) scale(1, 1.05) !important;
    transform: translateY(-50%) scale(1, 1.05) !important
}

.slide--horizontal .slide__handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    touch-action: pan-y;
    -ms-touch-action: pan-y
}

.slide--vertical .slide__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x
}

.world {
    position: relative;
    margin: 5% auto 4%;
    max-width: 54.375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: 1
}

.world before, .world::after {
    content: "";
    display: block
}

.world::after {
    clear: both
}

@media only screen and (max-width: 1050px) {
    .world {
        margin: 50px auto 35px
    }
}

.world__map {
    display: block;
    width: 100%;
    height: auto
}

.world__pin {
    position: absolute;
    width: 14px;
    height: 14px
}

@media only screen and (max-width: 800px) {
    .world__pin {
        width: 12px;
        height: 12px
    }
}

@media only screen and (max-width: 500px) {
    .world__pin {
        width: 10px;
        height: 10px
    }
}

.world__pin:after {
    display: inline-block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: calc(100% + 11px);
    height: calc(100% + 11px);
    border-radius: 50%;
    background-color: #fff;
    opacity: 0;
    -webkit-animation: pinCircle 2s infinite;
    animation: pinCircle 2s infinite
}

.world__pin > i {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ffbc98;
    z-index: 3
}

.world__pin > i::after {
    content: "";
    width: 1px;
    height: 0;
    background: #fff;
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: .5s height ease-in-out, .2s opacity ease-in-out;
    transition: .5s height ease-in-out, .2s opacity ease-in-out
}

.world__pin.show > i::after {
    height: 5rem;
    opacity: 1
}

.world__pin--leftbottom > i::after, .world__pin--rightbottom > i::after {
    bottom: auto;
    top: 100%
}

.world__pin p {
    position: absolute;
    font-size: 1.25rem;
    min-width: 5.625rem;
    top: -5.625rem;
    left: 100%;
    opacity: 0;
    -webkit-transition: .5s opacity ease-in-out;
    transition: .5s opacity ease-in-out
}

.world__pin.show p {
    opacity: 1
}

.world__pin--rightbottom p {
    top: auto;
    bottom: -5.625rem;
    left: auto;
    right: 100%;
    text-align: right
}

.world__pin--leftbottom p {
    top: auto;
    bottom: -5.625rem;
    text-align: left
}

.world__pin--righttop p {
    left: auto;
    right: 100%;
    text-align: right
}

.world__pin--lefttop p {
    text-align: left
}

@media only screen and (max-width: 1050px) {
    .world__pin p {
        font-size: 1.125rem
    }
}

.world__pin p span {
    display: block
}

.world__pin p i {
    display: block;
    font-size: 1.125rem;
    font-family: IranYekanLight, tahoma, arial;
    position: relative;
    z-index: 4
}

.world__pin p i:after {
    content: attr(data-unit);
    padding-right: 3px;
    padding-left: 3px
}

@media only screen and (max-width: 1050px) {
    .world__pin p i {
        font-size: 1rem;
        padding-right: 22px
    }
}

.world__pin--large:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    border-radius: 50%;
    background-color: #fff;
    opacity: 0;
    -webkit-animation: pinCircle 2s .5s infinite;
    animation: pinCircle 2s .5s infinite
}

@-webkit-keyframes pinCircle {
    0% {
        opacity: 0
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 0
    }
}

@keyframes pinCircle {
    0% {
        opacity: 0
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 0
    }
}

.tag-list {
    text-align: right;
    font-size: 0;
    margin-bottom: -7px
}

.tag-list .tag {
    margin-left: 5px;
    margin-bottom: 7px
}

.error {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: calc(100vh - 7.5rem);
    padding-bottom: 3.125rem
}

.error__wrap {
    width: 90%;
    max-width: 50rem
}

.error__img {
    position: relative;
    width: 100%;
    margin: 0 auto 1.25rem;
    padding-top: 58%
}

.error__img--moremargin {
    margin-bottom: 2.5rem
}

.error__img svg {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.error__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.75rem;
    color: #288ed9
}

@media only screen and (max-width: 800px) {
    .error__title {
        font-size: 22px
    }
}

@media only screen and (max-width: 500px) {
    .error__title {
        font-size: 20px
    }
}

.error__desc {
    font-size: 1.125rem;
    color: #999;
    margin-bottom: 1.25rem
}

@media only screen and (max-width: 800px) {
    .error__desc {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .error__desc {
        font-size: 15px
    }
}

.error__desc-svg, .error__title-svg {
    display: block;
    margin: 0 auto .9375rem;
    width: 7.625rem;
    height: 1.75rem
}

@media only screen and (max-width: 500px) {
    .error__desc-svg, .error__title-svg {
        width: 90px;
        height: 21px
    }
}

.error__desc-svg {
    width: 13.125rem;
    height: 1.75rem
}

@media only screen and (max-width: 500px) {
    .error__desc-svg {
        width: 160px;
        height: 14px
    }
}

.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
    padding: 0
}

.elementor-panel .elementor-element .title {
    font-family: IranYekan, tahoma, arial
}

.elementor img {
    height: inherit !important;
    max-width: inherit !important;
    border: inherit !important
}

.EnlighterJSWrapper {
    direction: ltr;
    text-align: left
}

.card-domain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.875rem;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #e6e6e6
}

@media only screen and (max-width: 800px) {
    .card-domain {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.card-domain:last-of-type {
    border-bottom: 0
}

[class*=col-] .card-domain {
    border-bottom: 1px solid #e6e6e6
}

.card-domain__check {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 800px) {
    .card-domain__check {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width: 800px) {
    .card-domain__check {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.card-domain__special {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .625rem;
    background: #e7f7f1;
    color: #24b77e;
    margin-right: 3.125rem
}

@media only screen and (max-width: 800px) {
    .card-domain__special {
        margin-right: 0
    }
}

.card-domain--noinput .checkbox input {
    display: none
}

.card-domain--noinput .checkbox label {
    cursor: initial
}

.card-domain .checkbox i {
    float: none;
    display: inline-block;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 0
}

.card-domain--noinput .checkbox i {
    display: none
}

.card-domain .checkbox span {
    text-align: left;
    direction: ltr;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    font-family: IranYekan, tahoma, arial;
    color: #999;
    padding-right: 3.125rem
}

@media only screen and (max-width: 800px) {
    .card-domain .checkbox span {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .card-domain .checkbox span {
        font-size: 15px
    }
}

@media only screen and (max-width: 800px) {
    .card-domain .checkbox span {
        padding-right: 20px
    }
}

.card-domain--checked .checkbox span {
    color: #288ed9
}

.card-domain--noinput .checkbox span {
    padding-right: 0
}

.card-domain .checkbox b {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    display: inline-block;
    padding: 0 .625rem;
    background: #f2f2f2;
    color: #999;
    border-radius: 3px
}

@media only screen and (max-width: 800px) {
    .card-domain .checkbox b {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .card-domain .checkbox b {
        font-size: 15px
    }
}

.card-domain--checked .checkbox b {
    color: #288ed9
}

.card-domain__price {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: IranYekanLight, tahoma, arial;
    font-size: .875rem;
    color: #999;
    padding: 0 .3125rem
}

.card-domain__price--disabled {
    margin-left: 3.125rem;
    position: relative
}

.card-domain__price--disabled:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #707070;
    opacity: .3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.card-domain--checked .card-domain__price--disabled::after {
    background: #288ed9
}

.card-domain--checked .card-domain__price {
    color: #288ed9
}

.card-domain__price span {
    display: inline-block;
    margin-left: .625rem;
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.375rem;
    font-family: IranYekanBoldNum, tahoma, arial
}

@media only screen and (max-width: 800px) {
    .card-domain__price span {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .card-domain__price span {
        font-size: 16px
    }
}

.card-domain__price--disabled span {
    font-family: IranYekanLightNum, tahoma, arial
}

@media only screen and (max-width: 500px) {
    .card-domain__price {
        font-size: 14px
    }
}

@media only screen and (max-width: 800px) {
    .card-domain__price-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.card-domain__del {
    background: 0 0;
    position: relative;
    box-sizing: content-box;
    width: 1.875rem;
    height: 1.875rem;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 1;
    padding-left: .9375rem
}

.card-domain__del svg {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    fill: gray;
    margin: auto;
    -webkit-transition: fill .15s linear;
    transition: fill .15s linear
}

.card-domain:hover .card-domain__del svg {
    fill: #ff6262
}

.card-domain-wrap .card-domain__del svg {
    fill: gray;
    width: 60%;
    height: 60%
}

@media only screen and (max-width: 800px) {
    .card-domain-wrap .card-domain__del svg {
        fill: #ff6262
    }
}

.factor-wrap--domains .card-domain__del:hover svg {
    fill: #ff6262
}

.card-domain-wrap {
    position: relative;
    margin-top: 1rem
}

.card-domain-wrap > .row {
    margin: 0 -30px
}

.card-domain-wrap > .row > [class*=col-] {
    padding: 0 30px;
    margin-bottom: 0
}

.banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.875rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 3.75rem
}

@media only screen and (max-width: 800px) {
    .banner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

.banner--img {
    padding: 0
}

.banner--img img {
    max-width: 100% !important
}

.banner--btncenter, .banner--nobutton {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.banner--btncenter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.banner p {
    margin-top: .3125rem;
    padding-left: .9375rem;
    color: #1f364c;
    font-size: 1.125rem
}

@media only screen and (max-width: 800px) {
    .banner p {
        width: 100%;
        margin-bottom: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .banner p {
        font-size: 1rem
    }
}

.banner--btncenter p {
    width: 100%;
    margin-bottom: 1.25rem
}

.banner p span {
    display: inline-block;
    vertical-align: middle;
    font-family: IranYekanBoldNum, tahoma, arial;
    font-size: 1.375rem
}

@media only screen and (max-width: 500px) {
    .banner p span {
        font-size: 18px
    }
}

.banner p i {
    font-family: IranYekanLight, tahoma, arial;
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    margin-right: .3125rem
}

@media only screen and (max-width: 500px) {
    .banner p i {
        font-size: 14px
    }
}

.banner .btn, .banner .tag {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.loading-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.loaded .loading-wrap {
    opacity: 0
}

.loading-circle {
    -webkit-transition: all .3s;
    transition: all .3s
}

.loading-circle::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 6px solid rgba(255, 255, 255, .2);
    border-top-color: #fff;
    -webkit-animation: spin-cw 1s infinite linear;
    animation: spin-cw 1s infinite linear
}

.loading-circle--white::after {
    border-color: rgba(255, 255, 255, .2);
    border-top-color: #fff
}

.loading-circle--blue::after {
    border-color: rgba(40, 142, 217, .2);
    border-top-color: #288ed9
}

.loading-circle--sm::after {
    border-width: 4px;
    width: 32px;
    height: 32px
}

.loading-circle--xs::after {
    width: 26px;
    height: 26px;
    border-width: 3px
}

@-webkit-keyframes spin-cw {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin-cw {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.livechat-message {
    position: fixed;
    bottom: 6rem;
    right: 1.25rem;
    opacity: 0;
    width: 372px;
    height: auto;
    color: #6c6c6c;
    z-index: 5;
    padding: .9375rem;
    border-radius: 3px;
    background-color: #fff;
    font-size: 1rem;
    box-shadow: 3px 3px 30px 0 rgba(0, 91, 159, .4);
    cursor: pointer;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    pointer-events: none
}

@media only screen and (max-width: 500px) {
    .livechat-message {
        width: 88%;
        width: calc(100% - 32px);
        right: 0;
        margin: 0 1.25rem;
        max-width: 21.25rem
    }
}

.livechat-message.show {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.livechat-message__title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.125rem;
    color: #288ed9;
    margin-bottom: .4375rem
}

.livechat-message__close {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem
}

.livechat-message__close.btn--close.nice-select.open, .livechat-message__close.btn--close:active {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.livechat-message__close.btn--close::after, .livechat-message__close.btn--close::before {
    width: 1rem;
    margin-left: -.5rem
}

.livechat-btn {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 5
}

.livechat-btn:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #24b77e;
    border: 2px solid #fff
}

.livechat-btn.offline:after {
    background-color: #ff5f5f
}

.livechat-btn .svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .12s ease-in-out;
    transition: opacity .12s ease-in-out
}

.livechat-btn .svg--chat {
    opacity: 1
}

.livechat-btn .svg--cross {
    opacity: 0
}

.livechat-btn .svg--smiling {
    opacity: 0
}

.livechat-btn.active .svg--chat {
    opacity: 0
}

.livechat-btn.active .svg--cross {
    opacity: 1
}

.parspack-v2 #LiveHelpEmbedded {
    bottom: -450px !important
}

.parspack-v2 #LiveHelpEmbedded.show {
    bottom: 0 !important
}

.parspack-v2 #LiveHelpTab {
    background: #288ed9 !important
}

.parspack-v2 #LiveHelpEmbedded * {
    font-family: IranYekanBold, tahoma, arial !important
}

.parspack-v2 #LiveHelpCloseButton {
    display: none !important
}

.parspack-v2 div.LiveHelpMobileButton.show {
    display: none !important
}

#chatstack-container .chatstack-launcher-frame.initiate, #chatstack-container .chatstack-launcher-frame.offline {
    min-height: 62px !important;
    bottom: 20px !important
}

.spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: #f2faff;
    text-align: center;
    direction: rtl
}

.spinner .box-spinner {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -90px;
    margin-top: -108px
}

.spinner.active {
    visibility: hidden;
    opacity: 0
}

.desc-spinner {
    font-size: 18px;
    border-radius: 15px;
    background: #288ed9;
    color: #fff;
    margin-top: 40px
}

@-webkit-keyframes leaves {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }
}

@keyframes leaves {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }
}

.spinner .logo-spinner {
    animation: leaves 2s ease-in-out infinite alternate;
    -webkit-animation: leaves 2s ease-in-out infinite alternate
}

.table-section {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.table-section .table-container > table.table-info {
    table-layout: fixed;
    border: none
}

.table-section .table-container > table.table-info > thead > tr > td:nth-of-type(odd), .table-section .table-container > table.table-info > thead > tr > th:nth-of-type(odd) {
    background-color: #f7f7f7
}

.table-section .table-container > table.table-info > tbody > tr > td:nth-of-type(even), .table-section .table-container > table.table-info > tbody > tr > th:nth-of-type(even) {
    background-color: #f7f7f7
}

.table-section .table-container > table.table-info > * > tr > td, .table-section .table-container > table.table-info > * > tr > th {
    vertical-align: middle;
    text-align: center;
    padding: .7rem 1rem;
    width: 18.75rem;
    background-color: #fcfcfc
}

.table-section .table-container > table.table-info > * > tr.first-table-row > td:first-child, .table-section .table-container > table.table-info > * > tr.first-table-row > th:first-child {
    border-top-right-radius: 2rem
}

.table-section .table-container > table.table-info > * > tr.first-table-row > td:last-child, .table-section .table-container > table.table-info > * > tr.first-table-row > th:last-child {
    border-top-left-radius: 2rem
}

.table-section .table-container > table.table-info > * > tr.last-table-row > td:first-child, .table-section .table-container > table.table-info > * > tr.last-table-row > th:first-child {
    border-bottom-right-radius: 2rem
}

.table-section .table-container > table.table-info > * > tr.last-table-row > td:last-child, .table-section .table-container > table.table-info > * > tr.last-table-row > th:last-child {
    border-bottom-left-radius: 2rem
}

.table-section .table-container.table-vertical > table.table-info > * > tr.first-table-row > td, .table-section .table-container.table-vertical > table.table-info > * > tr.first-table-row > th {
    background-color: #288ed9 !important;
    color: #fff !important
}

.table-section .table-container:not(.table-vertical) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-section .table-container:not(.table-vertical) > table.table-info > * > tr > td:first-child, .table-section .table-container:not(.table-vertical) > table.table-info > * > tr > th:first-child {
    min-width: 12.5rem;
    max-width: 12.5rem;
    background-color: #288ed9 !important;
    color: #fff
}

.tooltip {
    font-size: .8125rem;
    position: absolute;
    background: #288ed9;
    color: #fff;
    padding: .9375rem;
    text-align: justify;
    border-radius: .1875rem;
    bottom: 100%;
    width: 22.5rem;
    margin-right: -11.25rem;
    right: 50%;
    margin-bottom: .375rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media only screen and (max-width: 1050px) {
    .tooltip {
        margin-right: -5.625rem
    }
}

@media only screen and (max-width: 800px) {
    .tooltip {
        display: none
    }
}

.tooltip::after {
    content: "";
    border-right: .625rem solid transparent;
    border-left: .625rem solid transparent;
    border-top: .625rem solid #288ed9;
    position: absolute;
    top: 100%;
    right: 50%;
    margin-right: -.625rem
}

.creator_tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.creator_tooltip_name:hover + .tooltip {
    opacity: 1;
    visibility: visible;
    margin-bottom: .625rem
}

.contact-list {
    font-size: 0;
    margin-top: 1.25rem
}

.contact-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1rem;
    margin-bottom: .3125rem
}

@media only screen and (min-width: 800px) and (max-width: 1050px) {
    .contact-list li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.contact-list__label {
    text-align: right;
    width: 150px;
    color: #999
}

@media only screen and (max-width: 500px) {
    .contact-list__label {
        width: 100px;
        font-size: 1rem
    }
}

.contact-list .tel {
    text-align: right
}

.contact-list .tel span {
    color: #288ed9;
    position: relative;
    padding-right: 12px;
    margin-right: 5px;
    display: inline-block
}

.contact-list .tel span:after {
    content: '-';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    -ms-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
    color: #666
}

.contact-list .mail {
    font-size: 0;
    display: inline-block
}

.contact-list .mail i {
    font-size: 1.125rem;
    color: #666
}

@media only screen and (max-width: 800px) {
    .contact-list .mail i {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .contact-list .mail i {
        font-size: 15px
    }
}

.contact-list .mail span {
    font-size: 1.125rem;
    color: #288ed9
}

@media only screen and (max-width: 800px) {
    .contact-list .mail span {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .contact-list .mail span {
        font-size: 15px
    }
}

@media only screen and (min-width: 1051px) {
    .contact-intro .card-fig__desc, .contact-intro .card-fig__header {
        max-width: 25rem
    }
}

@media only screen and (min-width: 800px) and (max-width: 1140px) {
    .contact-intro .card-fig__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 400px) {
    .contact-intro .card-fig__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width: 800px) and (max-width: 1140px) {
    .contact-intro .card-fig__footer .btn, .contact-intro .card-fig__footer .tag {
        margin-bottom: .625rem;
        margin-right: 0
    }
}

@media only screen and (max-width: 400px) {
    .contact-intro .card-fig__footer .btn, .contact-intro .card-fig__footer .tag {
        margin-right: 0
    }
}

.contact-form .file {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    padding-left: 15px
}

.contact-form .file label {
    height: 100%
}

@media only screen and (min-width: 500px) and (max-width: 1050px) {
    .contact-form .file label {
        min-height: 8.75rem
    }
}

@media only screen and (max-width: 800px) {
    .contact-form .file {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        margin-bottom: 30px;
        padding-left: 0
    }
}

.contact-form__btn {
    text-align: left;
    margin-top: 1.875rem
}

@media only screen and (max-width: 800px) {
    .contact-form__btn {
        margin-top: 1.5625rem
    }
}

@media only screen and (max-width: 500px) {
    .contact-form__btn {
        margin-top: 1.25rem
    }
}

.last-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 800px) {
    .last-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.captcha {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    padding-right: 15px
}

@media only screen and (max-width: 800px) {
    .captcha {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        padding-right: 0
    }
}

.captcha p {
    font-size: .9375rem;
    margin-bottom: 1.5625rem
}

.captcha-img {
    margin-bottom: 1.5625rem;
    max-width: 25rem;
    margin-right: auto;
    margin-left: auto;
    display: block
}

.captcha .input {
    margin-bottom: 0
}

@media screen and (max-height: 840px) {
    .modal-map {
        height: 100% !important;
        top: 0 !important;
        bottom: inherit !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        padding-top: 90px !important
    }
}

@media only screen and (max-width: 800px) {
    .modal-map {
        height: 100% !important;
        top: 0 !important;
        bottom: inherit !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        padding-top: 90px !important;
        padding-right: 15px !important;
        padding-left: 15px !important
    }
}

.modal-map > .container {
    width: 100%
}

.modal-map .modal-wrap {
    background-color: #fff;
    border-radius: 3px;
    padding: 4.375rem 5rem;
    box-shadow: 0 .1875rem 2.875rem rgba(22, 69, 113, .2)
}

@media screen and (max-height: 840px) {
    .modal-map .modal-wrap {
        margin-bottom: 3.125rem
    }
}

@media only screen and (min-width: 900px) and (max-width: 1050px) {
    .modal-map .modal-wrap {
        padding: 2.5rem 3.125rem
    }
}

@media only screen and (max-width: 800px) {
    .modal-map .modal-wrap {
        padding: 1.875rem 1.25rem;
        margin-bottom: 3.125rem;
        width: auto
    }
}

@media only screen and (max-width: 500px) {
    .modal-map .modal-wrap {
        padding: 1.875rem .9375rem
    }
}

.modal-map .modal-wrap p {
    text-align: center;
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.5rem;
    color: #288ed9;
    margin-bottom: 2.625rem
}

@media only screen and (max-width: 800px) {
    .modal-map .modal-wrap p {
        font-size: 20px
    }
}

@media only screen and (max-width: 500px) {
    .modal-map .modal-wrap p {
        font-size: 18px
    }
}

@media only screen and (max-width: 800px) {
    .modal-map .modal-wrap p {
        margin-bottom: 1.25rem
    }
}

@media only screen and (max-width: 500px) {
    .modal-map .modal-wrap p {
        margin-bottom: 1.5625rem
    }
}

.modal-map #googleMap {
    height: 100%
}

.modal-map #googleMap > div {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.modal-map__wrap {
    color: #fff;
    width: 100%;
    height: 21.25rem;
    position: relative
}

.modal-map__loader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #e6e6e6;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.modal-map__loader span {
    width: 4.375rem;
    height: 4.375rem;
    position: relative
}

.modal-map__loader span:after, .modal-map__loader span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 7px solid transparent;
    border-top-color: #288ed9
}

.modal-map__loader span:before {
    z-index: 100;
    -webkit-animation: spin 1s infinite;
    animation: spin 1s infinite
}

.modal-map__loader span:after {
    border: 7px solid #ccc
}

.loaded .modal-map__loader {
    opacity: 0
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.modal-cloudhosting .free-features {
    margin-bottom: 5rem
}

.modal-cloudhosting .free-features__header {
    text-align: center;
    margin-bottom: 1.875rem
}

@media only screen and (max-width: 800px) {
    .modal-cloudhosting .free-features__header {
        margin-bottom: 1.5625rem
    }
}

@media only screen and (max-width: 500px) {
    .modal-cloudhosting .free-features__header {
        margin-bottom: 1.25rem
    }
}

.modal-cloudhosting .free-features__title {
    font-size: 1.4375rem;
    color: #288ed9
}

@media only screen and (max-width: 800px) {
    .modal-cloudhosting .free-features__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .modal-cloudhosting .free-features__title {
        font-size: 16px
    }
}

.modal-cloudhosting .free-features__footer {
    margin-top: 1.875rem
}

@media only screen and (max-width: 800px) {
    .modal-cloudhosting .free-features__footer {
        margin-top: 1.5625rem
    }
}

@media only screen and (max-width: 500px) {
    .modal-cloudhosting .free-features__footer {
        margin-top: 1.25rem
    }
}

.modal-cloudhosting .go-pay {
    margin-top: 1.25rem
}

.modal-cloudhosting .payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 800px) {
    .modal-cloudhosting .payment {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.modal-cloudhosting .payment .checkbox span {
    font-size: 1rem;
    width: auto;
    padding-right: 1.875rem;
    display: block;
    text-align: right
}

.modal-cloudhosting .payment .btn, .modal-cloudhosting .payment .tag {
    min-width: 10.9375rem;
    margin-right: .9375rem
}

@media only screen and (max-width: 800px) {
    .modal-cloudhosting .payment .btn, .modal-cloudhosting .payment .tag {
        margin-right: 0;
        margin-top: 1.5rem
    }
}

.modal-cloudhosting .payment .btn span, .modal-cloudhosting .payment .tag span {
    text-align: right;
    font-size: 1.0625rem;
    width: auto
}

.modal-cloudhosting .card-plan__price {
    margin-bottom: 1.25rem
}

.modal-cloudhosting .card-plan__price i {
    font-size: 1.875rem
}

.modal-cloudhosting .card-plan__text {
    margin-bottom: 2.1875rem
}

.modal-cloudhosting .factor__coupon {
    font-size: 1rem;
    line-height: 1.5;
    vertical-align: top;
    position: relative;
    top: 12px
}

.modal-cloudhosting .factor__coupon > .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0
}

.modal-cloudhosting .factor__coupon .btn span:first-child, .modal-cloudhosting .factor__coupon .tag span:first-child {
    width: auto;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.modal-cloudhosting .factor__coupon .btn span:last-child, .modal-cloudhosting .factor__coupon .tag span:last-child {
    text-align: initial;
    opacity: 1
}

.modal-cloudhosting .factor__coupon .btn.find span:first-child, .modal-cloudhosting .factor__coupon .find.tag span:first-child {
    opacity: 1
}

.modal-cloudhosting .factor__coupon .btn.find span:last-child, .modal-cloudhosting .factor__coupon .find.tag span:last-child {
    opacity: 0
}

.modal-cloudhosting .factor__coupon__loading {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    left: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    z-index: 2
}

.modal-cloudhosting .factor__coupon__loading i {
    width: 1.875rem;
    height: 1.875rem;
    position: relative
}

.modal-cloudhosting .factor__coupon__loading i:after, .modal-cloudhosting .factor__coupon__loading i:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 4px solid transparent;
    border-top-color: #288ed9
}

.modal-cloudhosting .factor__coupon__loading i:before {
    z-index: 100;
    -webkit-animation: spin 1s infinite;
    animation: spin 1s infinite
}

.modal-cloudhosting .factor__coupon__loading i:after {
    border: 4px solid #ccc
}

.modal-cloudhosting .creator__slide.force-enable .slide--disabled {
    -webkit-filter: none !important;
    filter: none !important;
    opacity: 1 !important
}

.factor-container--normal .factor {
    margin-bottom: 2.3rem
}

.factor-container--normal .factor__coupon, .factor-container--normal .factor__totalprice {
    margin-bottom: 0
}

.factor-container:not(.factor-container--normal) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.factor-container:not(.factor-container--normal) .factor {
    width: 100%
}

.factor-container:not(.factor-container--normal) .factor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.factor-container:not(.factor-container--normal) .factor__total-wrap {
    margin-bottom: 0
}

.factor-container:not(.factor-container--normal) .payment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.factor-container:not(.factor-container--normal) .payment button {
    height: 4rem;
    border-radius: 3rem;
    margin: 5px 0
}

.factor-container--small .factor {
    width: 100%;
    max-width: 720px;
    margin-bottom: 2.3rem
}

.factor-container--small .factor__coupon {
    width: calc(40% - .5rem);
    margin-bottom: 0
}

.factor-container--small .factor__coupon .input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.factor-container--small .factor__coupon .input input {
    width: 100%;
    padding-left: 80px
}

.factor-container--small .factor__coupon .input button {
    position: absolute;
    left: 7px;
    top: 14px;
    padding: 0 10px;
    min-width: unset;
    height: 2rem
}

.factor-container--small .factor__coupon .input button span {
    font-size: 1rem
}

.factor-container--small .factor__coupon .input-error {
    width: 100%;
    overflow-wrap: break-word
}

.factor-container--small .factor__totalprice {
    width: calc(60% - .5rem);
    margin-bottom: 0
}

.factor-container--small .factor__totalprice .factor__total-wrap {
    margin-bottom: 0
}

.factor-container--column .factor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    width: 100%
}

.factor-container--column .factor--hidden {
    display: none
}

.factor-container--column .factor-wrap {
    margin-top: 3.75rem;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.factor-container--column .factor-wrap .factor:not(:first-of-type) {
    margin-top: .5rem
}

.factor-container--column .factor-btn {
    margin-top: .5rem;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end
}

.factor-container--column .factor-btn--hidden {
    display: none
}

.factor-container--column .factor-info {
    margin: 1rem !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.factor-container--column .factor-info .top-factor-info {
    margin: 0 !important
}

.factor-container--column .factor__unit {
    margin-left: 4px
}

.factor-container--column .factor--pricing {
    max-width: 450px
}

.factor-container--column .factor__coupon {
    width: 100%;
    top: unset;
    padding: 0;
    margin-left: 0;
    margin-bottom: 2rem
}

.factor-container--column .factor__coupon .input input {
    margin-left: 10px
}

.factor-container--column .factor__coupon__show {
    display: block;
    text-align: center
}

.factor-container--column .factor__totalprice {
    width: 100%;
    display: block;
    margin-bottom: 1rem
}

.factor-container--column .factor__totalprice .factor__total-wrap {
    padding: .5rem 0;
    background: unset;
    line-height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.factor-container--column .factor__totalprice .factor__total-wrap span {
    width: auto;
    color: #288ed9;
    font-size: 1.4rem;
    font-weight: 700
}

.factor-container--column .factor__totalprice .factor__total-wrap span.factor__total-price {
    margin-right: .5rem
}

.factor-container--column .factor__totalprice .factor__total-wrap span.factor__total-price i {
    font-size: 2.5rem
}

.factor-container--column .factor__total--gray {
    background-color: transparent;
    border: unset
}

.factor-container--column .payment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.factor-container--column .payment button {
    height: 4rem;
    border-radius: 3rem;
    margin: 0 0 5px 0
}

#cloud-host-new .radiobox {
    margin: 1rem 0 !important
}

#cloud-host-new .radiobox__label {
    font-size: 1rem !important;
    line-height: 3rem !important;
    width: 7rem !important
}

#cloud-host-new .divider {
    margin-top: 2rem !important
}

.free-host__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1.5625rem
}

.free-host__input .input, .free-host__input .select {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.free-host__input--marginbottom {
    margin-bottom: 4.9375rem
}

.free-host__input--marginbottom .prefix {
    margin-left: 1.25rem;
    -webkit-transform: translateY(-.9375rem);
    -ms-transform: translateY(-.9375rem);
    transform: translateY(-.9375rem)
}

@media only screen and (max-width: 400px) {
    .free-host__input--marginbottom .input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (max-width: 800px) {
    .free-host__input:nth-of-type(2) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.free-host__input:nth-of-type(2) .checkbox {
    margin-left: 1.25rem;
    -webkit-transform: translateY(-.9375rem);
    -ms-transform: translateY(-.9375rem);
    transform: translateY(-.9375rem)
}

@media only screen and (max-width: 800px) {
    .free-host__input:nth-of-type(2) .checkbox {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: 1.875rem
    }
}

@media only screen and (max-width: 800px) {
    .free-host__input:nth-of-type(2) .select {
        width: 100%
    }
}

.free-host__input--radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    margin-bottom: 1.125rem;
    margin-top: .625rem
}

@media only screen and (max-width: 800px) {
    .free-host__input--two-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.free-host__input--two-column .input {
    width: 50%
}

@media only screen and (max-width: 800px) {
    .free-host__input--two-column .input {
        width: 100%
    }
}

.free-host__input--two-column .input:first-child {
    padding-left: 12px
}

@media only screen and (max-width: 800px) {
    .free-host__input--two-column .input:first-child {
        padding-left: 0;
        margin-bottom: 70px
    }
}

.free-host__input--two-column .input:last-child {
    padding-right: 12px
}

@media only screen and (max-width: 800px) {
    .free-host__input--two-column .input:last-child {
        padding-right: 0
    }
}

.free-host__input--two-column .input:last-child .input-error {
    padding-right: 12px
}

@media only screen and (max-width: 800px) {
    .free-host__input--two-column .input:last-child .input-error {
        padding-right: 0
    }
}

.free-host__otherinput > div:last-of-type {
    margin-top: 6.25rem
}

@media only screen and (max-width: 1050px) {
    .free-host__otherinput > div:last-of-type {
        margin-top: 5rem
    }
}

@media only screen and (max-width: 800px) {
    .free-host__otherinput > div:last-of-type {
        margin-top: 3.75rem
    }
}

.free-host__btn {
    text-align: center;
    font-size: 0;
    margin-top: 4.375rem
}

@media only screen and (max-width: 800px) {
    .free-host__btn {
        margin-top: 50px
    }
}

@media only screen and (max-width: 500px) {
    .free-host__btn {
        margin-top: 30px
    }
}

.free-host__btn .btn:not(:first-child), .free-host__btn .tag:not(:first-child) {
    margin-right: .625rem
}

@media only screen and (max-width: 500px) {
    .free-host__btn .btn, .free-host__btn .tag {
        margin-bottom: .625rem
    }
}

.free-host .prefix {
    margin-left: 1.25rem;
    -webkit-transform: translateY(-.75rem);
    -ms-transform: translateY(-.75rem);
    transform: translateY(-.75rem)
}

.free-host .modal_themeslider {
    width: 100%;
    position: relative;
    margin-bottom: 6.25rem
}

@media only screen and (max-width: 1050px) {
    .free-host .modal_themeslider {
        margin-bottom: 5rem
    }
}

@media only screen and (max-width: 800px) {
    .free-host .modal_themeslider {
        margin-bottom: 3.75rem
    }
}

.free-host .swiper-container {
    padding-top: 1.5625rem
}

.free-host .swiper-wrapper {
    padding-top: 15px;
    padding-bottom: 60px
}

@media only screen and (max-width: 1050px) {
    .free-host .swiper-wrapper {
        padding-bottom: 30px
    }
}

.free-host .swiper-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 14px
}

.free-host .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    position: relative;
    opacity: 1;
    font-size: 0;
    margin: 0 3px !important;
    background-color: transparent
}

.free-host .swiper-pagination-bullet:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #98cdf2;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 100%
}

.free-host .swiper-pagination-bullet-active {
    margin: 0 1px
}

.free-host .swiper-pagination-bullet-active:after {
    width: 14px;
    height: 14px;
    background-color: #005b9f;
    padding: 0
}

.free-host .swiper-error {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .875rem;
    color: #ff5f5f
}

.free-host .domain-free-select.prefix {
    margin-left: 0;
    width: 180px;
    -webkit-transform: translateY(-.9375rem);
    -ms-transform: translateY(-.9375rem);
    transform: translateY(-.9375rem);
    text-transform: capitalize
}

.free-host .domain-free-select.prefix .nice-select {
    border-left: none
}

.free-host .sample-domain-free {
    text-align: left;
    color: gray
}

.page-cloud-hosting .plan-wrap {
    margin-bottom: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 1050px) {
    .page-cloud-hosting .plan-wrap {
        margin-bottom: 3.75rem
    }
}

.page-cloud-hosting .domain {
    font-size: 0;
    margin-bottom: 5rem
}

.page-cloud-hosting .domain--plans {
    margin-bottom: 5rem
}

.page-cloud-hosting .domain__item {
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle
}

.page-cloud-hosting .domain__item--name {
    width: 8%
}

@media only screen and (max-width: 76.25rem) {
    .page-cloud-hosting .domain__item--name {
        width: 10%
    }
}

@media only screen and (max-width: 1050px) {
    .page-cloud-hosting .domain__item--name {
        width: 6.25rem;
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 37.5rem) {
    .page-cloud-hosting .domain__item--name {
        margin-bottom: 50px
    }
}

.page-cloud-hosting .domain__item--check {
    width: 14%;
    text-align: center
}

@media only screen and (max-width: 1050px) {
    .domain__item--check:nth-of-type(2) {
        margin-right: 15%
    }
}

@media only screen and (max-width: 37.5rem) {
    .domain__item--check:nth-of-type(2) {
        margin-right: 0
    }
}

@media only screen and (max-width: 1050px) {
    .page-cloud-hosting .domain--hasprefix .domain__item--check:nth-of-type(2) {
        margin-right: 0
    }
}

@media only screen and (max-width: 1050px) {
    .page-cloud-hosting .domain__item--check {
        width: 25%;
        text-align: right
    }
}

@media only screen and (max-width: 37.5rem) {
    .page-cloud-hosting .domain__item--check {
        width: 33.33%
    }
}

@media only screen and (max-width: 400px) {
    .page-cloud-hosting .domain__item--check {
        width: 50%;
        text-align: right
    }
}

.page-cloud-hosting .domain__item--btn {
    text-align: left;
    width: 11%
}

@media only screen and (max-width: 1050px) {
    .page-cloud-hosting .domain__item--btn {
        width: 35%
    }
}

@media only screen and (max-width: 37.5rem) {
    .page-cloud-hosting .domain__item--btn {
        width: 33.33%
    }
}

@media only screen and (max-width: 400px) {
    .page-cloud-hosting .domain__item--btn {
        width: 100%;
        margin-top: 20px
    }
}

.page-cloud-hosting .domain__input {
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 53%
}

.page-cloud-hosting .domain__input input::-webkit-input-placeholder {
    color: #ccc
}

.page-cloud-hosting .domain__input input::-moz-placeholder {
    color: #ccc
}

.page-cloud-hosting .domain__input input:-ms-input-placeholder {
    color: #ccc
}

.page-cloud-hosting .domain__input input::placeholder {
    color: #ccc
}

.page-cloud-hosting .domain__input input:-ms-input-placeholder {
    color: #ccc
}

.page-cloud-hosting .domain__input input::-ms-input-placeholder {
    color: #ccc
}

@media only screen and (max-width: 76.25rem) {
    .page-cloud-hosting .domain__input {
        width: 51%
    }
}

@media only screen and (max-width: 1050px) {
    .page-cloud-hosting .domain__input {
        width: calc(100% - 6.25rem);
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 37.5rem) {
    .page-cloud-hosting .domain__input {
        margin-bottom: 50px
    }
}

@media only screen and (min-width: 1051px) {
    .page-cloud-hosting .domain--hasprefix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .page-cloud-hosting .domain--hasprefix .domain__item--check {
        padding: .9375rem 0
    }

    .page-cloud-hosting .domain--hasprefix .domain__item--btn {
        padding: .375rem 0
    }
}

.page-cloud-hosting .domain--hasprefix .domain__input {
    width: 30%
}

.page-cloud-hosting .domain--hasprefix .domain__input .handel_input {
    margin-top: 3.125rem
}

.page-cloud-hosting .domain--hasprefix .domain__input .handel_input .description {
    position: absolute;
    top: 3px;
    padding: 0 10px;
    width: 100%;
    text-align: justify;
    font-size: 15px;
    right: 100%;
    direction: rtl
}

@media only screen and (max-width: 1050px) {
    .page-cloud-hosting .domain--hasprefix .domain__input .handel_input .description {
        right: 0;
        left: 0;
        top: 56px;
        font-size: 14px
    }
}

.page-cloud-hosting .domain--hasprefix .domain__input .handel_input .description a {
    color: #288ed9
}

@media only screen and (max-width: 1050px) {
    .page-cloud-hosting .domain--hasprefix .domain__input .handel_input {
        width: 100%;
        margin-bottom: 1rem
    }
}

@media only screen and (max-width: 76.25rem) {
    .page-cloud-hosting .domain--hasprefix .domain__input {
        width: 30%
    }
}

@media only screen and (max-width: 1050px) {
    .page-cloud-hosting .domain--hasprefix .domain__input {
        width: 100%;
        margin-bottom: 60px
    }
}

.page-cloud-hosting .domain__input .input {
    margin-bottom: 0
}

.page-cloud-hosting .domain__loading {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    right: 1.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    z-index: 2
}

.page-cloud-hosting .domain__loading i {
    width: 1.875rem;
    height: 1.875rem;
    position: relative
}

.page-cloud-hosting .domain__loading i:after, .page-cloud-hosting .domain__loading i:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 4px solid transparent;
    border-top-color: #288ed9
}

.page-cloud-hosting .domain__loading i:before {
    z-index: 100;
    -webkit-animation: spin 1s infinite;
    animation: spin 1s infinite
}

.page-cloud-hosting .domain__loading i:after {
    border: 4px solid #ccc
}

.page-cloud-hosting .domain__loading.find {
    opacity: 0
}

.cloud-server .os-system select.hidden + .nice-select {
    display: none !important
}

.cloud-server .os-system .select {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 1rem
}

.cloud-server .os-system .nice-select .current, .cloud-server .os-system .nice-select .option {
    font-family: Tahoma
}

@media only screen and (max-width: 800px) {
    .cloud-server .select {
        width: 100%
    }
}

.cloud-server .factor-info__price_month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    position: relative;
    cursor: pointer;
    margin-bottom: 16px
}

.cloud-server .factor-info__price_month .question-icon {
    width: 20px;
    height: 20px;
    fill: #288ed9;
    margin: 8px
}

.cloud-server .factor-info__price_month .description {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    background: #f2faff;
    padding: 8px;
    border-radius: 8px;
    font-size: 15px
}

.cloud-server .factor-info__price_month:hover .description {
    display: block
}

#special.active + div + div + div.tab-special {
    opacity: 1;
    display: block
}

.page-cdn .section-footer > p {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
    color: #999
}

@media only screen and (max-width: 800px) {
    .page-cdn .section-footer > p {
        font-size: 16px
    }
}

@media only screen and (max-width: 500px) {
    .page-cdn .section-footer > p {
        font-size: 15px
    }
}

.sign {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px;
    overflow-y: auto;
    direction: ltr;
    padding-top: 2.375rem
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .sign {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-height: 840px) {
    .sign {
        position: relative;
        padding-top: 2.375rem;
        padding-bottom: 2.375rem;
        margin-top: -6.25rem
    }
}

@media only screen and (max-width: 800px) {
    .sign {
        display: block;
        padding: 70px 15px
    }
}

.sign--blue {
    background-color: #137fcf
}

.sign--popup {
    position: relative;
    pointer-events: none
}

@media screen and (max-height: 840px) {
    .sign--popup {
        margin-top: 0
    }
}

@media only screen and (max-width: 800px) {
    .sign--popup {
        padding: 70px 0
    }
}

.modal--popup.modal--open .sign--popup {
    pointer-events: all
}

.sign-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 auto;
    direction: rtl;
    max-width: 63.75rem;
    width: 100%;
    border-radius: .625rem;
    box-shadow: 0 .1875rem 2.875rem rgba(22, 69, 113, .2)
}

@media only screen and (max-width: 800px) {
    .sign-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto
    }
}

.sign--popup .sign-wrap {
    max-width: 31.875rem
}

.sign-wrap > [class*=col-] {
    margin: 0;
    padding: 0
}

.sign-wrap > [class*=col-]:first-child {
    background-color: #fff;
    border-radius: 0 .625rem .625rem 0
}

@media only screen and (max-width: 800px) {
    .sign-wrap > [class*=col-]:first-child {
        border-radius: .625rem .625rem 0 0
    }
}

.sign-wrap > [class*=col-]:last-child {
    background-color: #288ed9;
    border-radius: .625rem 0 0 .625rem
}

@media only screen and (max-width: 800px) {
    .sign-wrap > [class*=col-]:last-child {
        border-radius: 0 0 .625rem .625rem
    }
}

.sign--popup .sign-wrap > [class*=col-] {
    background-color: #fff;
    border-radius: .625rem
}

.sign-logo {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -38px);
    -ms-transform: translate(-50%, -38px);
    transform: translate(-50%, -38px);
    text-align: center
}

.sign-logo img {
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 50%;
    box-shadow: 0 10px 20px 0 rgba(4, 50, 85, .15);
    margin-bottom: .3125rem
}

.sign-logo h1 {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.375rem;
    color: #288ed9;
    line-height: 1;
    margin-bottom: 5px
}

@media only screen and (max-width: 800px) {
    .sign-logo h1 {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .sign-logo h1 {
        font-size: 16px
    }
}

.sign-logo p {
    font-size: 1.1875rem;
    background-color: #288ed9;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
    padding: 5px 5px 2px
}

.sign-form {
    padding: 10.625rem 3.4375rem 3.4375rem;
    height: 100%;
    display: -ms-grid;
    display: grid
}

.sign-form #auth-login {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sign-form #auth-login.active {
    display: block
}

.sign-form #auth-login.fade-in {
    opacity: 1
}

.sign-form #auth-register {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sign-form #auth-register.active {
    display: block
}

.sign-form #auth-register.fade-in {
    opacity: 1
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .sign-form {
        display: block
    }
}

@media only screen and (max-width: 500px) {
    .sign-form {
        padding: 10rem .9375rem 2.8125rem
    }
}

.sign--popup .sign-form {
    padding: 8.125rem 3.4375rem 3.4375rem;
    display: block
}

@media only screen and (max-width: 500px) {
    .sign--popup .sign-form {
        padding: 7.5rem .9375rem 2.8125rem
    }
}

.sign-input {
    margin-bottom: .75rem;
    display: inline-block;
    width: 100%
}

.sign-btn {
    margin-top: 2.5rem;
    text-align: center;
    margin-right: -3px;
    margin-left: -3px
}

@media only screen and (min-width: 800px) and (max-width: 950px) {
    .sign-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (max-width: 400px) {
    .sign-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.sign-btn .btn, .sign-btn .tag {
    margin: 0 3px
}

.sign-btn__wrap {
    position: relative;
    display: inline-block
}

.sign-btn__wrap button:last-child {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.sign-btn--register .sign-btn__wrap button:last-child {
    opacity: 0;
    visibility: hidden
}

.sign-btn__wrap button.bt {
    position: relative !important
}

.sign-captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.875rem;
    position: relative
}

.sign-captcha .input {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .3125rem
}

.sign-captcha > img {
    height: 47px !important;
    background-color: #d6eeff;
    width: 110px;
    border: 1px solid #ccc !important;
    cursor: pointer
}

@media only screen and (max-width: 500px) {
    .sign-captcha > img {
        height: 41px
    }
}

.sign-slider {
    padding: 6.25rem 3.4375rem 3.4375rem;
    height: 100%
}

@media only screen and (max-width: 500px) {
    .sign-slider {
        padding: 5.625rem .9375rem 2.8125rem
    }
}

.sign-sliderimage {
    margin-bottom: 2.5rem;
    max-width: 21.875rem;
    margin-right: auto;
    margin-left: auto;
    display: block
}

.sign-slidertitle {
    font-size: 1.125rem;
    text-align: center;
    margin-bottom: 1.25rem;
    color: #fff
}

@media only screen and (max-width: 800px) {
    .sign-slidertitle {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .sign-slidertitle {
        font-size: 15px
    }
}

.sign-sliderdesc {
    color: #fff;
    text-align: justify;
    font-size: .875rem
}

.sign-msg {
    min-height: 2.3125rem;
    padding: .3125rem;
    margin-bottom: 1.25rem;
    top: 7.5rem;
    text-align: center
}

.sign .swiper-pagination {
    bottom: inherit;
    width: 100%;
    left: 0;
    position: relative;
    margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 5px
}

.sign .swiper-pagination--next, .sign .swiper-pagination--prev {
    display: inline-block;
    font-size: 0
}

.sign .swiper-pagination--next i, .sign .swiper-pagination--prev i {
    cursor: pointer;
    display: inline-block;
    font-size: 0
}

.sign .swiper-pagination--next i:after, .sign .swiper-pagination--prev i:after {
    content: '';
    border: solid;
    border-width: 0 3px 3px 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    display: inline-block;
    padding: 8px;
    border-color: #80c9ff;
    opacity: .36
}

.sign .swiper-pagination--next:hover i:after, .sign .swiper-pagination--prev:hover i:after {
    opacity: 1
}

.sign .swiper-pagination--prev {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.sign .swiper-pagination--next {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sign .swiper-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sign .swiper-pagination-bullet {
    background-color: #48b1ff;
    width: 8px;
    height: 8px;
    margin: 0 8px;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    opacity: 1
}

@media only screen and (min-width: 1051px) {
    .sign .swiper-pagination-bullet:hover {
        background-color: #98cdf2
    }
}

.sign .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 12px;
    height: 12px;
    margin: 0 6px
}

@media only screen and (min-width: 1051px) {
    .sign .swiper-pagination-bullet-active:hover {
        background-color: #fff
    }
}

.page-hybrid-server .switch {
    display: block;
    margin: 2.5rem auto 5.625rem
}

.page-hybrid-server .switch-content {
    min-height: 38rem
}

.page-vps .switch-wrap {
    text-align: center;
    padding-bottom: 6.25rem
}

.is-ie .page-vps .switch-wrap {
    overflow: hidden;
    padding-top: .9375rem
}

@media only screen and (max-width: 800px) {
    .page-vps .switch-wrap {
        padding-bottom: 60px
    }
}

.page-vps .switch:first-of-type {
    margin-left: 11.25rem
}

@media only screen and (max-width: 800px) {
    .page-vps .switch:first-of-type {
        margin-left: 100px
    }
}

.page-vps .switch-content {
    min-height: 35.3125rem
}

.page-faq .section-header {
    margin-bottom: 5.625rem
}

@media only screen and (max-width: 800px) {
    .page-faq .section-header {
        margin-bottom: 70px
    }
}

@media only screen and (max-width: 500px) {
    .page-faq .section-header {
        margin-bottom: 50px
    }
}

.faq {
    zoom: 1;
    position: relative;
    text-align: center
}

.faq before, .faq::after {
    content: "";
    display: block
}

.faq::after {
    clear: both
}

.faq-wrap {
    text-align: center;
    width: 100%;
    max-width: 40.625rem;
    margin: 0 auto
}

.faq-wrap__section:not(:last-child) {
    margin-bottom: 1.875rem
}

@media only screen and (max-width: 800px) {
    .faq-wrap__section:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

.faq-wrap__filter {
    display: none;
    margin-bottom: 1.25rem;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (max-width: 1050px) {
    .faq-wrap__filter {
        display: block
    }
}

@media only screen and (max-width: 800px) {
    .faq-wrap__filter {
        margin-bottom: .9375rem
    }
}

.faq-wrap__filter .select {
    text-align: right !important
}

.faq-wrap__filter .current--hide {
    opacity: 1 !important
}

.faq-side {
    font-size: 0;
    float: right;
    max-width: 12.5rem;
    text-align: right;
    margin-right: 1.875rem
}

@media only screen and (max-width: 1050px) {
    .faq-side {
        display: none
    }
}

.faq-side ul {
    font-size: 1rem;
    position: relative;
    padding: .625rem 2.5rem .625rem 0;
    min-width: 200px
}

.faq-side ul:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #e6e6e6
}

.faq-side li {
    color: gray;
    position: relative;
    display: block
}

.faq-side li:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    right: -2.5rem;
    background-color: #288ed9;
    overflow: hidden;
    -webkit-transition: max-height .2s linear;
    transition: max-height .2s linear;
    max-height: 0;
    top: 3px
}

.faq-side li:not(:last-child) {
    margin-bottom: .4375rem
}

.faq-side li.active {
    font-family: IranYekanBold, tahoma, arial;
    color: #288ed9
}

.faq-side li.active:before {
    right: -2.5rem;
    max-height: 100%
}

.faq-side li span {
    display: inline-block;
    cursor: pointer
}

.faq-img {
    max-width: 33.75rem !important;
    margin-bottom: .9375rem
}

.faq-title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.625rem;
    color: #288ed9;
    max-width: 40.625rem;
    margin: 0 auto
}

@media only screen and (max-width: 800px) {
    .faq-title {
        font-size: 22px
    }
}

@media only screen and (max-width: 500px) {
    .faq-title {
        font-size: 20px
    }
}

.faq-btn {
    text-align: center;
    font-size: 0;
    margin-top: 1.875rem
}

@media only screen and (max-width: 800px) {
    .faq-btn {
        margin-top: 25px
    }
}

@media only screen and (max-width: 500px) {
    .faq-btn {
        margin-top: 20px
    }
}

.faq-btn .btn:not(:first-child), .faq-btn .tag:not(:first-child) {
    margin-right: .625rem
}

@media only screen and (max-width: 500px) {
    .faq-btn .btn, .faq-btn .tag {
        margin-bottom: .625rem
    }
}

.domain-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 3.75rem
}

@media only screen and (max-width: 500px) {
    .domain-check {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.domain-check p {
    margin: .3125rem 0 0 .625rem;
    color: gray
}

.domain-check--false p {
    color: #f06464
}

.domain-check--true p {
    color: #24b77e
}

@media only screen and (max-width: 500px) {
    .domain-check p {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0
    }
}

.domain-check i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.375rem;
    font-family: IranYekan, tahoma, arial;
    color: #24b77e
}

@media only screen and (max-width: 800px) {
    .domain-check i {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .domain-check i {
        font-size: 16px
    }
}

.domain-check--false i {
    color: #f06464
}

.domain-check--true i {
    color: #24b77e
}

@media only screen and (max-width: 500px) {
    .domain-check i {
        margin-bottom: 1.25rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.domain-check i span {
    display: inline-block;
    vertical-align: middle
}

.domain-check i svg {
    display: inline-block;
    vertical-align: middle;
    display: none;
    margin-left: .625rem
}

.domain-check--true svg:first-of-type {
    display: inline-block
}

.domain-check--false svg:last-of-type {
    display: inline-block
}

.domain .suggestions {
    margin: 16px 32px 32px;
    background: #f2f2f2;
    padding: 16px;
    border-radius: 4px
}

@media only screen and (max-width: 500px) {
    .domain .suggestions {
        padding: 0;
        margin: 16px 0
    }
}

.domain .suggestions .title {
    font-family: IranYekanBold, tahoma, arial;
    font-size: 1.375rem;
    font-family: IranYekan, tahoma, arial;
    color: #6c6c6c;
    padding: 8px
}

@media only screen and (max-width: 800px) {
    .domain .suggestions .title {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .domain .suggestions .title {
        font-size: 16px
    }
}

.domain .suggestions table tr:not(:last-of-type) {
    border-bottom: #e6e6e6 1px solid
}

.domain .suggestions table td {
    padding: 8px
}

.domain .suggestions table td button {
    min-width: auto
}

.domain .suggestions table td .price {
    font-weight: 300;
    font-size: 12px;
    margin: 4px
}

.domain-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2.5rem 0 3.125rem;
    width: 100%;
    z-index: 2
}

@media only screen and (max-width: 800px) {
    .domain-select {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.domain-select .submit {
    margin-left: 1.25rem
}

@media only screen and (max-width: 800px) {
    .domain-select .submit {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        margin: 2.5rem 0 0;
        text-align: left
    }
}

.domain-select .select {
    position: relative;
    height: 100%;
    width: 11.875rem;
    padding-bottom: 0
}

@media only screen and (max-width: 800px) {
    .domain-select .select {
        text-align: right;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: auto;
        min-width: 92px
    }
}

.domain-select .nice-select {
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0
}

.domain-select .loaded .nice-select {
    opacity: 1
}

.domain-select .current {
    direction: ltr;
    text-align: left;
    display: block;
    opacity: 1;
    padding-left: .9375rem
}

@media only screen and (min-width: 501px) {
    .domain-select .current {
        min-width: 70px
    }
}

.domain-select .option {
    direction: ltr;
    text-align: left;
    padding: 0 .625rem;
    padding: 0 .9375rem 0 2.1875rem
}

.domain-select .disabled {
    direction: rtl
}

.domain-select .input {
    width: 75%;
    width: calc(100% - 110px);
    margin: 0 .625rem 0 0
}

@media only screen and (max-width: 800px) {
    .domain-select .input {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (max-width: 400px) {
    .domain-select .input {
        width: 65%
    }
}

.domain-select .input label {
    left: 1.25rem;
    right: auto
}

.domain-help {
    margin-top: 1.25rem;
    font-size: 1rem;
    color: #999
}

.register-domain .section-footer {
    margin-bottom: 4.375rem !important;
    margin-top: 0 !important
}

.register-domain .domain-check {
    margin-bottom: 0 !important
}

.modal-domainfactor .free-features {
    margin-bottom: 5rem
}

.modal-domainfactor .free-features__header {
    text-align: center;
    margin-bottom: 1.875rem
}

@media only screen and (max-width: 800px) {
    .modal-domainfactor .free-features__header {
        margin-bottom: 1.5625rem
    }
}

@media only screen and (max-width: 500px) {
    .modal-domainfactor .free-features__header {
        margin-bottom: 1.25rem
    }
}

.modal-domainfactor .free-features__title {
    font-size: 1.4375rem;
    color: #288ed9
}

@media only screen and (max-width: 800px) {
    .modal-domainfactor .free-features__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 500px) {
    .modal-domainfactor .free-features__title {
        font-size: 16px
    }
}

.modal-domainfactor .free-features__footer {
    margin-top: 1.875rem
}

@media only screen and (max-width: 800px) {
    .modal-domainfactor .free-features__footer {
        margin-top: 1.5625rem
    }
}

@media only screen and (max-width: 500px) {
    .modal-domainfactor .free-features__footer {
        margin-top: 1.25rem
    }
}

.modal-domainfactor .go-pay {
    margin-top: 1.25rem
}

.modal-domainfactor .payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 800px) {
    .modal-domainfactor .payment {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.modal-domainfactor .payment .checkbox span {
    font-size: 1rem;
    width: auto;
    padding-right: 1.875rem;
    display: block;
    text-align: right
}

.modal-domainfactor .payment .btn, .modal-domainfactor .payment .tag {
    min-width: 10.9375rem;
    margin-right: .9375rem
}

@media only screen and (max-width: 800px) {
    .modal-domainfactor .payment .btn, .modal-domainfactor .payment .tag {
        margin-right: 0;
        margin-top: 1.5rem
    }
}

.modal-domainfactor .payment .btn span, .modal-domainfactor .payment .tag span {
    text-align: right;
    font-size: 1.0625rem;
    width: auto
}

.modal-domainfactor .card-plan__price {
    margin-bottom: 1.25rem
}

.modal-domainfactor .card-plan__price i {
    font-size: 1.875rem
}

.modal-domainfactor .card-plan__text {
    margin-bottom: 2.1875rem
}

.modal-domainfactor .factor__coupon {
    font-size: 1rem;
    line-height: 1.5;
    vertical-align: top;
    position: relative;
    top: 12px
}

.modal-domainfactor .factor__coupon > .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0
}

.modal-domainfactor .factor__coupon .btn span:first-child, .modal-domainfactor .factor__coupon .tag span:first-child {
    width: auto;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.modal-domainfactor .factor__coupon .btn span:last-child, .modal-domainfactor .factor__coupon .tag span:last-child {
    text-align: initial;
    opacity: 1
}

.modal-domainfactor .factor__coupon .btn.find span:first-child, .modal-domainfactor .factor__coupon .find.tag span:first-child {
    opacity: 1
}

.modal-domainfactor .factor__coupon .btn.find span:last-child, .modal-domainfactor .factor__coupon .find.tag span:last-child {
    opacity: 0
}

.modal-domainfactor .factor__coupon__loading {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    left: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    z-index: 2
}

.modal-domainfactor .factor__coupon__loading i {
    width: 1.875rem;
    height: 1.875rem;
    position: relative
}

.modal-domainfactor .factor__coupon__loading i:after, .modal-domainfactor .factor__coupon__loading i:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 4px solid transparent;
    border-top-color: #288ed9
}

.modal-domainfactor .factor__coupon__loading i:before {
    z-index: 100;
    -webkit-animation: spin 1s infinite;
    animation: spin 1s infinite
}

.modal-domainfactor .factor__coupon__loading i:after {
    border: 4px solid #ccc
}

.modal-domainfactor .factor__total:nth-child(1) {
    width: calc(45% - .5rem)
}

@media only screen and (max-width: 56.25rem) {
    .modal-domainfactor .factor__total:nth-child(1) {
        width: 100%
    }
}

.modal-domainfactor .factor__total:nth-child(2) {
    width: calc(55% - .5rem)
}

@media only screen and (max-width: 56.25rem) {
    .modal-domainfactor .factor__total:nth-child(2) {
        width: 100%
    }
}

.client-slider-wrap {
    height: 21.875rem;
    margin-bottom: 3.125rem;
    overflow: hidden
}

@media only screen and (max-width: 800px) {
    .client-slider-wrap {
        height: 16.875rem;
        padding: 1.875rem 0
    }
}

@media only screen and (max-width: 500px) {
    .client-slider-wrap {
        height: 21.875rem;
        padding: 30px 15px 40px 0
    }
}

.is-ie .client-slider-wrap {
    height: 300px
}

.client-slider {
    width: calc(100% - 50px);
    max-width: 37.5rem;
    margin: 0 auto;
    height: 100%;
    padding-right: 4.375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 500px) {
    .client-slider {
        padding-right: 0
    }
}

@media only screen and (max-width: 500px) {
    .client-slider.swiper-container {
        overflow: visible
    }
}

.client-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: .9375rem 4.375rem 4.375rem .9375rem;
    padding: .3125rem 5.625rem .3125rem 1.875rem;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .16);
    width: 100%;
    height: 12.5rem;
    background: #afd4ef;
    opacity: 0
}

@media only screen and (max-width: 800px) {
    .client-slider .swiper-slide {
        height: auto;
        box-shadow: none;
        opacity: 1;
        background: #fff
    }
}

.client-slider .swiper-slide.swiper-slide-active {
    opacity: 1;
    background: #fff
}

@media only screen and (min-width: 801px) {
    .client-slider .swiper-slide.swiper-slide-next, .client-slider .swiper-slide.swiper-slide-prev {
        opacity: 1;
        background: #afd4ef
    }
}

@media only screen and (min-width: 801px) {
    .client-slider .swiper-slide.next2, .client-slider .swiper-slide.prev2 {
        background: #fff;
        opacity: .4
    }
}

.client-slider__avatar {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: .3125rem solid #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
    position: absolute;
    right: -1.25rem;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.swiper-slide-active .client-slider__avatar {
    -webkit-transition: .5s opacity linear, .3s transform ease-in-out;
    transition: .5s opacity linear, .3s transform ease-in-out;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.client-slider__name {
    font-family: IranYekanBold, tahoma, arial;
    color: #288ed9;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.swiper-slide-active .client-slider__name {
    -webkit-transition: .5s opacity linear, .5s transform ease-in-out;
    transition: .5s opacity linear, .5s transform ease-in-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.client-slider__job {
    font-size: .875rem;
    color: #999;
    margin-bottom: .625rem;
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px)
}

.swiper-slide-active .client-slider__job {
    -webkit-transition: .5s opacity linear, .5s transform ease-in-out;
    transition: .5s opacity linear, .5s transform ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 1
}

@media only screen and (max-width: 500px) {
    .client-slider__job {
        font-size: 14px
    }
}

.client-slider__desc {
    font-size: .75rem;
    color: #666;
    text-align: justify;
    height: auto;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

@media only screen and (max-width: 800px) {
    .client-slider__desc {
        height: 100px
    }
}

@media only screen and (max-width: 500px) {
    .client-slider__desc {
        height: 116px
    }
}

.swiper-slide-active .client-slider__desc {
    -webkit-transition: .5s opacity linear, .5s transform ease-in-out;
    transition: .5s opacity linear, .5s transform ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

@media only screen and (max-width: 500px) {
    .client-slider__desc {
        font-size: 14px
    }
}

.client-slider.swiper-container-horizontal > .swiper-pagination, .client-slider.swiper-container-vertical > .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99999999
}

@media only screen and (max-width: 500px) {
    .client-slider.swiper-container-horizontal > .swiper-pagination, .client-slider.swiper-container-vertical > .swiper-pagination {
        top: auto;
        left: 50%;
        bottom: -40px;
        display: block;
        width: auto;
        -webkit-transform: rotate(0) translate3d(-50%, 0, 0);
        transform: rotate(0) translate3d(-50%, 0, 0)
    }
}

.client-slider .swiper-pagination-bullet {
    position: relative;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background: 0 0;
    opacity: 1;
    cursor: pointer
}

.client-slider .swiper-pagination-bullet::after {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background: #fff
}

@media only screen and (min-width: 1901px) {
    .client-slider .swiper-pagination-bullet::after {
        width: 11px;
        height: 11px
    }
}

@media only screen and (min-width: 2501px) {
    .client-slider .swiper-pagination-bullet::after {
        width: 13px;
        height: 13px
    }
}

@media only screen and (min-width: 1901px) {
    .client-slider .swiper-pagination-bullet {
        width: 15px;
        height: 15px
    }
}

@media only screen and (min-width: 2501px) {
    .client-slider .swiper-pagination-bullet {
        width: 17px;
        height: 17px
    }
}

.client-slider .swiper-pagination-bullet-active::after {
    background: #005b9f;
    width: 14px;
    height: 14px
}

@media only screen and (min-width: 1901px) {
    .client-slider .swiper-pagination-bullet-active::after {
        width: 16px;
        height: 16px
    }
}

@media only screen and (min-width: 2501px) {
    .client-slider .swiper-pagination-bullet-active::after {
        width: 18px;
        height: 18px
    }
}

.client-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 3px !important
}

@media only screen and (min-width: 1901px) {
    .client-slider .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 4px !important
    }
}

@media only screen and (min-width: 2501px) {
    .client-slider .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px !important
    }
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: none !important
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: none !important
}

.client-logo {
    width: 100%;
    max-width: 59.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -20px
}

.client-logo li {
    margin: 0 1.875rem 1.25rem;
    display: inline-block
}

@media only screen and (max-width: 1400px) {
    .client-logo li {
        margin: 0 1.5625rem 1.25rem
    }
}

@media only screen and (max-width: 1050px) {
    .client-logo li {
        text-align: center;
        width: 20%;
        padding: 0 1.25rem;
        margin: 0 0 1.25rem
    }
}

@media only screen and (max-width: 800px) {
    .client-logo li {
        width: 33.3333%;
        padding: 0 .9375rem;
        margin: 0 0 .9375rem
    }
}

@media only screen and (max-width: 500px) {
    .client-logo li {
        width: 50%;
        padding: 0 1.5625rem;
        margin-bottom: 1.25rem
    }
}

.client-logo li img {
    width: auto;
    max-width: 100%
}

.client-logo a {
    display: inline-block;
    font-size: 0
}

.client-logo img {
    display: inline-block
}

@media only screen and (max-width: 500px) {
    .section-client {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width: 500px) {
    .section-client .section-header {
        padding-right: 15px;
        padding-left: 15px
    }
}

.section-client .section-footer {
    margin-top: 3.125rem
}

@media only screen and (max-width: 500px) {
    .section-client .section-footer {
        margin-top: 30px
    }
}

.intro-svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 51.5%;
    overflow: hidden;
    z-index: 1
}

@media only screen and (max-width: 500px) {
    .intro-svg {
        padding-top: 80%
    }
}

.intro-svg__wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 196%;
    padding-top: 51.5%
}

@media only screen and (max-width: 500px) {
    .intro-svg__wrap {
        padding-top: 80%;
        width: 310%;
        -webkit-transform: translateX(-43%);
        -ms-transform: translateX(-43%);
        transform: translateX(-43%)
    }
}

.intro-svg svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 85vh;
    opacity: 0
}

@media only screen and (min-width: 1051px) {
    .intro-svg svg {
        min-height: 31.25rem
    }
}

.page-download-host .footer-text {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
    color: #999
}

@media only screen and (max-width: 800px) {
    .page-download-host .footer-text {
        font-size: 17px
    }
}

@media only screen and (max-width: 500px) {
    .page-download-host .footer-text {
        font-size: 15px
    }
}

.page-blog-details aside {
    font-size: 0
}

@media only screen and (min-width: 500px) and (max-width: 800px) {
    .page-blog-details aside {
        margin: 0 -15px
    }
}

.page-blog-details .cta-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #d6eeff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem
}

.page-blog-details .cta-button {
    border-radius: 1.875rem;
    background-color: #288ed9;
    font-size: 1rem;
    color: #fff !important;
    height: 2.1875rem;
    padding: 0 .9375rem;
    line-height: 2rem;
    margin-top: 1rem;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

.subscribe-form .es_submit_button {
    border-radius: 1.875rem;
    background-color: #288ed9;
    font-size: 1rem;
    color: #fff !important;
    height: 2.1875rem;
    padding: 0 .9375rem;
    line-height: 2rem;
    margin-top: 1rem;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    margin: 0 auto
}

.subscribe-form .es_txt_email {
    background-color: #f7f7f7;
    border-radius: 1.875rem;
    font-size: .875rem;
    padding: .5rem 1rem;
    width: 100%;
    direction: ltr
}

.page-blog aside {
    font-size: 0
}

@media only screen and (min-width: 500px) and (max-width: 800px) {
    .page-blog aside {
        margin: 0 -15px
    }
}

.page-ssl .card-plan__price {
    margin: .9375rem 0
}

.page-ssl .card-plan__info {
    margin-bottom: 0;
    padding: .625rem
}

.page-ssl .card-plan__btn {
    bottom: -2.5rem
}

.page-dedicated-servers .card-plan__wrap {
    padding: 2.1875rem 3.75rem
}

@media only screen and (max-width: 1050px) {
    .page-dedicated-servers .card-plan__wrap {
        padding: 1.875rem 2.1875rem
    }
}

@media only screen and (max-width: 500px) {
    .page-dedicated-servers .card-plan__wrap {
        padding-left: 15px;
        padding-right: 15px
    }
}

.page-wordpress-support .bg-pic-1 {
    position: relative
}

.page-wordpress-support .bg-pic-1:before {
    width: 270.45px;
    height: 129.39px;
    content: " ";
    background-image: url(../images/wp-support/cloud-bg.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 64%;
    z-index: -1
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .bg-pic-1:before {
        top: -71px;
        right: -60px
    }
}

.page-wordpress-support .bg-pic-1:after {
    width: 270.45px;
    height: 129.39px;
    content: " ";
    background-image: url(../images/wp-support/cloud-bg.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 32%;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: -1
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .bg-pic-1:after {
        top: 58%;
        left: -160px
    }
}

.page-wordpress-support .bg-pic-2 {
    position: relative
}

.page-wordpress-support .bg-pic-2:before {
    width: 270.45px;
    height: 129.39px;
    content: " ";
    background-image: url(../images/wp-support/cloud-bg.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 74%;
    z-index: -1;
    display: none;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .bg-pic-2:before {
        top: -42%;
        right: -100px;
        display: block
    }
}

.page-wordpress-support .bg-pic-2:after {
    width: 270.45px;
    height: 129.39px;
    content: " ";
    background-image: url(../images/wp-support/cloud-bg.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 32%;
    z-index: -1;
    display: none
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .bg-pic-2:after {
        top: 84%;
        display: block;
        left: -42px
    }
}

.page-wordpress-support img {
    width: 100%;
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-wordpress-support .gap-55 {
    gap: 5px
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .gap-55 {
        gap: 55px
    }
}

.page-wordpress-support .gap-20 {
    gap: 20px
}

.page-wordpress-support .gap-18 {
    gap: 16px
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .gap-18 {
        gap: 18px
    }
}

.page-wordpress-support .gap-17 {
    gap: 12px
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .gap-17 {
        gap: 17px
    }
}

.page-wordpress-support .gap-12 {
    gap: 9px
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .gap-12 {
        gap: 12px
    }
}

.page-wordpress-support .gap-4 {
    gap: .25rem
}

.page-wordpress-support .shadow-1 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15)
}

.page-wordpress-support .border-r-25 {
    border-radius: 1.5625rem
}

.page-wordpress-support .border-r-a-25 {
    border-radius: 0 0 25px 25px
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .border-r-a-25 {
        border-radius: 25px 0 0 25px
    }
}

.page-wordpress-support .border-r-50 {
    border-radius: 3.125rem
}

.page-wordpress-support .border-r-40 {
    border-radius: 1.5625rem
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .border-r-40 {
        border-radius: 2.5rem
    }
}

.page-wordpress-support .bg-ff {
    background-color: #fff
}

.page-wordpress-support .bg-e0 {
    background-color: #00a3e0
}

.page-wordpress-support .bg-d9 {
    background-color: #288ed9
}

.page-wordpress-support .bg-f2 {
    background-color: #f2f2f2
}

.page-wordpress-support .color-00 {
    color: #000
}

.page-wordpress-support .color-ff {
    color: #fff
}

.page-wordpress-support .color-e3 {
    color: #379ae3
}

.page-wordpress-support .color-d9 {
    color: #288ed9
}

.page-wordpress-support .color-66 {
    color: #666
}

.page-wordpress-support .text-size-t1 {
    font-family: YekanBakh, tahoma, arial;
    font-size: 1.25rem;
    line-height: 1.9375rem;
    font-weight: 900
}

@media only screen and (min-width: 501px) {
    .page-wordpress-support .text-size-t1 {
        font-size: 1.25rem;
        line-height: 1.9375rem;
        font-weight: 900
    }
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .text-size-t1 {
        font-size: 2rem;
        line-height: 3.1rem;
        font-weight: 700
    }
}

.page-wordpress-support .text-size-t2 {
    font-family: YekanBakh, tahoma, arial;
    font-size: 1.25rem;
    line-height: 1.9375rem;
    font-weight: 700
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .text-size-t2 {
        font-size: 2rem;
        line-height: 3.1rem;
        font-weight: 700
    }
}

.page-wordpress-support .text-size-t3 {
    font-family: YekanBakh, tahoma, arial;
    font-size: 1.25rem;
    line-height: 1.9375rem;
    font-weight: 700
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .text-size-t3 {
        font-size: 1.5rem;
        line-height: 2.325rem;
        font-weight: 400
    }
}

.page-wordpress-support .text-size-t4 {
    font-family: YekanBakh, tahoma, arial;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 900
}

.page-wordpress-support .text-size-t5 {
    font-family: YekanBakh, tahoma, arial;
    font-size: .9375rem;
    line-height: 1.45313rem;
    font-weight: 400
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .text-size-t5 {
        font-size: 1.5rem;
        line-height: 2.325rem;
        font-weight: 400
    }
}

.page-wordpress-support .text-size-d1 {
    font-family: YekanBakh, tahoma, arial;
    font-size: .875rem;
    line-height: 1.35625rem;
    font-weight: 400
}

@media only screen and (min-width: 501px) {
    .page-wordpress-support .text-size-d1 {
        font-size: .875rem;
        line-height: 1.35625rem;
        font-weight: 400
    }
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .text-size-d1 {
        font-size: 1.25rem;
        line-height: 1.9375rem
    }
}

.page-wordpress-support .text-size-p1 {
    font-family: YekanBakh, tahoma, arial;
    font-size: 1.25rem;
    line-height: 1.9375rem;
    font-weight: 900
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .text-size-p1 {
        font-size: 1.5rem;
        line-height: 2.325rem;
        font-weight: 900
    }
}

.page-wordpress-support .text-size-b1 {
    font-family: YekanBakh, tahoma, arial;
    font-size: .9375rem;
    line-height: 1.45313rem;
    font-weight: 900
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .text-size-b1 {
        font-size: 1.125rem;
        line-height: 2.3125rem
    }
}

.page-wordpress-support .text-justify {
    text-align: justify
}

.page-wordpress-support .text-through {
    font-weight: 500;
    position: relative
}

.page-wordpress-support .text-through::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #288ed9;
    right: 0;
    top: 42%
}

.page-wordpress-support .spicing-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (min-width: 1051px) {
    .page-wordpress-support .spicing-label {
        gap: 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.card-plan__price i span {
    font-size: 17px;
    position: relative;
    top: -4px
}

.card-plan__price em span {
    font-size: 14px;
    position: relative;
    top: -3px
}

.card-plan__price em {
    margin-left: 5px
}

.pp-plans {
    padding-bottom: 100px
}

.disable-btn {
    pointer-events: none;
    background: gray !important
}

.monthly-price {
    color: #a7a7a7;
    height: 27px
}

.factor__value.handel {
    border: 2px solid #ccc;
    padding: 10px
}

.factor__value.handel-error {
    border-color: #ff6c6c
}

.global-input-error {
    color: red;
    font-size: 12px;
    padding-bottom: 10px
}

.global-input-error a {
    color: #288ed9
}

.global-input-success {
    color: green;
    font-size: 12px;
    padding-bottom: 10px
}

.disable-btn-vps a {
    background: #d3d3d3;
    pointer-events: none
}

.nice-select.nice-select-disable {
    pointer-events: none
}

#exact-domain > .card-domain {
    padding-bottom: .625rem;
    margin-bottom: 2rem
}

#exact-domain > .card-domain--new {
    border-bottom-color: #d6d6d6
}

#exact-domain > :not(.card-domain--new):not(:last-child) {
    margin-bottom: .625rem
}

.livechat-message.show {
    display: none !important
}

#CDN-Plans ul.card-plan__properties li::after, #CDN-Plans ul.card-plan__properties li::before {
    display: none
}