@import url('./index.css');
@import url("./navigation.css");
@import url("./about.css");

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: var(--white-color);
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    -webkit-box-shadow: 20px 0 80px 5px rgba(0, 0, 0, .4);
    box-shadow: 20px 0 80px 5px rgba(0, 0, 0, .4);
    padding: 20px;
    top: 10px
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 18px 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.select2-results__option:after {
    top: 50%;
    margin-top: -7px;
    right: 28px;
    border-bottom: 3px solid #6419ff;
    border-right: 3px solid #6419ff;
    content: '';
    display: block;
    height: 12px;
    pointer-events: none;
    position: absolute;
    -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 .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 8px;
    opacity: 0
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--link-color);
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 55px;
    top: 50%
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f8fafc;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 250px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f8fafc
}

.select2-container--default .select2-results__option[aria-selected=true]:after {
    opacity: 1
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f8fafc;
    color: var(--primary-accent-color)
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(white));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    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 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

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

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    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: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), 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: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), 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: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), 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: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), 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;
    -webkit-background-size: 27px 44px;
    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-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-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-main {
    -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;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    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: 10px 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;
    -o-transition: .2s transform, .2s top;
    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;
    -o-transition: .2s transform, .2s left;
    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;
    -o-transition: .2s transform, .2s right;
    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,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.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-pagination-lock {
    display: none
}

.swiper-scrollbar {
    -webkit-border-radius: 10px;
    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);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    left: 0;
    top: 0
}

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

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: 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
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-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;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-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
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    max-width: none !important;
    max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
    -webkit-filter: inherit;
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom,
.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    -o-transition: transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline: 0
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255, 255, 255, .5)
}

.leaflet-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}

.leaflet-bar {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    width: 36px;
    height: 36px
}

.no-webp .leaflet-control-layers-toggle {
    background-image: url(https://behboudrayan.com/img/theme-content/leaflet/layers.png)
}

.webp .leaflet-control-layers-toggle {
    background-image: url(https://behboudrayan.com/img/theme-content/leaflet/layers.webp)
}

.leaflet-retina .leaflet-control-layers-toggle {
    -webkit-background-size: 26px 26px;
    background-size: 26px 26px
}

.no-webp .leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(https://behboudrayan.com/img/theme-content/leaflet/layers-2x.png)
}

.webp .leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(https://behboudrayan.com/img/theme-content/leaflet/layers-2x.webp)
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.no-webp .leaflet-default-icon-path {
    background-image: url(https://behboudrayan.com/img/theme-content/leaflet/marker-icon.png)
}

.webp .leaflet-default-icon-path {
    background-image: url(https://behboudrayan.com/img/theme-content/leaflet/marker-icon.webp)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, .7);
    margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background: rgba(255, 255, 255, .5)
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
    -webkit-box-shadow: none;
    box-shadow: none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    -webkit-border-radius: 12px;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4
}

.leaflet-popup-content p {
    margin: 18px 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 700;
    background: 0 0
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto
}

.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: 0 0;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    cursor: pointer
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

#items-grid>div.animate {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp .65s ease forwards;
    animation: moveUp .65s ease forwards
}

@-webkit-keyframes moveUp {
    100% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes moveUp {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%
}

.time_circles>div {
    position: absolute;
    text-align: center;
    width: 25% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important
}

.time_circles>div:after {
    content: ':';
    display: block;
    font-size: 20px;
    line-height: 1;
    color: var(--white-color);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 700
}

.time_circles>div:last-child:after {
    display: none
}

.time_circles>div>h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 700
}

.time_circles>div>span {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    color: var(--white-color)
}

.crumina-countdown-number {
    min-height: 100px !important;
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 auto;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    z-index: 10;
    position: relative
}

:root {
    --font-family-body: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --body-font-size: 16px;
    --body-font-weight: 400;
    --base-line-height: 1.39;
    --body-letter-spacing: -0.001em;
    --primary-accent-color: #6419ff;
    --body-font-color: #43484e;
    --white-color: #fff;
    --border-grey-color: #cfd8df;
    --heading-color: #272a2c;
    --icon-color: #9095a0;
    --grey-themes: #ebf2f8;
    --red-themes: #ff0173;
    --dark-themes: #272a2c;
    --blue-themes: #00c6ff;
    --yellow-themes: #ffd200;
    --orange-themes: #ff8a0b;
    --green-themes: #00a651;
    --lime-themes: #8ad524;
    --grey-light-themes: #d9e3eb;
    --light-grey: #8d9cab;
    --primary-accent-color--darken: #4b00e5;
    --white-color--darken: #e6e6e6;
    --grey-themes--darken: #c5d9eb;
    --red-themes--darken: #cd005c;
    --dark-themes--darken: #0f1011;
    --blue-themes--darken: #009ecc;
    --yellow-themes--darken: #cca800;
    --orange-themes--darken: #d77000;
    --green-themes--darken: #007338;
    --lime-themes--darken: #6ea91d;
    --grey-light-themes--darken: #b8cad9;
    --link-color: #272a2c;
    --footer-link-color: #bac1c9;
    --footer-text-color: #80868d;
    --h1-font-size: 48px;
    --h2-font-size: 42px;
    --h3-font-size: 36px;
    --h4-font-size: 30px;
    --h5-font-size: 24px;
    --h6-font-size: 18px;
    --h-margin-bottom: 20px;
    --h-font-weight: 700;
    --placeholder-color: #838890;
    --input-dark-bg: #2c2f31;
    --input-grey-bg: #ebf2f8
}

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

body,
html {
    position: relative;
    height: 100%
}

body {
    color: var(--body-font-color);
    font-family: var(--font-family-body);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--base-line-height);
    letter-spacing: var(--body-letter-spacing);
    overflow-x: hidden
}

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

blockquote {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

a {
    color: var(--link-color);
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    text-decoration: none
}

a:hover {
    color: var(--primary-accent-color);
    text-decoration: none
}

@media (max-width:600px) {
    p {
        font-size: 14px
    }
}

figure {
    margin: 0;
    max-width: 100%
}

select {
    width: 100%;
    border: 1px solid #43484e;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

textarea {
    height: auto;
    min-height: 50px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #43484e
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #43484e
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #43484e
}

input,
textarea {
    -webkit-box-shadow: none;
    box-shadow: none
}

input:invalid,
textarea:invalid {
    border: 1px solid #ff00004d
}

input:-moz-submit-invalid,
textarea:-moz-submit-invalid {
    box-shadow: none
}

input.wpcf7-form-control,
textarea.wpcf7-form-control {
    width: 100%
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.h1,
h1 {
    margin-bottom: var(--h-margin-bottom);
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    line-height: 1.15em;
    font-size: 3rem
}

@media (max-width:1200px) {

    .h1,
    h1 {
        font-size: -webkit-calc(1.425rem + 2.1vw);
        font-size: calc(1.425rem + 2.1vw)
    }
}

.h1 a,
h1 a {
    color: inherit
}

.h2,
h2 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 2.625rem
}

@media (max-width:1200px) {

    .h2,
    h2 {
        font-size: -webkit-calc(1.3875rem + 1.65vw);
        font-size: calc(1.3875rem + 1.65vw)
    }
}

.h2 a,
h2 a {
    color: inherit
}

.h3,
h3 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 2.25rem
}

@media (max-width:1200px) {

    .h3,
    h3 {
        font-size: -webkit-calc(1.35rem + 1.2vw);
        font-size: calc(1.35rem + 1.2vw)
    }
}

.h3 a,
h3 a {
    color: inherit
}

.h4,
h4 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 1.875rem
}

@media (max-width:1200px) {

    .h4,
    h4 {
        font-size: -webkit-calc(1.3125rem + .75vw);
        font-size: calc(1.3125rem + .75vw)
    }
}

.h4 a,
h4 a {
    color: inherit
}

.h5,
h5 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 1.5rem
}

@media (max-width:1200px) {

    .h5,
    h5 {
        font-size: -webkit-calc(1.275rem + .3vw);
        font-size: calc(1.275rem + .3vw)
    }
}

.h5 a,
h5 a {
    color: inherit
}

.h6,
h6 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 1.125rem
}

.h6 a,
h6 a {
    color: inherit
}

.selection--grey-light::-moz-selection {
    background: var(--grey-light-themes)
}

.selection--grey-light::selection {
    background: var(--grey-light-themes)
}

.selection--primary::-moz-selection {
    background: var(--primary-accent-color);
    color: var(--white-color)
}

.selection--primary::selection {
    background: var(--primary-accent-color);
    color: var(--white-color)
}

dl {
    margin-bottom: 24px
}

dl dt {
    margin-bottom: 5px;
    color: #777;
    font-weight: 700
}

dl dd {
    margin-bottom: 5px;
    margin-left: 20px
}

abbr {
    cursor: help;
    border-color: #43484e
}

hr {
    position: relative;
    display: block;
    width: 100%;
    min-height: 10px;
    margin: 0 auto
}

#hellopreloader {
    display: block;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    background: var(--primary-accent-color);
    opacity: 1;
    -webkit-background-size: 41px 41px;
    background-size: 41px
}

.preloader {
    width: 50%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

input,
select,
textarea {
    padding: 1.024rem 1.875rem;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 16px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: none;
    background-color: var(--border-grey-color);
    width: 100%;
    outline: 0;
    caret-color: var(--body-font-color);
    color: var(--heading-color);
    font-weight: 500;
    max-height: 55px
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1
}

input:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1
}

input:focus,
select:focus,
textarea:focus {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

input.input--white,
select.input--white,
textarea.input--white {
    background-color: var(--white-color)
}

input.input--white:focus::-webkit-input-placeholder,
select.input--white:focus::-webkit-input-placeholder,
textarea.input--white:focus::-webkit-input-placeholder {
    color: var(--border-grey-color);
    opacity: 1
}

input.input--white:focus::-moz-placeholder,
select.input--white:focus::-moz-placeholder,
textarea.input--white:focus::-moz-placeholder {
    color: var(--border-grey-color);
    opacity: 1
}

input.input--white:focus:-moz-placeholder,
select.input--white:focus:-moz-placeholder,
textarea.input--white:focus:-moz-placeholder {
    color: var(--border-grey-color);
    opacity: 1
}

input.input--white:focus:-ms-input-placeholder,
select.input--white:focus:-ms-input-placeholder,
textarea.input--white:focus:-ms-input-placeholder {
    color: var(--border-grey-color);
    opacity: 1
}

input.input--dark,
select.input--dark,
textarea.input--dark {
    background-color: var(--input-dark-bg);
    color: var(--placeholder-color)
}

input.input--dark::-webkit-input-placeholder,
select.input--dark::-webkit-input-placeholder,
textarea.input--dark::-webkit-input-placeholder {
    color: var(--grey-themes);
    opacity: 1
}

input.input--dark::-moz-placeholder,
select.input--dark::-moz-placeholder,
textarea.input--dark::-moz-placeholder {
    color: var(--grey-themes);
    opacity: 1
}

input.input--dark:-moz-placeholder,
select.input--dark:-moz-placeholder,
textarea.input--dark:-moz-placeholder {
    color: var(--grey-themes);
    opacity: 1
}

input.input--dark:-ms-input-placeholder,
select.input--dark:-ms-input-placeholder,
textarea.input--dark:-ms-input-placeholder {
    color: var(--grey-themes);
    opacity: 1
}

input.input--dark:focus,
select.input--dark:focus,
textarea.input--dark:focus {
    background-color: var(--white-color)
}

input.input--dark:focus::-webkit-input-placeholder,
select.input--dark:focus::-webkit-input-placeholder,
textarea.input--dark:focus::-webkit-input-placeholder {
    color: var(--border-grey-color);
    opacity: 1
}

input.input--dark:focus::-moz-placeholder,
select.input--dark:focus::-moz-placeholder,
textarea.input--dark:focus::-moz-placeholder {
    color: var(--border-grey-color);
    opacity: 1
}

input.input--dark:focus:-moz-placeholder,
select.input--dark:focus:-moz-placeholder,
textarea.input--dark:focus:-moz-placeholder {
    color: var(--border-grey-color);
    opacity: 1
}

input.input--dark:focus:-ms-input-placeholder,
select.input--dark:focus:-ms-input-placeholder,
textarea.input--dark:focus:-ms-input-placeholder {
    color: var(--border-grey-color);
    opacity: 1
}

input.input--grey,
select.input--grey,
textarea.input--grey {
    background-color: var(--input-grey-bg);
    border: 2px solid transparent;
    padding: .899rem 1.875rem
}

input.input--grey::-webkit-input-placeholder,
select.input--grey::-webkit-input-placeholder,
textarea.input--grey::-webkit-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1
}

input.input--grey::-moz-placeholder,
select.input--grey::-moz-placeholder,
textarea.input--grey::-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1
}

input.input--grey:-moz-placeholder,
select.input--grey:-moz-placeholder,
textarea.input--grey:-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1
}

input.input--grey:-ms-input-placeholder,
select.input--grey:-ms-input-placeholder,
textarea.input--grey:-ms-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1
}

input.input--grey:focus,
select.input--grey:focus,
textarea.input--grey:focus {
    background-color: var(--white-color);
    border-color: var(--border-grey-color)
}

input.input--grey:invalid,
select.input--grey:invalid,
textarea.input--grey:invalid {
    border-width: 2px
}

input.input--squared,
select.input--squared,
textarea.input--squared {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

input:invalid,
select:invalid,
textarea:invalid {
    border: 1px solid #ed1c24
}

.input-btn--inline {
    position: relative
}

.input-btn--inline .crumina-button {
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    max-height: 100%
}

@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
    .input-btn--inline .crumina-button {
        max-height: unset;
        bottom: -1px
    }
}

.input--with-icon {
    position: relative
}

.input--with-icon input,
.input--with-icon select,
.input--with-icon textarea {
    margin-bottom: 0
}

.input--with-icon input:focus+.crumina-icon,
.input--with-icon select:focus+.crumina-icon,
.input--with-icon textarea:focus+.crumina-icon {
    fill: var(--primary-accent-color);
    color: var(--primary-accent-color)
}

.input--with-icon .crumina-icon {
    position: absolute;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    height: 25px;
    width: 25px;
    font-size: 25px;
    fill: var(--border-grey-color);
    color: var(--border-grey-color)
}

.input--icon-right input,
.input--icon-right select,
.input--icon-right textarea {
    padding-right: 70px
}

.input--icon-right .crumina-icon {
    right: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.form--bordered {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color)
}

.form-title-with-border {
    text-align: center;
    margin: 0 0 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-grey-color)
}

.form--with-bg {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

label {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
    color: var(--dark-themes)
}

label .required {
    color: #fe117c
}

.form-item {
    margin-bottom: 10px
}

.form-popup-subscribe .form-item {
    margin-bottom: 30px
}

.remember-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.remember-wrapper a {
    color: #bac1c9
}

.remember-wrapper a:hover {
    color: var(--primary-accent-color)
}

textarea {
    max-height: unset
}

.send-message-form .form-item,
.submit-request-form .form-item {
    margin-bottom: 30px
}

.select2 {
    padding: 1rem 1.875rem;
    max-height: 60px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: var(--white-color);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    outline: 0;
    color: var(--placeholder-color);
    font-weight: 500;
    font-size: 16px;
    border: none
}

.select2.select2-container--open {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.select2:disabled {
    color: var(--border-grey-color)
}

.select2:disabled+.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: var(--body-font-color);
    border-right-color: var(--body-font-color)
}

.select2:disabled+.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent
}

.select2:disabled+.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--border-grey-color)
}

.select2-container--default .select2-selection--single {
    border-color: transparent;
    background-color: transparent
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: var(--placeholder-color)
}

.select2-container.select2-container--open .select2-selection--single .select2-selection__rendered {
    color: var(--dark-themes);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.select2-container--default .select2-selection--single {
    outline: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: block;
    border-bottom: 2px solid var(--body-font-color);
    border-right: 2px solid var(--body-font-color);
    height: 8px;
    width: 8px;
    pointer-events: none;
    position: absolute;
    -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 .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-bottom-color: var(--primary-accent-color);
    border-right-color: var(--primary-accent-color)
}

.select2-dropdown {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    top: 0;
    padding: 15px 10px
}

.select2-results__option {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 22px;
    color: var(--placeholder-color);
    font-weight: 500
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--grey-themes);
    color: var(--dark-themes)
}

.select--bordered+.select2 {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #dfe6ec;
    padding: .73rem 1.875rem
}

.select--bordered+.select2.select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--dark-themes)
}

.select--bordered+.select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-bottom: 2px solid var(--dark-themes);
    border-right: 2px solid var(--dark-themes)
}

.select--filter+.select2 {
    background-image: url(https://behboudrayan.com/svg-icons/icon-filter.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 18px 12px;
    background-size: 18px 12px;
    background-position: 20px;
    padding-left: 50px
}

@media (max-width:768px) {

    .select2,
    input,
    select,
    textarea {
        padding: .7rem 1.1rem;
        font-size: 14px
    }

    .remember-wrapper {
        font-size: 12px
    }
}

.breadcrumbs {
    padding-left: 0;
    margin-bottom: 0
}

.breadcrumbs .breadcrumbs-item {
    font-size: 14px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    padding: 19px 0
}

.breadcrumbs .breadcrumbs-item .crumina-icon {
    font-size: 12px;
    color: var(--white-color);
    margin: 0 12px;
    opacity: .6
}

.breadcrumbs .breadcrumbs-item a {
    color: var(--white-color);
    opacity: .6
}

.breadcrumbs .breadcrumbs-item a:hover {
    opacity: 1
}

.breadcrumbs .breadcrumbs-item.active {
    opacity: 1;
    font-weight: 700;
    padding-left: 30px;
    margin-left: 30px;
    position: relative
}

.breadcrumbs .breadcrumbs-item.active:after {
    content: '';
    display: block;
    height: 100%;
    width: 1500px;
    max-width: 100vw;
    position: absolute;
    top: 0;
    left: 0
}

.breadcrumbs .breadcrumbs-item.active span {
    color: var(--white-color);
    z-index: 5
}

.breadcrumbs--blue {
    background-color: #6419ff
}

.breadcrumbs--blue .breadcrumbs .breadcrumbs-item.active::after {
    background-color: #5513dc
}

.breadcrumbs--red {
    background-color: #81525c
}

.breadcrumbs--red .breadcrumbs .breadcrumbs-item.active::after {
    background-color: #8a5963
}

.breadcrumbs--red-themes {
    background-color: var(--red-themes--darken)
}

.breadcrumbs--red-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--red-themes)
}

.breadcrumbs--orange-themes {
    background-color: var(--orange-themes--darken)
}

.breadcrumbs--orange-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--orange-themes)
}

.breadcrumbs--yellow-themes {
    background-color: var(--yellow-themes--darken)
}

.breadcrumbs--yellow-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--yellow-themes)
}

.breadcrumbs--blue-themes {
    background-color: #00b4ff
}

.breadcrumbs--blue-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--blue-themes)
}

.breadcrumbs--lime-themes {
    background-color: #7ac710
}

.breadcrumbs--lime-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--lime-themes)
}

.breadcrumbs--dark-themes {
    background-color: #1b1c1d
}

.breadcrumbs--dark-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--dark-themes)
}

@media (max-width:768px) {
    .breadcrumbs .breadcrumbs-item.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        margin-left: 0
    }

    .breadcrumbs .breadcrumbs-item.active::after {
        left: -15px
    }

    .crumina-breadcrumbs>.container {
        max-width: unset
    }

    .breadcrumbs .breadcrumbs-item {
        padding: 12px 0
    }
}

.crumina-stunning-header {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 120px
}

.page-title {
    margin: 25px 0
}

.page-category {
    color: var(--white-color)
}

.page-category-item {
    font-size: 18px;
    font-weight: 500
}

.page-text {
    font-weight: 500;
    font-size: 18px
}

@media (max-width:991px) {
    .crumina-stunning-header {
        padding-top: 80px
    }
}

.post {
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dfe6ec;
    background-color: var(--white-color);
    height: 100%
}

.post:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.post-content {
    position: relative;
    z-index: 1;
    padding: 30px
}

.post-thumb {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.post-thumb img {
    display: block;
    margin: 0 auto
}

.post-thumb iframe {
    width: 100%
}

.post-title {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.post-category {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-accent-color);
    display: inline-block;
    opacity: .75
}

.post-category:hover {
    opacity: 1
}

.post-category-wrap {
    margin-bottom: 20px
}

.post-text {
    font-size: 14px;
    margin-bottom: 20px
}

.author-posted {
    font-size: 14px;
    font-weight: 500;
    color: var(--light-grey)
}

.author-posted .author {
    color: var(--dark-themes)
}

.author-posted .author:hover {
    color: var(--primary-accent-color)
}

.post-comments,
.post-date {
    font-weight: 500;
    color: var(--light-grey);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.post-comments .crumina-icon,
.post-date .crumina-icon {
    margin-right: 10px;
    width: 14px;
    height: 14px;
    fill: var(--border-grey-color)
}

.post-date+.post-comments {
    margin-left: 35px
}

.author-block {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-align: left
}

.author-block .avatar {
    margin-right: 30px
}

.author-block .description {
    font-size: 14px
}

.author-block .author-name {
    font-size: 18px
}

.post.advertising {
    text-align: center;
    background-color: #f1f6fb;
    padding: 30px
}

.post.advertising .post-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 30px
}

.post.advertising .post-title {
    font-size: 24px;
    text-transform: none;
    margin-bottom: 20px
}

.post.advertising .post-content {
    padding: 0
}

.post.advertising .post-category-wrap {
    margin-bottom: 40px
}

.post.advertising .post-category {
    font-size: 12px;
    color: var(--light-grey);
    text-transform: uppercase
}

.post.quote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 8px solid var(--primary-accent-color)
}

.post.quote .post-content {
    padding: 0
}

.post.video .video-control {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.post.slider .pagination-bottom-center {
    padding-bottom: 0
}

.post.slider .pagination-bottom-center .swiper-pagination {
    bottom: 15px
}

.post.link {
    text-align: center;
    background-color: #f1f6fb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.post.link .post-content {
    margin: auto
}

.post.link .link-image {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 30px
}

.post.link .site-link {
    display: inline-block;
    color: var(--primary-accent-color);
    font-size: 16px;
    font-weight: 700
}

.post-standard-details {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    height: auto
}

.post-standard-details:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.post-standard-details .post-additional-info {
    margin-bottom: 30px
}

.post-standard-details .pagination-bottom-center {
    padding-bottom: 40px
}

.post-standard-details .crumina-module-slider {
    text-align: center
}

.post-standard-details .crumina-module-slider .wp-caption {
    display: inline-block;
    margin: 0
}

.post-standard-details .navigation-center-both-sides .swiper-btn-next {
    right: 0
}

.post-standard-details .navigation-center-both-sides .swiper-btn-prev {
    left: 0
}

@media (max-width:768px) {

    .post-comments,
    .post-date {
        font-size: 12px
    }
}

@media (max-width:460px) {

    .post-comments,
    .post-date {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .post-date+.post-comments {
        margin-left: 0;
        margin-top: 10px
    }
}

.crumina-heading {
    position: relative;
    z-index: 5;
    margin-bottom: 30px
}

.crumina-heading>:last-child {
    margin-bottom: 0
}

.crumina-heading>:first-child {
    margin-top: 0
}

.crumina-heading.heading--uppercase .heading-title {
    text-transform: uppercase
}

.crumina-heading.heading--h1 .heading-text {
    font-size: 1.125em
}

.crumina-heading.heading--h2 .heading-text {
    font-size: 1.125em
}

.crumina-heading.heading--h3 .heading-text {
    font-size: 1.125em
}

.crumina-heading.heading--h4 .heading-text {
    font-size: 1em
}

.crumina-heading.heading--h5 .heading-text {
    font-size: 1em
}

.crumina-heading.heading--h6 .heading-text {
    font-size: 1em;
    font-weight: 400
}

.heading-title {
    display: inline-block;
    position: relative
}

.heading-text {
    line-height: 1.3;
    font-weight: 500
}

.heading--uppercase {
    text-transform: uppercase
}

@media (max-width:980px) {
    .crumina-heading[class*=heading--h] .heading-text {
        font-size: 18px
    }
}

@media (max-width:768px) {
    .crumina-heading {
        margin-bottom: 20px
    }
}

@media (max-width:570px) {
    .crumina-heading[class*=heading--h] .heading-text {
        font-size: 14px
    }
}

ul a {
    display: block
}

ul:not([class]) {
    padding-left: 40px
}

ol:not([class]) li,
ul:not([class]) li {
    margin-bottom: 10px
}

ol:not([class]) li a,
ul:not([class]) li a {
    display: block
}

ol:not([class]) ul,
ul:not([class]) ul {
    padding: 0;
    padding-left: 40px;
    margin: 20px 0 15px;
    list-style: inherit
}

ol:not([class]) ul li,
ul:not([class]) ul li {
    font-size: 16px;
    margin-bottom: 0
}

ol {
    counter-reset: list1;
    margin: 15px 0;
    padding-left: 20px
}

ol li {
    list-style: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    padding-left: 20px;
    margin-bottom: .35em;
    font-size: 16px
}

ol li a {
    display: inline-block
}

ol ul li {
    list-style: initial;
    padding-left: 0
}

ol ul li:before {
    display: none
}

ol li:before {
    position: absolute;
    counter-increment: list1;
    content: counter(list1) ".";
    font-weight: 500;
    display: inline-block;
    left: 0
}

ol ol {
    counter-reset: list2;
    margin: 10px 0;
    padding-left: 0
}

ol ol li {
    padding-left: 40px
}

ol ol li:before {
    counter-increment: list2;
    content: counter(list1) "." counter(list2) ". "
}

ol ul ol {
    counter-reset: list1
}

ol ul ol li:before {
    counter-increment: list1;
    content: counter(list1) "."
}

ol ul,
ul ol,
ul ul {
    margin: 10px 0;
    padding-left: 0
}

ul ol li::before {
    position: absolute;
    counter-increment: list1;
    content: counter(list1) ".";
    display: inline-block;
    font-size: 16px;
    left: 0
}

ol ul ol li:before {
    counter-increment: list1;
    content: counter(list1) ".";
    display: inline-block;
    position: absolute;
    list-style: none;
    font-size: 16px;
    left: 0
}

ol ol ol {
    counter-reset: list3
}

ol ol ol li {
    padding-left: 55px
}

ol ol ol li::before {
    counter-increment: list3;
    content: counter(list1) "." counter(list1) "." counter(list3) "."
}

ul ol li {
    padding-left: 40px
}

.ordered-list--with-border li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed var(--border-grey-color)
}

.ordered-list--with-border li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.ordered-list--with-border li li {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.list--standard {
    list-style: none;
    padding-left: 20px
}

.list--standard li {
    list-style: none;
    font-weight: 500;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list--standard li:last-child {
    margin-bottom: 0
}

.list--standard li .actual-info {
    color: var(--light-grey)
}

.list--standard li .crumina-icon {
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    margin-right: 10px
}

.list--icon-primary .crumina-icon {
    fill: var(--primary-accent-color)
}

.list--icon-red .crumina-icon {
    fill: var(--red-themes)
}

.list--icon-yellow .crumina-icon {
    fill: var(--yellow-themes)
}

.list--icon-orange .crumina-icon {
    fill: var(--orange-themes)
}

.list--icon-blue .crumina-icon {
    fill: var(--blue-themes)
}

.list--with-border {
    padding-left: 0
}

.list--with-border li {
    padding-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--border-grey-color)
}

.list--with-border .price {
    margin-left: auto;
    font-weight: 500
}

.websites-list {
    margin: 10px 0;
    padding-left: 0
}

.websites-list li {
    border-bottom: 1px dashed var(--border-grey-color);
    padding: 15px 60px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.websites-list li:last-child {
    border-bottom: none
}

.websites-list .state {
    color: var(--lime-themes)
}

@media (max-width:640px) {
    ul li {
        font-size: 13px
    }

    ol li {
        font-size: 13px;
        padding-left: 20px
    }

    ol ol li {
        padding-left: 30px
    }

    ol ol ol li {
        padding-left: 40px
    }
}

.crumina-button {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 5px 10px;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    color: var(--white-color);
    outline: 0;
    border: 3px solid
}

.crumina-button:after {
    content: '';
    display: block;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    top: -3px;
    left: -3px;
    width: -webkit-calc(100% + 6px);
    width: calc(100% + 6px);
    height: -webkit-calc(100% + 6px);
    height: calc(100% + 6px);
    -webkit-box-shadow: inset 0 3px 0 0 rgba(33, 35, 43, .3);
    box-shadow: inset 0 3px 0 0 rgba(33, 35, 43, .3);
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.crumina-button+.btn {
    margin-left: 30px
}

.crumina-button:hover {
    outline: 0;
    text-decoration: none
}

.crumina-button:focus {
    outline: 0
}

.crumina-button:active {
    outline: 0
}

.crumina-button:active:after {
    opacity: 1
}

.crumina-button:disabled {
    background-color: var(--grey-themes) !important;
    color: var(--grey-themes) !important;
    border-color: var(--grey-themes) !important;
    cursor: not-allowed
}

.button--xs {
    font-size: 12px;
    padding: .375rem .881rem
}

.button--s {
    font-size: 14px;
    padding: .625rem 1.431rem
}

.button--m {
    font-size: 14px;
    padding: .938rem 2.187rem
}

.button--l {
    font-size: 14px;
    padding: 1.094rem 2.607rem
}

.button--xl {
    font-size: 14px;
    padding: 1.25rem 2.908rem
}

.button--xxl {
    font-size: 16px;
    padding: 1.5rem 4.3rem
}

.button--uppercase {
    text-transform: uppercase
}

.button--with-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button--with-icon .crumina-icon,
.button--with-icon i {
    font-size: 19px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

.button--icon-left .crumina-icon,
.button--icon-left i {
    margin-right: 10px
}

.button--icon-right .crumina-icon,
.button--icon-right i {
    margin-left: 10px
}

.button--icon-round {
    padding: 17px 35px;
    font-size: 15px
}

.button--icon-round .crumina-icon,
.button--icon-round i {
    width: 21px;
    height: 21px;
    font-size: 21px
}

.button--icon-round.button--icon-right {
    padding-right: 70px
}

.button--icon-round.button--icon-right .button-icon-wrapper {
    position: absolute;
    right: -3px;
    top: -3px
}

.button--icon-round.button--icon-left {
    padding-left: 70px
}

.button--icon-round.button--icon-left .button-icon-wrapper {
    position: absolute;
    left: -3px;
    top: -3px
}

.button-icon-wrapper {
    width: 55px;
    height: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.button-icon-wrapper .crumina-icon,
.button-icon-wrapper i {
    margin: auto
}

.button--icon--subscribe {
    padding: 15px 23px
}

.button--icon--subscribe .crumina-icon,
.button--icon--subscribe i {
    width: 19px;
    height: 19px
}

.button--dark {
    background-color: var(--dark-themes);
    border-color: var(--dark-themes);
    color: var(--white-color)
}

.button--dark:hover {
    background-color: var(--dark-themes--darken);
    border-color: var(--dark-themes--darken);
    color: var(--white-color)
}

.button--dark .crumina-icon,
.button--dark i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--dark.button--bordered {
    color: var(--dark-themes)
}

.button--dark.button--bordered .crumina-icon,
.button--dark.button--bordered i {
    color: var(--dark-themes);
    fill: var(--dark-themes)
}

.button--dark.button--bordered:hover {
    color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    background-color: transparent
}

.button--dark.button--bordered:hover .crumina-icon,
.button--dark.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--dark.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken)
}

.button--dark.button--bordered:active .crumina-icon,
.button--dark.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--white {
    background-color: var(--white-color);
    border-color: var(--white-color);
    color: var(--dark-themes)
}

.button--white .crumina-icon,
.button--white i {
    color: var(--dark-themes);
    fill: var(--dark-themes)
}

.button--white:hover {
    background-color: var(--white-color--darken);
    border-color: var(--white-color--darken);
    color: var(--dark-themes)
}

.button--white.button--bordered {
    color: var(--white-color)
}

.button--white.button--bordered:hover {
    color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    background-color: transparent
}

.button--white.button--bordered:hover .crumina-icon,
.button--white.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--white.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken)
}

.button--white.button--bordered:active .crumina-icon,
.button--white.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--yellow {
    background-color: var(--yellow-themes);
    border-color: var(--yellow-themes);
    color: var(--dark-themes)
}

.button--yellow:hover {
    background-color: var(--yellow-themes--darken);
    border-color: var(--yellow-themes--darken);
    color: var(--dark-themes)
}

.button--yellow .crumina-icon,
.button--yellow i {
    color: var(--dark-themes);
    fill: var(--dark-themes)
}

.button--yellow.button--bordered {
    color: var(--yellow-themes)
}

.button--yellow.button--bordered .crumina-icon,
.button--yellow.button--bordered i {
    color: var(--yellow-themes);
    fill: var(--yellow-themes)
}

.button--yellow.button--bordered:hover {
    border-color: var(--primary-accent-color);
    background-color: transparent;
    color: var(--primary-accent-color)
}

.button--yellow.button--bordered:hover .crumina-icon,
.button--yellow.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--yellow.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken)
}

.button--yellow.button--bordered:active .crumina-icon,
.button--yellow.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--green {
    background-color: var(--green-themes);
    border-color: var(--green-themes);
    color: var(--white-color)
}

.button--green:hover {
    background-color: var(--green-themes--darken);
    border-color: var(--green-themes--darken);
    color: var(--white-color)
}

.button--green .crumina-icon,
.button--green i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--green.button--bordered {
    color: var(--green-themes)
}

.button--green.button--bordered .crumina-icon,
.button--green.button--bordered i {
    color: var(--green-themes);
    fill: var(--green-themes)
}

.button--green.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color)
}

.button--green.button--bordered:hover .crumina-icon,
.button--green.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--green.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken)
}

.button--green.button--bordered:active .crumina-icon,
.button--green.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--grey {
    background-color: var(--grey-themes);
    border-color: var(--grey-themes);
    color: var(--dark-themes)
}

.button--grey .crumina-icon,
.button--grey i {
    color: var(--dark-themes);
    fill: var(--dark-themes)
}

.button--grey:hover {
    background-color: var(--grey-themes--darken);
    border-color: var(--grey-themes--darken);
    color: var(--dark-themes)
}

.button--grey.button--bordered {
    color: var(--grey-themes)
}

.button--grey.button--bordered .crumina-icon,
.button--grey.button--bordered i {
    color: var(--grey-themes);
    fill: var(--grey-themes)
}

.button--grey.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color)
}

.button--grey.button--bordered:hover .crumina-icon,
.button--grey.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--grey.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken)
}

.button--grey.button--bordered:active .crumina-icon,
.button--grey.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--red {
    background-color: var(--red-themes);
    border-color: var(--red-themes);
    color: var(--white-color)
}

.button--red .crumina-icon,
.button--red i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--red:hover {
    background-color: var(--red-themes--darken);
    border-color: var(--red-themes--darken);
    color: var(--white-color)
}

.button--red.button--bordered {
    color: var(--red-themes)
}

.button--red.button--bordered .crumina-icon,
.button--red.button--bordered i {
    color: var(--red-themes);
    fill: var(--red-themes)
}

.button--red.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color)
}

.button--red.button--bordered:hover .crumina-icon,
.button--red.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--red.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken)
}

.button--red.button--bordered:active .crumina-icon,
.button--red.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--primary {
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    color: var(--white-color)
}

.button--primary .crumina-icon,
.button--primary i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--primary:hover {
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
    color: var(--white-color)
}

.button--primary.button--bordered {
    color: var(--primary-accent-color)
}

.button--primary.button--bordered .crumina-icon,
.button--primary.button--bordered i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--primary.button--bordered:hover {
    color: var(--white-color);
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color)
}

.button--primary.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken)
}

.button--primary.button--bordered:active .crumina-icon,
.button--primary.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--lime {
    background-color: var(--lime-themes);
    border-color: var(--lime-themes);
    color: var(--white-color)
}

.button--lime:hover {
    background-color: var(--lime-themes--darken);
    border-color: var(--lime-themes--darken);
    color: var(--white-color)
}

.button--lime .crumina-icon,
.button--lime i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--lime.button--bordered {
    color: var(--lime-themes)
}

.button--lime.button--bordered .crumina-icon,
.button--lime.button--bordered i {
    color: var(--lime-themes);
    fill: var(--lime-themes)
}

.button--lime.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color)
}

.button--lime.button--bordered:hover .crumina-icon,
.button--lime.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--lime.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken)
}

.button--lime.button--bordered:active .crumina-icon,
.button--lime.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--blue {
    background-color: var(--blue-themes);
    border-color: var(--blue-themes);
    color: var(--white-color)
}

.button--blue .crumina-icon,
.button--blue i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--blue:hover {
    background-color: var(--blue-themes--darken);
    border-color: var(--blue-themes--darken);
    color: var(--white-color)
}

.button--blue.button--bordered {
    color: var(--blue-themes)
}

.button--blue.button--bordered .crumina-icon,
.button--blue.button--bordered i {
    color: var(--blue-themes);
    fill: var(--blue-themes)
}

.button--blue.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color)
}

.button--blue.button--bordered:hover .crumina-icon,
.button--blue.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--blue.button--bordered:active {
    color: var(--white-color);
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken)
}

.button--blue.button--bordered:active .crumina-icon,
.button--blue.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--orange {
    background-color: var(--orange-themes);
    border-color: var(--orange-themes);
    color: var(--white-color)
}

.button--orange .crumina-icon,
.button--orange i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--orange:hover {
    background-color: var(--orange-themes--darken);
    border-color: var(--orange-themes--darken);
    color: var(--white-color)
}

.button--orange.button--bordered {
    color: var(--orange-themes)
}

.button--orange.button--bordered .crumina-icon,
.button--orange.button--bordered i {
    color: var(--orange-themes);
    fill: var(--orange-themes)
}

.button--orange.button--bordered:hover {
    color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    background-color: transparent
}

.button--orange.button--bordered:hover .crumina-icon,
.button--orange.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.button--orange.button--bordered:active {
    color: var(--white-color);
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken)
}

.button--orange.button--bordered:active .crumina-icon,
.button--orange.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color)
}

.button--bordered {
    background-color: transparent;
    color: var(--dark-themes)
}

.button--bordered:active {
    color: var(--white-color);
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color)
}

.button--border-dashed {
    background-color: transparent;
    color: var(--body-font-color);
    border-style: dashed
}

.back-to-top {
    position: absolute;
    z-index: 20;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    text-align: center
}

.back-to-top.hidden {
    opacity: 0
}

.back-to-top .crumina-icon {
    fill: var(--input-dark-bg);
    color: var(--input-dark-bg);
    width: 42px;
    height: 42px
}

.back-to-top:hover .crumina-icon {
    fill: var(--primary-accent-color)
}

.universal-btn-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -20px
}

.universal-btn-wrapper>* {
    margin-right: 20px;
    margin-bottom: 20px
}

.universal-btn-wrapper>:last-child {
    margin-right: 0
}

@media (max-width:1400px) {
    .back-to-top {
        top: 20px;
        right: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (max-width:768px) {
    .back-to-top {
        position: fixed;
        top: auto;
        bottom: 20px;
        opacity: .7
    }

    .button--xs {
        font-size: 12px;
        padding: .12rem .7rem
    }

    .button--s {
        font-size: 12px;
        padding: .2rem 1rem
    }

    .button--m {
        font-size: 12px;
        padding: .5rem 1.4rem
    }

    .button--l {
        font-size: 12px;
        padding: .6rem 1.5rem
    }

    .button--xl {
        font-size: 14px;
        padding: .7rem 1.6rem
    }

    .button--xxl {
        font-size: 14px;
        padding: .8rem 1.8rem
    }

    .button--icon-left .crumina-icon,
    .button--icon-left i {
        margin-right: 7px
    }

    .button--icon-right .crumina-icon,
    .button--icon-right i {
        margin-left: 7px
    }

    .button--market {
        padding: .7rem 1.2rem
    }

    .button--market .crumina-icon,
    .button--market i {
        width: 18px;
        height: 18px;
        margin-right: 7px
    }
}

.navigation-search-popup {
    text-align: center
}

.popup-search.modal {
    z-index: 999999
}

.popup-search .modal-dialog {
    max-width: unset;
    width: 100%;
    margin: 0
}

.popup-search .modal-content {
    background-color: #161718;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none
}

.popup-search .modal-content:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-repeat: repeat-x;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0
}

.popup-search .modal-close-btn-wrapper {
    float: right;
    position: relative;
    cursor: pointer
}

.popup-search .modal-close-btn-wrapper:hover .crumina-icon {
    fill: var(--primary-accent-color)
}

.popup-search .modal-close-btn-wrapper .close {
    margin: 0;
    position: relative;
    z-index: 99
}

.popup-search .modal-close-btn-wrapper .crumina-icon {
    width: 18px;
    height: 18px;
    fill: #424648;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.popup-search .modal-header {
    border-bottom: 0;
    padding-top: 50px
}

.popup-search .modal-body {
    padding-top: 50px;
    padding-bottom: 120px
}

.search-popup-form {
    margin-top: 60px
}

.no-webp .popup-search .modal-content::after {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/header-footer-gradient-bg.png)
}

.webp .popup-search .modal-content::after {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/header-footer-gradient-bg.webp)
}

.checkboxes-wrap .checkbox {
    display: inline-block;
    margin-right: 40px
}

.checkboxes-wrap .checkbox:last-child {
    margin-right: 0
}

.checkbox label {
    cursor: pointer;
    padding-left: 0;
    margin: 0;
    text-transform: none;
    letter-spacing: -.001em;
    font-weight: 700;
    font-size: 14px;
    color: inherit
}

.checkbox label span {
    margin-left: 0
}

.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none
}

.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 1px;
    padding-right: 8px;
    display: inline-block
}

.checkbox .checkbox-material:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .84);
    height: 20px;
    width: 20px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    top: 0;
    -webkit-transform: scale3d(2.3, 2.3, 1);
    -ms-transform: scale3d(2.3, 2.3, 1);
    transform: scale3d(2.3, 2.3, 1)
}

.checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid var(--primary-accent-color);
    overflow: hidden;
    z-index: 1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent
}

.checkbox .checkbox-material .check:before {
    position: absolute;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 0 0 inset;
    box-shadow: 0 0 0 0 inset;
    -webkit-animation: checkbox-off .3s forwards;
    animation: checkbox-off .3s forwards
}

.checkbox input[type=checkbox]:focus+.checkbox-material .check:after {
    opacity: .2
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: var(--white-color);
    border-color: var(--primary-accent-color)
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:before {
    color: var(--primary-accent-color);
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    -webkit-animation: checkbox-on .3s forwards;
    animation: checkbox-on .3s forwards
}

.checkbox input[type=checkbox]:checked:disabled+.checkbox-material .check {
    border-color: var(--input-dark-bg);
    background-color: var(--input-dark-bg)
}

.checkbox input[type=checkbox]:checked:disabled+.checkbox-material .check::before {
    color: #1f2223
}

.checkbox.clicked input[type=checkbox]:checked+.checkbox-material:before {
    -webkit-animation: rippleOn .5s;
    animation: rippleOn .5s
}

.checkbox.clicked input[type=checkbox]:checked+.checkbox-material .check:after {
    -webkit-animation: rippleOn .5s forwards;
    animation: rippleOn .5s forwards
}

.checkbox.clicked input[type=checkbox]:not(:checked)+.checkbox-material:before {
    -webkit-animation: rippleOff .5s;
    animation: rippleOff .5s
}

.checkbox.clicked input[type=checkbox]:not(:checked)+.checkbox-material .check:after {
    -webkit-animation: rippleOff .5s;
    animation: rippleOff .5s
}

.checkbox input[type=checkbox][disabled]~.checkbox-material .check {
    border-color: var(--input-dark-bg);
    background-color: #1f2223
}

.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after {
    background-color: rgba(0, 0, 0, .87);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@-webkit-keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@-webkit-keyframes rippleOn {
    0% {
        opacity: 0
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 0
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes rippleOff {
    0% {
        opacity: 0
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 0
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 0
    }
}

.checkbox--style2.checkbox .checkbox-material .check {
    border: 1px solid var(--primary-accent-color);
    background: var(--grey-themes)
}

.checkbox--style2.checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: var(--white-color)
}

.checkbox--style2.checkbox input[type=checkbox]:checked+.checkbox-material .check::before {
    color: var(--primary-accent-color)
}

.checkbox--style2.checkbox input[type=checkbox]:checked:disabled+.checkbox-material .check {
    border-color: #bec8d5;
    background: #bec8d5
}

.checkbox--style2.checkbox input[type=checkbox]:checked:disabled+.checkbox-material .check::before {
    color: var(--grey-themes);
    border-color: #bec8d5
}

.checkbox--style2.checkbox input[type=checkbox][disabled]~.checkbox-material .check {
    border-color: #bec8d5;
    background: 0 0
}

.checkbox--style3 .dot {
    margin-right: -4px;
    height: 5px;
    width: 5px;
    min-height: 5px;
    min-width: 5px;
    background-color: var(--light-grey);
    display: inline-block;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.checkbox--style3.checkbox .checkbox-material .check {
    border: 1px solid #d2dbe3
}

.checkbox--style3.checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: var(--white-color);
    border-color: var(--lime-themes)
}

.checkbox--style3.checkbox input[type=checkbox]:checked+.checkbox-material .check::before {
    color: var(--lime-themes)
}

.checkbox--style3.checkbox input[type=checkbox]:checked:disabled+.checkbox-material .check {
    border-color: #bec8d5;
    background: #bec8d5
}

.checkbox--style3.checkbox input[type=checkbox]:checked:disabled+.checkbox-material .check::before {
    color: var(--grey-themes);
    border-color: #bec8d5
}

.checkbox--style3.checkbox input[type=checkbox][disabled]~.checkbox-material .check {
    border-color: #d2dbe3;
    background: var(--grey-themes)
}

.checkbox--style3.checkbox label {
    font-weight: 900;
    font-size: 18px
}

.radio label {
    cursor: pointer;
    padding-left: 40px;
    margin: 0;
    position: relative;
    color: inherit
}

.radio label span {
    display: block;
    position: absolute;
    left: 10px;
    top: 0;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    margin-left: 0
}

.radio label .circle {
    border: 2px solid var(--primary-accent-color);
    background-color: transparent;
    height: 18px;
    width: 18px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.radio label .check {
    height: 18px;
    width: 18px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}

.radio label .check:after {
    display: block;
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, .87);
    left: -18px;
    top: -18px;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1)
}

.radio input[type=radio] {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    display: none
}

.radio input[type=radio]:checked~.check,
.radio input[type=radio]:checked~.circle {
    opacity: 1;
    border-color: var(--border-grey-color)
}

.radio input[type=radio]:checked~.check {
    background-color: var(--white-color)
}

.radio input[type=radio]:checked~.circle {
    border-color: var(--primary-accent-color);
    background-color: var(--primary-accent-color)
}

.radio input[type=radio]:checked:disabled~.check {
    background-color: var(--input-dark-bg);
    border-color: var(--input-dark-bg)
}

.radio input[type=radio]:checked:disabled~.circle {
    background-color: var(--dark-themes)
}

.radio input[type=radio]:checked~.check {
    -webkit-transform: scale3d(.4, .4, 1);
    -ms-transform: scale3d(.4, .4, 1);
    transform: scale3d(.4, .4, 1)
}

.radio input[type=radio][disabled]~.check {
    background-color: transparent
}

.radio input[type=radio][disabled]~.circle {
    background-color: #1f2223;
    border-color: var(--input-dark-bg)
}

@keyframes rippleOn {
    0% {
        opacity: 0
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 0
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 0
    }
}

.radio--style2.radio label .circle {
    border: 1px solid var(--primary-accent-color);
    background-color: transparent
}

.radio--style2.radio input[type=radio]:checked~.circle {
    border-color: var(--primary-accent-color);
    background-color: var(--primary-accent-color)
}

.radio--style2.radio input[type=radio]:checked:disabled~.check {
    background-color: var(--border-grey-color)
}

.radio--style2.radio input[type=radio]:checked:disabled~.circle {
    border-color: #bec8d5;
    background-color: transparent
}

.radio--style2.radio input[type=radio][disabled]~.circle {
    border-color: #bec8d5;
    background-color: transparent
}

.radio--style3.radio label .circle {
    border: 1px solid #bfc9d6;
    background-color: transparent
}

.radio--style3.radio input[type=radio]:checked~.circle {
    border-color: var(--lime-themes);
    background-color: var(--lime-themes)
}

.radio--style3.radio input[type=radio]:checked:disabled~.check {
    background-color: var(--border-grey-color)
}

.radio--style3.radio input[type=radio]:checked:disabled~.circle {
    border-color: #bec8d5;
    background-color: var(--grey-themes)
}

.radio--style3.radio input[type=radio][disabled]~.circle {
    border-color: #bec8d5;
    background-color: var(--grey-themes)
}

.crumina-module-slider {
    position: relative
}

.slides-item {
    position: relative
}

.swiper-btn-wrap {
    z-index: 19
}

.swiper-btn-wrap .btn-prev+.btn-next,
.swiper-btn-wrap .swiper-btn-prev+.swiper-btn-next {
    margin-left: 30px
}

.btn-next,
.btn-prev,
.swiper-btn-next,
.swiper-btn-prev {
    z-index: 99;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.btn-next .crumina-icon,
.btn-prev .crumina-icon,
.swiper-btn-next .crumina-icon,
.swiper-btn-prev .crumina-icon {
    width: 31px;
    height: 20px;
    fill: var(--dark-themes);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: block
}

.btn-next:hover .crumina-icon,
.btn-prev:hover .crumina-icon,
.swiper-btn-next:hover .crumina-icon,
.swiper-btn-prev:hover .crumina-icon {
    fill: var(--primary-accent-color)
}

.swiper-btn-blue:hover .crumina-icon {
    fill: var(--blue-themes)
}

.swiper-btn-white:hover .crumina-icon {
    fill: var(--white-color)
}

.swiper-btn-orange:hover .crumina-icon {
    fill: var(--orange-themes)
}

.navigation-center-both-sides .swiper-btn-next,
.navigation-center-both-sides .swiper-btn-prev {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute
}

.navigation-center-both-sides .swiper-btn-prev {
    left: -5%
}

.navigation-center-both-sides .swiper-btn-next {
    right: -5%
}

.navigation-bottom-right {
    padding-bottom: 50px
}

.navigation-bottom-right .swiper-btn-wrap {
    position: absolute;
    bottom: 0;
    right: 0
}

.navigation-bottom-left {
    padding-bottom: 50px
}

.navigation-bottom-left .swiper-btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0
}

.navigation-bottom-both-sides .swiper-btn-next,
.navigation-bottom-both-sides .swiper-btn-prev {
    bottom: 30px;
    position: absolute
}

.navigation-bottom-both-sides .swiper-btn-prev {
    left: 20%
}

.navigation-bottom-both-sides .swiper-btn-next {
    right: 20%
}

.navigation-bottom-center {
    padding-bottom: 70px
}

.navigation-bottom-center .swiper-btn-next,
.navigation-bottom-center .swiper-btn-prev {
    bottom: 0;
    position: absolute
}

.navigation-bottom-center .swiper-btn-prev {
    left: 42%
}

.navigation-bottom-center .swiper-btn-next {
    right: 42%
}

.pagination-bottom {
    padding-bottom: 100px
}

.pagination-bottom .swiper-pagination {
    bottom: 0
}

.pagination-bottom-center {
    padding-bottom: 80px
}

.pagination-bottom-center .swiper-pagination {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pagination-top-center {
    padding-top: 100px
}

.pagination-top-center .swiper-pagination {
    top: 10px;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pagination-right-center .swiper-container {
    padding-right: 50px
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: .2;
    background-color: var(--dark-themes);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin: 0 5px
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: transparent;
    position: relative;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    border: 2px solid var(--primary-accent-color);
    opacity: 1
}

.swiper-pagination-white.swiper-pagination-bullets .swiper-pagination-bullet-active {
    border-color: var(--white-color)
}

.crumina-slider--testimonial .testimonial--author-right {
    margin: 20px 0 30px 20px
}

.crumina-slider--testimonial .testimonial--author-bottom {
    margin: 20px 20px 30px 20px
}

.crumina-slider--testimonial .swiper-slide {
    overflow: hidden
}

.crumina-slider--testimonial .swiper-btn-wrap {
    left: 20px
}

.swiper-container-autoheight .swiper-wrapper {
    display: block
}

.swiper-container-autoheight .swiper-slide {
    height: auto !important
}

.crumina-main-slider {
    text-align: center;
    min-height: 100vh
}

.crumina-main-slider .swiper-btn-next,
.crumina-main-slider .swiper-btn-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.crumina-main-slider .swiper-btn-next .crumina-icon,
.crumina-main-slider .swiper-btn-prev .crumina-icon {
    width: 22px;
    height: 35px
}

.crumina-main-slider .swiper-btn-next:hover .crumina-icon,
.crumina-main-slider .swiper-btn-prev:hover .crumina-icon {
    fill: var(--white-color)
}

.crumina-main-slider .swiper-btn-prev {
    left: 5%
}

.crumina-main-slider .swiper-btn-next {
    right: 5%
}

.crumina-main-slider .swiper-container,
.crumina-main-slider .swiper-slide,
.crumina-main-slider .swiper-wrapper {
    min-height: 100vh;
    height: auto
}

.crumina-main-slider .slider-content+.slider-thumb {
    margin-top: 40px
}

.crumina-main-slider .swiper-slide {
    padding: 100px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-background-size: cover;
    background-size: cover
}

.crumina-main-slider .slider-content-title {
    color: var(--white-color)
}

.crumina-main-slider .slider-content-text {
    font-weight: 500;
    font-size: 18px;
    color: var(--white-color);
    margin-bottom: 30px
}

.slider-slides {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10
}

.slider-slides-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%
}

.slides-item {
    padding: 20px;
    text-align: center;
    width: 100%;
    border-bottom: 10px solid;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.slides-item .slides-item-text {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    opacity: .4;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.slides-item.slides-item-primary {
    border-bottom-color: var(--primary-accent-color)
}

.slides-item.slides-item-red {
    border-bottom-color: var(--red-themes)
}

.slides-item.slides-item-orange {
    border-bottom-color: var(--orange-themes)
}

.slides-item.slides-item-yellow {
    border-bottom-color: var(--yellow-themes)
}

.slides-item.slides-item-blue {
    border-bottom-color: var(--blue-themes)
}

.slides-item.slides-item-lime {
    border-bottom-color: var(--lime-themes)
}

.slides-item.swiper-slide-active,
.slides-item:hover {
    border-bottom-width: 20px
}

.slides-item.swiper-slide-active .slides-item-text,
.slides-item:hover .slides-item-text {
    opacity: 1;
    color: var(--white-color)
}

.related-posts-slider .swiper-slide {
    min-height: 100%;
    height: auto
}

.crumina-slider--vertical .swiper-container {
    height: 300px
}

@media (max-width:1300px) {
    .navigation-center-both-sides .swiper-btn-prev {
        left: 0
    }

    .navigation-center-both-sides .swiper-btn-next {
        right: 0
    }
}

@media (max-width:1024px) {
    .navigation-bottom-right .swiper-btn-wrap {
        right: auto;
        left: 10px;
        bottom: 20px
    }

    .pagination-bottom,
    .pagination-bottom-center {
        padding-bottom: 50px
    }
}

@media (max-width:768px) {
    .navigation-bottom-center .swiper-btn-next {
        right: 10%
    }

    .navigation-bottom-center .swiper-btn-prev {
        left: 10%
    }

    .navigation-bottom-both-sides .swiper-btn-next {
        right: 10%
    }

    .navigation-bottom-both-sides .swiper-btn-prev {
        left: 10%
    }

    .slider-slides {
        display: none
    }

    .crumina-main-slider,
    .crumina-main-slider .swiper-container,
    .crumina-main-slider .swiper-slide,
    .crumina-main-slider .swiper-wrapper {
        min-height: unset
    }

    .crumina-main-slider .swiper-slide {
        padding: 100px 0 30px 0
    }

    .crumina-main-slider .align-left {
        text-align: center
    }

    .pagination-right-center .swiper-container {
        padding-right: 20px
    }
}

@media (max-width:470px) {
    .crumina-slider--vertical .swiper-container {
        height: 400px
    }
}

.testimonial-content {
    position: relative;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    padding: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: var(--white-color)
}

.author-company {
    font-size: 14px;
    font-weight: 700;
    color: var(--light-grey)
}

.author-name {
    display: block;
    margin: 0
}

.testimonial--author-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.testimonial--author-right .testimonial-content {
    margin-right: 30px
}

.testimonial--author-right .testimonial-content:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 50%;
    left: -webkit-calc(100% - 1px);
    left: calc(100% - 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.testimonial--author-right .author-name {
    color: var(--blue-themes)
}

.testimonial--author-right .testimonial-text {
    margin-bottom: 15px
}

.testimonial--author-right .author-company {
    color: var(--light-grey)
}

.testimonial--author-bottom .testimonial-content {
    margin-bottom: 30px
}

.testimonial--author-bottom .testimonial-content:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: -webkit-calc(100% - 1px);
    top: calc(100% - 1px);
    left: 60px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.testimonial--author-bottom .author-content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 130px
}

.testimonial--author-bottom .author-company {
    color: var(--white-color)
}

.testimonial--author-bottom .avatar {
    margin-right: 20px
}

.testimonial--author-bottom .testimonial-text {
    font-weight: 500;
    margin-bottom: 0
}

.testimonial--author-top {
    text-align: center;
    margin-top: 40px
}

.testimonial--author-top .testimonial-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
    padding-top: 55px
}

.testimonial--author-top .testimonial-content:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: -webkit-calc(100% - 1px);
    top: calc(100% - 1px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.testimonial--author-top .avatar {
    max-height: 64px;
    position: absolute;
    top: -32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.testimonial--author-top .testimonial-text {
    margin-bottom: 0
}

.testimonial--with-border {
    padding: 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #dfe6ec;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    margin: 20px
}

.testimonial--with-border:hover {
    border-color: var(--dark-themes);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.testimonial--with-border:hover .avatar {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.testimonial--with-border .avatar {
    margin-bottom: 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: .5
}

.testimonial--with-border .testimonial-text {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 30px
}

.testimonial--with-border .author-name {
    margin: 0 0 10px 0
}

.testimonial--author-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.testimonial--author-left .testimonial-content {
    margin-left: 30px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.testimonial--author-left .testimonial-content:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 50%;
    right: -webkit-calc(100% - 1px);
    right: calc(100% - 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.testimonial--author-left .testimonial-text {
    margin-bottom: 15px
}

.avatar60 {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px
}

.avatar70 {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px
}

.avatar80 {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px
}

@media (max-width:1024px) {
    .testimonial-content {
        padding: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px
    }

    .testimonial--author-bottom .testimonial-text {
        font-size: 16px
    }
}

@media (max-width:768px) {
    .testimonial--author-bottom .testimonial-content {
        margin-bottom: 40px
    }

    .testimonial--author-bottom .author-content-wrap {
        margin-left: 0
    }

    .testimonial--with-border {
        padding: 20px
    }

    .testimonial--author-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .testimonial--author-right .testimonial-content {
        margin-right: 0;
        margin-top: 20px
    }

    .testimonial--author-right .testimonial-content::after {
        display: none
    }

    .testimonial--author-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .testimonial--author-left .testimonial-content {
        margin-left: 0;
        margin-top: 20px
    }

    .testimonial--author-right .testimonial-text {
        font-size: 14px
    }
}

.socials {
    margin: 10px 0;
    padding-left: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

.socials .title {
    margin-bottom: 0
}

.socials li {
    margin: 5px 20px 5px 0
}

.socials li:last-child {
    margin-right: 0
}

.socials li:hover .crumina-icon {
    opacity: .7
}

.socials .crumina-icon {
    width: 21px;
    font-size: 21px;
    display: block;
    position: relative;
    z-index: 2
}

.socials--grey li:hover .crumina-icon {
    opacity: 1;
    fill: var(--primary-accent-color)
}

.socials--grey .crumina-icon {
    fill: var(--light-grey)
}

.socials--rounded li {
    margin: 5px 10px 5px 0
}

.socials--rounded li:last-child {
    margin-right: 0
}

.socials--rounded .crumina-icon {
    width: 30px;
    font-size: 30px
}

.user-menu {
    text-align: center
}

.user-menu-popup.modal {
    z-index: 999999;
    padding-right: 0 !important
}

.user-menu-popup .modal-dialog {
    max-width: unset;
    width: 100%;
    margin: 0
}

.user-menu-popup .modal-content {
    background-color: #161718;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none
}

.user-menu-popup .modal-content:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-repeat: repeat-x;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0
}

.user-menu-popup .modal-close-btn-wrapper {
    float: right;
    position: relative;
    cursor: pointer
}

.user-menu-popup .modal-close-btn-wrapper:hover .crumina-icon {
    fill: var(--primary-accent-color)
}

.user-menu-popup .modal-close-btn-wrapper .close {
    margin: 0;
    position: relative;
    z-index: 99
}

.user-menu-popup .modal-close-btn-wrapper .crumina-icon {
    width: 18px;
    height: 18px;
    fill: #424648;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.user-menu-popup .modal-header {
    border-bottom: 0;
    padding-top: 50px
}

.user-menu-popup .modal-body {
    padding-top: 50px;
    padding-bottom: 120px
}

.user-menu-popup .site-logo {
    margin-bottom: 30px;
    display: block
}

.user-menu-popup .sign-in-form {
    margin-top: 50px;
    margin-bottom: 30px
}

.user-menu-popup .socials {
    margin-bottom: 30px
}

.no-webp .user-menu-popup .modal-content:after {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/header-footer-gradient-bg.png)
}

.webp .user-menu-popup .modal-content:after {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/header-footer-gradient-bg.webp)
}

@media (max-width:768px) {
    .user-menu-popup .modal-header {
        padding-top: 20px
    }

    .user-menu-popup .modal-body {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .user-menu-popup .site-logo {
        margin-bottom: 15px
    }

    .user-menu-popup .sign-in-form {
        margin-top: 20px;
        margin-bottom: 15px
    }

    .user-menu-popup .socials {
        margin-bottom: 20px
    }
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dfe6ec;
    font-size: 14px
}

table thead {
    background-color: #f1f6fb;
    border-bottom: 1px solid #dfe6ec
}

table * {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

table>tbody>tr {
    border-bottom: 1px solid #dfe6ec
}

table>tbody>tr:last-child {
    border-bottom: none
}

table>tbody>tr:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1), inset 4px 0 0 0 rgba(100, 25, 255, .004);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1), inset 4px 0 0 0 rgba(100, 25, 255, .004)
}

table>tbody>tr:hover>td:first-child:before {
    opacity: 1
}

table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th {
    padding: 20px 30px;
    line-height: 1.42857143;
    vertical-align: middle
}

table>tbody>tr>td:first-child {
    border-right: none;
    position: relative
}

table>tbody>tr>td:first-child:before {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background-color: var(--primary-accent-color);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

table>thead>tr>th {
    text-transform: uppercase;
    vertical-align: middle;
    color: var(--dark-themes)
}

table>tbody+tbody {
    border-top: 2px solid var(--border-grey-color)
}

table table {
    background-color: var(--white-color)
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

table>tbody>tr.active>td,
table>tbody>tr.active>th,
table>tbody>tr>td.active,
table>tbody>tr>th.active,
table>tfoot>tr.active>td,
table>tfoot>tr.active>th,
table>tfoot>tr>td.active,
table>tfoot>tr>th.active,
table>thead>tr.active>td,
table>thead>tr.active>th,
table>thead>tr>td.active,
table>thead>tr>th.active {
    background-color: #f5f5f5
}

table>tbody>tr.success>td,
table>tbody>tr.success>th,
table>tbody>tr>td.success,
table>tbody>tr>th.success,
table>tfoot>tr.success>td,
table>tfoot>tr.success>th,
table>tfoot>tr>td.success,
table>tfoot>tr>th.success,
table>thead>tr.success>td,
table>thead>tr.success>th,
table>thead>tr>td.success,
table>thead>tr>th.success {
    background-color: #dff0d8
}

table>tbody>tr.info>td,
table>tbody>tr.info>th,
table>tbody>tr>td.info,
table>tbody>tr>th.info,
table>tfoot>tr.info>td,
table>tfoot>tr.info>th,
table>tfoot>tr>td.info,
table>tfoot>tr>th.info,
table>thead>tr.info>td,
table>thead>tr.info>th,
table>thead>tr>td.info,
table>thead>tr>th.info {
    background-color: #d9edf7
}

table>tbody>tr.warning>td,
table>tbody>tr.warning>th,
table>tbody>tr>td.warning,
table>tbody>tr>th.warning,
table>tfoot>tr.warning>td,
table>tfoot>tr.warning>th,
table>tfoot>tr>td.warning,
table>tfoot>tr>th.warning,
table>thead>tr.warning>td,
table>thead>tr.warning>th,
table>thead>tr>td.warning,
table>thead>tr>th.warning {
    background-color: #fcf8e3
}

table>tbody>tr.danger>td,
table>tbody>tr.danger>th,
table>tbody>tr>td.danger,
table>tbody>tr>th.danger,
table>tfoot>tr.danger>td,
table>tfoot>tr.danger>th,
table>tfoot>tr>td.danger,
table>tfoot>tr>th.danger,
table>thead>tr.danger>td,
table>thead>tr.danger>th,
table>thead>tr>td.danger,
table>thead>tr>th.danger {
    background-color: #f2dede
}

.table--style1 {
    border: none;
    width: 100%;
    table-layout: fixed
}

.table--style1 .crumina-icon.icon-check {
    width: 24px;
    height: 19px;
    fill: var(--lime-themes)
}

.table--style1 .crumina-icon.icon-minus {
    width: 24px;
    height: 3px;
    fill: var(--dark-themes)
}

.table--style1>tbody>tr>td,
.table--style1>tbody>tr>th,
.table--style1>tfoot>tr>td,
.table--style1>tfoot>tr>th,
.table--style1>thead>tr>td,
.table--style1>thead>tr>th {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 38px 30px;
    text-transform: initial
}

.table--style1>tbody>tr>td:first-child,
.table--style1>tbody>tr>th:first-child,
.table--style1>tfoot>tr>td:first-child,
.table--style1>tfoot>tr>th:first-child,
.table--style1>thead>tr>td:first-child,
.table--style1>thead>tr>th:first-child {
    text-align: left;
    text-transform: uppercase;
    color: var(--dark-themes);
    font-weight: 700
}

.table--style1>tbody>tr>td {
    border-right: 1px solid #dfe6ec
}

.table--style1>tbody>tr>td:first-child {
    border-right: 1px solid #dfe6ec
}

.table--style1>tbody>tr>td:last-child {
    border-right: none
}

.table--style1>tbody>tr>td:first-child::before {
    display: none
}

.table--style1 .info-icon {
    top: -3px;
    position: relative
}

.table--style1 thead {
    background-color: transparent;
    border-bottom: 2px solid #dfe6ec
}

.table--style1>thead>tr>th {
    font-weight: 700;
    font-size: 24px
}

.table--style1>tbody>tr:last-child {
    border-bottom: 1px solid #dfe6ec
}

.table--style1>tbody>tr:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.table--style2 {
    border: none
}

.table--style2 thead {
    background-color: transparent;
    border-bottom: none
}

.table--style2 tbody {
    border: 1px solid #dfe6ec
}

.table--style2>tbody>tr>td {
    font-size: 16px;
    font-weight: 600
}

.table--style2 .sale {
    font-size: 14px;
    display: block;
    color: var(--light-grey);
    text-decoration: line-through;
    font-weight: 500
}

.table--style2>tbody>tr>td:first-child {
    font-size: 18px;
    font-weight: 700
}

.table--style2 .point {
    color: var(--light-grey)
}

.table--style2>tbody>tr>td:first-child::before {
    display: none
}

.table--style2>tbody>tr>td,
.table--style2>tbody>tr>th,
.table--style2>tfoot>tr>td,
.table--style2>tfoot>tr>th,
.table--style2>thead>tr>td,
.table--style2>thead>tr>th {
    padding: 10px 20px
}

.table--style3 {
    border: none;
    background-color: var(--white-color)
}

.table--style3 thead {
    background-color: transparent;
    border-bottom: none
}

.table--style3 tbody {
    border: 1px solid #dfe6ec
}

.table--style3>tbody>tr>td {
    font-size: 16px;
    font-weight: 600
}

.table--style3 .sale {
    font-size: 14px;
    display: block;
    color: var(--light-grey);
    text-decoration: line-through;
    font-weight: 500
}

.table--style3>tbody>tr>td:first-child {
    font-size: 18px;
    font-weight: 400
}

.table--style3>tbody>tr>td:first-child span {
    font-weight: 700
}

.table--style3>tbody>tr.already-taken>td:first-child {
    opacity: .5
}

.table--style3>tbody>tr.already-taken>td:last-child {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--red-themes);
    text-align: center
}

.table--style3 .point {
    color: var(--light-grey)
}

.table--style3>tbody>tr>td:first-child::before {
    background-color: var(--lime-themes)
}

.table--style3>tbody>tr>td,
.table--style3>tbody>tr>th,
.table--style3>tfoot>tr>td,
.table--style3>tfoot>tr>th,
.table--style3>thead>tr>td {
    padding: 10px 20px
}

.table--style3>thead>tr>th {
    padding: 0
}

@media (max-width:1024px) {

    .table--style1>tbody>tr>td,
    .table--style1>tbody>tr>th,
    .table--style1>tfoot>tr>td,
    .table--style1>tfoot>tr>th,
    .table--style1>thead>tr>td,
    .table--style1>thead>tr>th {
        padding: 10px 15px
    }
}

@media (max-width:768px) {

    table>tbody>tr>td,
    table>tbody>tr>th,
    table>tfoot>tr>td,
    table>tfoot>tr>th,
    table>thead>tr>td,
    table>thead>tr>th {
        padding: 15px
    }

    table {
        -webkit-border-radius: 10px;
        border-radius: 10px
    }

    .table--style1>thead>tr>th {
        font-size: 16px
    }

    .table--style1>tbody>tr>td,
    .table--style1>tbody>tr>th,
    .table--style1>tfoot>tr>td,
    .table--style1>tfoot>tr>th,
    .table--style1>thead>tr>td,
    .table--style1>thead>tr>th {
        font-size: 14px
    }

    .table--style2>tbody>tr>td,
    .table--style2>tbody>tr>th,
    .table--style2>tfoot>tr>td,
    .table--style2>tfoot>tr>th,
    .table--style2>thead>tr>td,
    .table--style2>thead>tr>th {
        padding: 5px 10px
    }

    .table--style3>tbody>tr>td,
    .table--style3>tbody>tr>th,
    .table--style3>tfoot>tr>td,
    .table--style3>tfoot>tr>th,
    .table--style3>thead>tr>td {
        padding: 5px 10px
    }

    .table--style3>tbody>tr>td:first-child {
        font-size: 12px
    }

    .table--style3>tbody>tr>td {
        font-size: 12px
    }
}

@media (max-width:480px) {

    table>tbody>tr>td,
    table>tbody>tr>th,
    table>tfoot>tr>td,
    table>tfoot>tr>th,
    table>thead>tr>td,
    table>thead>tr>th {
        padding: 5px
    }

    table {
        font-size: 10px
    }

    .table--style1>tbody>tr>td,
    .table--style1>tbody>tr>th,
    .table--style1>tfoot>tr>td,
    .table--style1>tfoot>tr>th,
    .table--style1>thead>tr>td,
    .table--style1>thead>tr>th {
        font-size: 9px
    }
}

.tgl {
    position: relative;
    outline: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 5px 0
}

.tgl,
.tgl *,
.tgl :after,
.tgl :before,
.tgl+.tgl-btn,
.tgl:after,
.tgl:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tgl ::-moz-selection,
.tgl :after::-moz-selection,
.tgl :before::-moz-selection,
.tgl+.tgl-btn::-moz-selection,
.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection {
    background: 0 0
}

.tgl ::selection,
.tgl :after::selection,
.tgl :before::selection,
.tgl+.tgl-btn::selection,
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection {
    background: 0 0
}

.tgl span {
    position: relative;
    display: block;
    font-weight: 400;
    text-align: center;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    padding: 1.15em 1em;
    -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, .2), 0 2px 0 rgba(255, 255, 255, .7);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .2), 0 2px 0 rgba(255, 255, 255, .7);
    -webkit-transition: color .3s ease, padding .3s ease-in-out, background .3s ease-in-out;
    -o-transition: color .3s ease, padding .3s ease-in-out, background .3s ease-in-out;
    transition: color .3s ease, padding .3s ease-in-out, background .3s ease-in-out
}

.tgl span:before {
    position: relative;
    display: block;
    line-height: 1.3em;
    padding: 0 .2em;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tgl span:after {
    position: absolute;
    display: block;
    content: '';
    -webkit-border-radius: 2em;
    border-radius: 2em;
    width: 2.8em;
    height: 2.8em;
    top: .35em;
    margin-left: -1.45em;
    background: var(--primary-accent-color);
    -webkit-transition: left .3s cubic-bezier(.175, .885, .32, .97), background .3s ease-in-out;
    -o-transition: left .3s cubic-bezier(.175, .885, .32, .97), background .3s ease-in-out;
    transition: left .3s cubic-bezier(.175, .885, .32, .97), background .3s ease-in-out
}

.tgl input[type=checkbox] {
    display: none !important
}

.tgl input[type=checkbox]:not(:checked)+span {
    background: var(--primary-accent-color);
    color: var(--white-color);
    padding-left: 3.7em;
    padding-right: 1.5em;
    -webkit-box-shadow: 0 0 5px rgba(0, 131, 255, .3);
    box-shadow: 0 0 5px rgba(0, 131, 255, .3)
}

.tgl input[type=checkbox]:not(:checked)+span:before {
    content: attr(data-off);
    color: var(--white-color)
}

.tgl input[type=checkbox]:not(:checked)+span:after {
    background: var(--white-color);
    left: 1.7em
}

.tgl input[type=checkbox]:checked+span {
    background: var(--lime-themes);
    color: var(--white-color);
    padding-left: 1.5em;
    padding-right: 3.7em;
    -webkit-box-shadow: 0 0 5px rgba(138, 213, 36, .3);
    box-shadow: 0 0 5px rgba(138, 213, 36, .3)
}

.tgl input[type=checkbox]:checked+span:before {
    content: attr(data-on)
}

.tgl input[type=checkbox]:checked+span:after {
    background: var(--white-color);
    left: 100%;
    margin-left: -3.1em
}

.tgl-inline {
    display: inline-block !important;
    vertical-align: top
}

.tgl-inline.tgl {
    font-size: 16px
}

.tgl-inline.tgl span {
    min-width: 50px
}

.tgl-inline.tgl span:before {
    line-height: 1.4em;
    padding-left: .4em;
    padding-right: .4em
}

.tgl-inline-label {
    display: inline-block !important;
    vertical-align: top;
    line-height: 26px
}

.tgl--text-both input[type=checkbox]:checked+span::before {
    left: 140%;
    color: var(--lime-themes)
}

.tgl--text-both input[type=checkbox]:not(:checked)+span::before {
    left: -140%;
    color: var(--primary-accent-color)
}

.tgl--text-both input[type=checkbox]:checked+span,
.tgl--text-both input[type=checkbox]:not(:checked)+span {
    padding-left: .5em;
    padding-right: .5em
}

.crumina-pricing-tables-item {
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricing-tables-position {
    padding-left: 0;
    list-style: none
}

.pricing-tables-position li {
    margin-bottom: 15px
}

.pricing-tables-position li:last-child {
    margin-bottom: 0
}

.bg-layer {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.main-pricing-content {
    position: relative
}

.pricing-tables-item-standard {
    text-align: center;
    background-color: var(--white-color);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 60px;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricing-tables-item-standard:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.pricing-tables-item-standard.pricing--best-value {
    border-top: 6px solid var(--yellow-themes)
}

.pricing-tables-item-standard .best-value {
    position: absolute;
    top: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: var(--white-color);
    background-color: var(--yellow-themes);
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: .562rem 2.2rem;
    line-height: 1
}

.pricing-tables-item-standard .rate {
    margin-bottom: 15px;
    margin-top: 0;
    color: var(--lime-themes);
    font-size: 31px
}

.pricing-tables-item-standard .pricing-title {
    margin-bottom: 15px
}

.pricing-tables-item-standard .pricing-onsale {
    font-weight: 500;
    margin-bottom: 15px
}

.pricing-tables-item-standard .pricing-description {
    margin-bottom: 15px;
    font-weight: 500
}

.pricing-tables-item-standard .pricing-renew {
    font-size: 14px;
    margin-bottom: 30px
}

.pricing-tables-item-standard .crumina-button {
    margin-bottom: 30px
}

.pricing-tables-item-solid {
    text-align: center;
    background-color: var(--white-color);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 60px;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricing-tables-item-solid:hover {
    z-index: 10;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.pricing-tables-item-solid .pricing-title {
    margin-bottom: 15px
}

.pricing-tables-item-solid .pricing-description {
    margin-bottom: 15px;
    font-weight: 500
}

.pricing-tables-item-solid .pricing-onsale {
    font-size: 14px;
    color: var(--blue-themes);
    padding: 5px 10px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid var(--blue-themes);
    margin-bottom: 30px
}

.pricing-tables-item-solid .pricing-tables-position {
    margin-bottom: 30px
}

.pricing-tables-item-solid .pricing-tables-position li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed var(--border-grey-color)
}

.pricing-tables-item-solid .rate {
    margin-bottom: 15px;
    margin-top: 0;
    color: var(--dark-themes);
    font-size: 31px
}

.pricing-tables-item-solid .pricing-recommended {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--lime-themes);
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center
}

.pricing-tables-wrap-table {
    overflow: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-collapse: unset;
    border-spacing: 0 10px
}

.pricing-tables-wrap-table>tbody>tr:after {
    content: '';
    display: block;
    width: 100%;
    height: 7px;
    background-color: #ebf2f8
}

.pricing-tables-wrap-table>tbody>tr:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricing-tables-wrap-table>thead {
    background-color: transparent
}

.pricing-tables-wrap-table>tfoot>tr>td {
    -webkit-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    text-align: center
}

.pricing-tables-wrap-table>thead>tr>th {
    font-size: 12px;
    font-weight: 700;
    padding: 25px 20px
}

.pricing-tables-wrap-table>tbody>tr>td {
    padding: 25px 20px;
    border-right: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    background-color: var(--white-color)
}

.pricing-tables-wrap-table>tbody>tr>td:first-child::before {
    content: attr(data-value);
    display: none;
    width: initial;
    height: initial;
    background-color: transparent;
    position: relative;
    left: initial;
    top: initial;
    opacity: 1
}

.pricing-tables-wrap-table .cpu-core {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: var(--light-grey)
}

.pricing-tables-wrap-table .geekbench-score {
    font-weight: 400;
    margin-right: 30px
}

.pricing-tables-wrap-table .skills-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pricing-tables-wrap-table .skills-wrap .crumina-skills-item {
    width: 100%;
    min-width: 40px
}

.pricing-tables-wrap-table .rate {
    font-size: 24px;
    color: var(--lime-themes)
}

.pricing-tables-wrap-table .pricing-onsale {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px
}

.pricing-table--style-table {
    text-align: left
}

.pricing-table--style-table>td:before {
    content: attr(data-value);
    display: none
}

.pricing-table--style-table>td:first-child {
    border-left: 2px solid transparent;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.pricing-table--style-table>td:last-child {
    border-right: 2px solid transparent;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.pricing-table--style-table>td {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent
}

.pricing-table--style-table:hover.border-accent-primary>td:first-child {
    margin-bottom: 30px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--primary-accent-color)
}

.pricing-table--style-table:hover.border-accent-primary>td:last-child {
    border-right: 2px solid var(--primary-accent-color);
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.pricing-table--style-table:hover.border-accent-primary>td {
    border-top: 2px solid var(--primary-accent-color);
    border-bottom: 2px solid var(--primary-accent-color)
}

.pricing-table--style-table:hover.border-red-themes>td:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--red-themes)
}

.pricing-table--style-table:hover.border-red-themes>td:last-child {
    border-right: 2px solid var(--red-themes);
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.pricing-table--style-table:hover.border-red-themes>td {
    border-top: 2px solid var(--red-themes);
    border-bottom: 2px solid var(--red-themes)
}

.pricing-table--style-table:hover.border-orange-themes>td:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--orange-themes)
}

.pricing-table--style-table:hover.border-orange-themes>td:last-child {
    border-right: 2px solid var(--orange-themes);
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.pricing-table--style-table:hover.border-orange-themes>td {
    border-top: 2px solid var(--orange-themes);
    border-bottom: 2px solid var(--orange-themes)
}

.pricing-table--style-table:hover.border-yellow-themes>td:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--yellow-themes)
}

.pricing-table--style-table:hover.border-yellow-themes>td:last-child {
    border-right: 2px solid var(--yellow-themes);
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.pricing-table--style-table:hover.border-yellow-themes>td {
    border-top: 2px solid var(--yellow-themes);
    border-bottom: 2px solid var(--yellow-themes)
}

.pricing-table--style-table:hover.border-blue-themes>td:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--blue-themes)
}

.pricing-table--style-table:hover.border-blue-themes>td:last-child {
    border-right: 2px solid var(--blue-themes);
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.pricing-table--style-table:hover.border-blue-themes>td {
    border-top: 2px solid var(--blue-themes);
    border-bottom: 2px solid var(--blue-themes)
}

.pricing-table--style-table:hover.border-lime-themes>td:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--lime-themes)
}

.pricing-table--style-table:hover.border-lime-themes>td:last-child {
    border-right: 2px solid var(--lime-themes);
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.pricing-table--style-table:hover.border-lime-themes>td {
    border-top: 2px solid var(--lime-themes);
    border-bottom: 2px solid var(--lime-themes)
}

.pricing-tables-wrap {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 15px
}

.pricing-tables-wrap>* {
    border-right: 1px solid var(--border-grey-color)
}

.pricing-tables-wrap>:last-child {
    border-right: none
}

.pricing-table--style2 {
    padding: 40px;
    background-color: var(--white-color);
    height: 100%
}

.pricing-table--style2 .bg-layer {
    background-color: var(--white-color);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: -1;
    opacity: 0;
    border: 3px solid var(--orange-themes)
}

.pricing-table--style2:hover {
    z-index: 990
}

.pricing-table--style2:hover .bg-layer {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1.02);
    transform: translate3d(0, 0, 0) scaleY(1.02);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1
}

.pricing-table--style2 .pricing-title {
    text-transform: uppercase
}

.pricing-table--style2 .pricing-description {
    font-weight: 500
}

.pricing-table--style2 .rate {
    font-size: 31px
}

.pricing-table--style2 .pricing-onsale {
    font-weight: 500;
    margin-bottom: 10px
}

.pricing-table--style2 .pricing-onsale--with-bg {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 700;
    background-color: var(--yellow-themes);
    padding: 2px 4px
}

.pricing-table--style2 .pricing-renew {
    font-size: 14px
}

.pricing-table--style2 .info-icon {
    top: -3px;
    position: relative
}

.pricing-table--style2 .crumina-button {
    margin-bottom: 30px;
    margin-top: 30px
}

.pricing-table--style2 .pricing-recommended {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--orange-themes);
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center
}

.pricing-table--style2 .pricing-recommended:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: var(--orange-themes) transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.crumina-pricing-modern table>tbody>tr>td:first-child::before {
    display: none
}

.crumina-pricing-modern table>tbody>tr {
    border-bottom: 1px dashed var(--border-grey-color)
}

.crumina-pricing-modern table>tbody>tr:last-child {
    border-bottom: 0
}

.crumina-pricing-modern .crumina-icon.icon-check {
    width: 16px;
    height: 13px;
    fill: var(--lime-themes)
}

.crumina-pricing-modern .crumina-icon.icon-minus {
    width: 10px;
    height: 2px;
    fill: var(--dark-themes)
}

.crumina-pricing-modern table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border: none
}

.crumina-pricing-modern table thead {
    background-color: transparent;
    border-bottom: 1px dashed var(--border-grey-color)
}

.crumina-pricing-modern table thead>tr>th {
    background-color: var(--grey-themes);
    text-transform: none
}

.crumina-pricing-modern table thead>tr>th:first-child {
    background-color: transparent;
    text-align: left
}

.crumina-pricing-modern td,
.crumina-pricing-modern th {
    empty-cells: show;
    padding: 13px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

.crumina-pricing-modern tbody tr:nth-child(odd) {
    display: none
}

.crumina-pricing-modern th {
    font-weight: 400;
    padding: 0;
    border-bottom: 1px dashed var(--border-grey-color)
}

.crumina-pricing-modern tr td:first-child {
    text-align: left
}

.crumina-pricing-modern .price-info {
    padding: 40px;
    position: relative
}

.crumina-pricing-modern .pricing-title {
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 24px
}

.crumina-pricing-modern .rate {
    font-size: 31px;
    margin: 10px 0 15px;
    font-weight: 700
}

.crumina-pricing-modern .pricing-recommended {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--primary-accent-color);
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center
}

.crumina-pricing-modern .pricing-recommended:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: var(--primary-accent-color) transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width:767px) {

    .crumina-pricing-modern td:first-child,
    .crumina-pricing-modern th:first-child {
        display: none
    }

    .crumina-pricing-modern tbody tr:nth-child(odd) {
        display: table-row;
        background: #f7f7f7
    }

    .crumina-pricing-modern .row {
        background: #fff
    }

    .crumina-pricing-modern td,
    .crumina-pricing-modern th {
        border: 1px solid var(--border-grey-color)
    }
}

@media (max-width:639px) {

    .crumina-pricing-modern td,
    .crumina-pricing-modern th {
        padding: 10px 5px
    }

    .crumina-pricing-modern .hide-mobile {
        display: none
    }

    .crumina-pricing-modern .price-small {
        font-size: 16px !important;
        top: 0;
        left: 0
    }
}

.pricing-table--style3 {
    padding: 40px;
    background-color: var(--white-color);
    height: 100%
}

.pricing-table--style3 .bg-layer {
    background-color: var(--white-color);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: -1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    border: 1px solid var(--border-grey-color)
}

.pricing-table--style3:hover {
    z-index: 990
}

.pricing-table--style3:hover .bg-layer {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1.05) scaleX(1.02);
    transform: translate3d(0, 0, 0) scaleY(1.05) scaleX(1.02);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1
}

.pricing-table--style3 .pricing-title {
    font-size: 48px;
    font-weight: 900;
    line-height: 1
}

.pricing-table--style3 .pricing-description {
    font-weight: 500
}

.pricing-table--style3 .rate {
    font-size: 31px;
    font-weight: 900;
    margin-bottom: 5px
}

.pricing-table--style3 .pricing-renew {
    font-size: 14px
}

.pricing-table--style3 .info-icon {
    top: -3px;
    position: relative
}

.pricing-table--style3 .crumina-button {
    margin-bottom: 30px;
    margin-top: 30px
}

.pricing-table--style3 .pricing-recommended {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--orange-themes);
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center
}

.pricing-table--style3 .pricing-recommended:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: var(--orange-themes) transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pricing-tables-border-bottom-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--grey-themes)
}

.pricing-tables-border-bottom-wrap>:nth-child(odd) {
    background-color: #fafcfd
}

.pricing-tables-item-border-bottom {
    text-align: center;
    padding: 60px
}

.pricing-tables-item-border-bottom:hover .bg-layer {
    height: 100%
}

.pricing-tables-item-border-bottom:hover .pricing-description {
    color: var(--white-color)
}

.pricing-tables-item-border-bottom:hover .pricing-link .crumina-icon {
    fill: var(--white-color)
}

.pricing-tables-item-border-bottom .pricing-description {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricing-tables-item-border-bottom .main-pricing-content {
    z-index: 10
}

.pricing-tables-item-border-bottom .bg-layer {
    position: absolute;
    height: 10px;
    width: 100%;
    bottom: 0;
    left: 0
}

.pricing-tables-item-border-bottom .pricing-thumb {
    margin-bottom: 30px
}

.pricing-tables-item-border-bottom .rate {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 30px
}

.pricing-tables-item-border-bottom .price {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-top: 5px
}

.pricing-tables-item-border-bottom .pricing-link {
    display: inline-block
}

.pricing-tables-item-border-bottom .pricing-link .crumina-icon {
    width: 31px;
    height: 20px
}

.pricing-tables-item-border-bottom.pricing-primary .bg-layer {
    background-color: var(--primary-accent-color)
}

.pricing-tables-item-border-bottom.pricing-primary .pricing-link {
    fill: var(--primary-accent-color)
}

.pricing-tables-item-border-bottom.pricing-red .bg-layer {
    background-color: var(--red-themes)
}

.pricing-tables-item-border-bottom.pricing-red .pricing-link {
    fill: var(--red-themes)
}

.pricing-tables-item-border-bottom.pricing-orange .bg-layer {
    background-color: var(--orange-themes)
}

.pricing-tables-item-border-bottom.pricing-orange .pricing-link {
    fill: var(--orange-themes)
}

.pricing-tables-item-border-bottom.pricing-yellow .bg-layer {
    background-color: var(--yellow-themes)
}

.pricing-tables-item-border-bottom.pricing-yellow .pricing-link {
    fill: var(--yellow-themes)
}

.pricing-tables-item-border-bottom.pricing-blue .bg-layer {
    background-color: var(--blue-themes)
}

.pricing-tables-item-border-bottom.pricing-blue .pricing-link {
    fill: var(--blue-themes)
}

@media (max-width:1200px) {
    .pricing-tables-item-border-bottom {
        padding: 20px
    }
}

@media (max-width:1024px) {
    .pricing-tables-item-standard {
        padding: 20px
    }
}

@media (max-width:991px) {
    .pricing-tables-border-bottom-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pricing-tables-item-border-bottom {
        width: 50%
    }

    .crumina-pricing-modern .pricing-title {
        font-size: 14px
    }

    .crumina-pricing-modern .rate {
        font-size: 14px
    }

    .crumina-pricing-modern .price-info {
        padding: 10px
    }

    .pricing-tables-wrap>* {
        border: 1px solid var(--border-grey-color)
    }

    .pricing-tables-wrap>:last-child {
        border-right: 1px solid var(--border-grey-color)
    }

    .pricing-tables-wrap-table>thead {
        display: none
    }

    .pricing-table--style-table>td:before {
        display: block;
        width: 40%
    }

    .pricing-tables-wrap-table>tbody>tr>td:first-child::before {
        display: block;
        width: 40%
    }

    .pricing-tables-wrap-table .skills-wrap .crumina-skills-item {
        min-width: 80px
    }

    .pricing-tables-wrap-table .rate {
        font-size: 18px
    }

    .pricing-table--style-table {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 2px solid var(--primary-accent-color);
        margin-bottom: 30px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .pricing-tables-wrap-table>tbody>tr:last-child {
        border-bottom: 2px solid;
        margin-bottom: 0
    }

    .pricing-tables-wrap-table>tbody>tr>td {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pricing-table--style-table>td:last-child:before {
        display: none
    }

    .pricing-tables-wrap-table>tbody>tr::after {
        display: none
    }

    .pricing-table--style-table>td:first-child {
        border-left: none;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .pricing-table--style-table>td {
        border-top: none;
        border-bottom: none
    }

    .pricing-table--style-table>td:last-child {
        border-right: none;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .pricing-table--style-table:hover.border-accent-primary>td:first-child {
        margin-bottom: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-left: none
    }

    .pricing-table--style-table:hover.border-accent-primary>td {
        border-top: none;
        border-bottom: none
    }

    .pricing-table--style-table:hover.border-accent-primary>td:last-child {
        border-right: none;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .pricing-table--style-table:hover.border-red-themes>td:first-child {
        margin-bottom: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-left: none
    }

    .pricing-table--style-table:hover.border-red-themes>td {
        border-top: none;
        border-bottom: none
    }

    .pricing-table--style-table:hover.border-red-themes>td:last-child {
        border-right: none;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .pricing-table--style-table:hover.border-orange-themes>td:first-child {
        margin-bottom: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-left: none
    }

    .pricing-table--style-table:hover.border-orange-themes>td {
        border-top: none;
        border-bottom: none
    }

    .pricing-table--style-table:hover.border-orange-themes>td:last-child {
        border-right: none;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .pricing-table--style-table:hover.border-yellow-themes>td:first-child {
        margin-bottom: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-left: none
    }

    .pricing-table--style-table:hover.border-yellow-themes>td {
        border-top: none;
        border-bottom: none
    }

    .pricing-table--style-table:hover.border-yellow-themes>td:last-child {
        border-right: none;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .pricing-table--style-table:hover.border-blue-themes>td:first-child {
        margin-bottom: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-left: none
    }

    .pricing-table--style-table:hover.border-blue-themes>td {
        border-top: none;
        border-bottom: none
    }

    .pricing-table--style-table:hover.border-blue-themes>td:last-child {
        border-right: none;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .pricing-table--style-table:hover.border-lime-themes>td:first-child {
        margin-bottom: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-left: none
    }

    .pricing-table--style-table:hover.border-lime-themes>td {
        border-top: none;
        border-bottom: none
    }

    .pricing-table--style-table:hover.border-lime-themes>td:last-child {
        border-right: none;
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

@media (max-width:767px) {

    .crumina-pricing-modern td,
    .crumina-pricing-modern th {
        width: 33.333333333%
    }

    .crumina-pricing-modern table thead>tr>th {
        background-color: transparent
    }

    .pricing-tables-wrap-table>tbody>tr>td {
        padding: 10px 15px;
        font-size: 16px
    }

    .pricing-table--style3 {
        padding: 20px
    }

    .pricing-table--style3 .pricing-title {
        font-size: 32px
    }

    .pricing-table--style3 .rate {
        font-size: 24px
    }
}

@media (max-width:460px) {
    .pricing-tables-item-border-bottom {
        width: 100%
    }

    .crumina-pricing-modern .pricing-title {
        font-size: 12px
    }

    .crumina-pricing-modern .rate {
        font-size: 12px
    }
}

.skills-item-meter-active {
    position: absolute;
    display: inline-block;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    bottom: 0;
    left: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    color: var(--dark-themes);
    height: 100%
}

.skills-item-meter-active.skills-animate {
    -webkit-animation: skills-animated 1.2s ease-out;
    animation: skills-animated 1.2s ease-out
}

.skills-item-meter-active.skills-animate-opacity {
    -webkit-animation: skills-animated-opacity .2s ease-out;
    animation: skills-animated-opacity .2s ease-out
}

.skills-item--style-circle .skills-item-meter {
    height: 6px
}

.skills-item--style-circle .skills-item-meter-active:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border: 4px solid transparent;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: var(--grey-themes)
}

.skills-item--style-circle .skills-item-meter-active.bg-accent-primary:after {
    border-color: var(--primary-accent-color)
}

.skills-item--style-circle .skills-item-meter-active.bg-red-themes:after {
    border-color: var(--red-themes)
}

.skills-item--style-circle .skills-item-meter-active.bg-orange-themes:after {
    border-color: var(--orange-themes)
}

.skills-item--style-circle .skills-item-meter-active.bg-yellow-themes:after {
    border-color: var(--yellow-themes)
}

.skills-item--style-circle .skills-item-meter-active.bg-blue-themes:after {
    border-color: var(--blue-themes)
}

.skills-item--style-circle .skills-item-meter-active.bg-lime-themes:after {
    border-color: var(--lime-themes)
}

.skills-item-meter {
    padding: 0 5px;
    width: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: var(--grey-themes);
    position: relative;
    height: 10px
}

.skills-item-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--dark-themes)
}

.skills-item-count {
    font-weight: 700;
    font-size: 14px;
    color: var(--dark-themes)
}

.skills-item-info {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@-webkit-keyframes skills-animated {
    0% {
        width: 0
    }
}

@keyframes skills-animated {
    0% {
        width: 0
    }
}

@-webkit-keyframes skills-animated-opacity {
    100% {
        opacity: 1
    }
}

@keyframes skills-animated-opacity {
    100% {
        opacity: 1
    }
}

.tabs {
    position: relative
}

.tabs .nav-tabs {
    border: none
}

.tabs--time-line .nav-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs--time-line .nav-tabs .nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    color: var(--light-grey);
    font-weight: 700;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 6px 0;
    border: none
}

.tabs--time-line .nav-item--point {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    margin-left: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.tabs--time-line .nav-item--point:after,
.tabs--time-line .nav-item--point:before {
    content: '';
    display: block;
    height: 40px;
    width: 2px;
    background-color: var(--primary-accent-color);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.tabs--time-line .nav-item--point:before {
    top: -7px
}

.tabs--time-line .nav-item--point:after {
    bottom: -7px
}

.tabs--time-line .nav-item--arrow-wrap {
    margin: auto;
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    background-color: var(--primary-accent-color);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10
}

.tabs--time-line .nav-item--arrow-wrap .crumina-icon {
    margin: auto;
    visibility: hidden;
    opacity: 0;
    max-width: 0;
    max-height: 0;
    fill: var(--primary-accent-color)
}

.tabs--time-line .nav-tabs .nav-link.active~.nav-link .nav-item--arrow-wrap {
    background-color: #cad7e3
}

.tabs--time-line .nav-tabs .nav-link.active~.nav-link .nav-item--point:after,
.tabs--time-line .nav-tabs .nav-link.active~.nav-link .nav-item--point:before {
    background-color: #cad7e3
}

.tabs--time-line .nav-tabs .nav-link.active {
    color: var(--primary-accent-color);
    background-color: transparent;
    border: none;
    font-size: 28px;
    font-weight: 900
}

.tabs--time-line .nav-tabs .nav-link.active .nav-item--point:before {
    background-color: var(--primary-accent-color)
}

.tabs--time-line .nav-tabs .nav-link.active .nav-item--point:after {
    background-color: var(--primary-accent-color)
}

.tabs--time-line .nav-tabs .nav-link.active .nav-item--arrow-wrap {
    width: 100%;
    height: 100%;
    background-color: #ebf2f8;
    border: 4px solid var(--primary-accent-color)
}

.tabs--time-line .nav-tabs .nav-link.active .nav-item--arrow-wrap .crumina-icon {
    visibility: visible;
    opacity: 1;
    max-width: initial;
    max-height: initial;
    width: 32px;
    height: 20px
}

.tabs--time-line .nav-tabs .nav-link:not(.active):hover {
    border-color: transparent;
    color: var(--primary-accent-color)
}

.tabs--time-line .nav-tabs .nav-link:not(.active):hover .nav-item--arrow-wrap {
    border: 3px solid var(--primary-accent-color);
    max-width: 18px;
    min-height: 18px;
    width: 18px;
    height: 18px;
    background-color: #ebf2f8
}

.tabs--time-line .tabs--time-line-subtitle {
    font-weight: 500;
    font-size: 16px;
    color: var(--light-grey);
    margin-bottom: 20px
}

.tabs--style2 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 10px
}

.tabs--style2 .nav-tabs .nav-link {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: var(--white-color);
    border: none;
    border-bottom: 2px solid var(--dark-themes);
    padding: 15px
}

.tabs--style2 .nav-tabs .nav-link.active {
    color: var(--yellow-themes);
    background-color: transparent;
    border-color: transparent transparent var(--yellow-themes) transparent
}

.tabs--style2 .nav-tabs .nav-link:focus,
.tabs--style2 .nav-tabs .nav-link:hover {
    color: var(--yellow-themes)
}

.tabs--style3 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs--style3 .nav-tabs .nav-link {
    width: 100%;
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    padding: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: var(--white-color);
    margin-bottom: 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tabs--style3 .nav-tabs .nav-link:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tabs--style3 .nav-tabs .nav-link .crumina-icon {
    margin-right: 20px;
    fill: var(--border-grey-color);
    min-width: 22px
}

.tabs--style3 .nav-tabs .nav-item.show .nav-link,
.tabs--style3 .nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.tabs--style3 .nav-tabs .nav-item.show .nav-link .crumina-icon,
.tabs--style3 .nav-tabs .nav-link.active .crumina-icon {
    fill: var(--red-themes)
}

.tabs--style3 .nav-tabs .nav-item.show .nav-link:after,
.tabs--style3 .nav-tabs .nav-link.active:after {
    opacity: 1
}

.tabs--style4 {
    background-color: var(--dark-themes)
}

.tabs--style4 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabs--style4 .tab-content {
    padding: 60px 0 120px;
    background-color: var(--yellow-themes)
}

.tabs--style4 .nav-tabs .nav-link {
    border: none;
    color: var(--white-color);
    font-weight: 700;
    padding: 25px 60px;
    position: relative
}

.tabs--style4 .nav-tabs .nav-link:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px 10px;
    border-color: transparent transparent #ffd000 transparent;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tabs--style4 .nav-tabs .nav-item.show .nav-link,
.tabs--style4 .nav-tabs .nav-link.active {
    color: var(--yellow-themes);
    background-color: transparent;
    border-color: transparent
}

.tabs--style4 .nav-tabs .nav-item.show .nav-link:after,
.tabs--style4 .nav-tabs .nav-link.active:after {
    opacity: 1
}

.tabs--style5 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 50px
}

.tabs--style5 .nav-tabs .nav-link {
    width: 100%;
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    border-bottom: 2px solid var(--border-grey-color);
    padding: 20px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs--style5 .nav-tabs .nav-link img {
    margin-bottom: 5px
}

.tabs--style5 .nav-tabs .nav-item.show .nav-link,
.tabs--style5 .nav-tabs .nav-link.active {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-bottom-color: var(--primary-accent-color)
}

.tabs--style6 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabs--style6 .nav-tabs .nav-link {
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    padding: 10px 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase;
    max-width: 220px;
    text-align: center;
    font-size: 16px
}

.tabs--style6 .nav-tabs .nav-link img {
    margin-bottom: 20px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tabs--style6 .nav-tabs .nav-item.show .nav-link,
.tabs--style6 .nav-tabs .nav-link.active {
    color: var(--white-color);
    background-color: transparent
}

.tabs--style6 .nav-tabs .nav-item.show .nav-link img,
.tabs--style6 .nav-tabs .nav-link.active img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.block-border-linear-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.block-border-linear-gradient .block-border-linear-gradient-top {
    width: 100%;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#1eb0d8), color-stop(#00bcca), color-stop(#00c4a8), color-stop(#40c877), to(#8dc63f));
    background-image: -webkit-linear-gradient(left, #1eb0d8, #00bcca, #00c4a8, #40c877, #8dc63f);
    background-image: -o-linear-gradient(left, #1eb0d8, #00bcca, #00c4a8, #40c877, #8dc63f);
    background-image: linear-gradient(to right, #1eb0d8, #00bcca, #00c4a8, #40c877, #8dc63f)
}

.block-border-linear-gradient .block-border-linear-gradient-right {
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), color-stop(#24ca7d), color-stop(#00c7b6), color-stop(#00bedf), to(#00b0ed));
    background-image: -webkit-linear-gradient(top, #8dc63f, #24ca7d, #00c7b6, #00bedf, #00b0ed);
    background-image: -o-linear-gradient(top, #8dc63f, #24ca7d, #00c7b6, #00bedf, #00b0ed);
    background-image: linear-gradient(to bottom, #8dc63f, #24ca7d, #00c7b6, #00bedf, #00b0ed)
}

.block-border-linear-gradient .block-border-linear-gradient-bottom {
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#00b0ed), color-stop(#5a9cfb), color-stop(#a97ded), color-stop(#e44fbe), to(#ff0074));
    background-image: -webkit-linear-gradient(right, #00b0ed, #5a9cfb, #a97ded, #e44fbe, #ff0074);
    background-image: -o-linear-gradient(right, #00b0ed, #5a9cfb, #a97ded, #e44fbe, #ff0074);
    background-image: linear-gradient(to left, #00b0ed, #5a9cfb, #a97ded, #e44fbe, #ff0074)
}

.block-border-linear-gradient .block-border-linear-gradient-left {
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0074), color-stop(#d956c6), color-stop(#8b86f1), color-stop(#24a2ef), to(#24b1d2));
    background-image: -webkit-linear-gradient(bottom, #ff0074, #d956c6, #8b86f1, #24a2ef, #24b1d2);
    background-image: -o-linear-gradient(bottom, #ff0074, #d956c6, #8b86f1, #24a2ef, #24b1d2);
    background-image: linear-gradient(to top, #ff0074, #d956c6, #8b86f1, #24a2ef, #24b1d2)
}

.tabs--style7 {
    padding: 100px;
    position: relative;
    margin: 0
}

.tabs--style7 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tabs--style7 .nav-tabs .nav-link {
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    border-bottom: 1px dashed var(--dark-themes);
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0
}

.tabs--style7 .nav-tabs .nav-item.show .nav-link,
.tabs--style7 .nav-tabs .nav-link.active {
    color: var(--lime-themes);
    background-color: transparent;
    border-bottom-color: var(--lime-themes)
}

.tabs--subscribe {
    width: 100%
}

.tabs--subscribe .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tabs--subscribe .nav-tabs .nav-link {
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    font-size: 12px;
    padding: 22px 16px 16px;
    text-transform: uppercase;
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--border-grey-color);
    border-right: 1px solid var(--border-grey-color);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tabs--subscribe .nav-tabs .nav-link:last-child {
    border-right: none
}

.tabs--subscribe .nav-tabs .nav-item.show .nav-link,
.tabs--subscribe .nav-tabs .nav-link.active {
    color: var(--white-color);
    background-color: var(--dark-themes);
    border-bottom-color: var(--dark-themes)
}

@media (max-width:1200px) {
    .tabs--time-line .nav-item--point {
        width: 50px;
        min-width: 50px;
        max-width: 50px;
        height: 50px;
        min-height: 50px;
        max-height: 50px;
        margin-left: 20px
    }
}

@media (max-width:1024px) {
    .tabs--style7 {
        padding: 30px
    }
}

@media (max-width:991px) {
    .tabs--time-line .nav-tabs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden
    }

    .tabs--time-line .nav-tabs .nav-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 14px;
        height: 80px
    }

    .tabs--time-line .nav-tabs .nav-link.active {
        font-size: 20px
    }

    .tabs--time-line .nav-item--point {
        width: 40px;
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        min-height: 40px;
        max-height: 40px;
        margin-left: 0
    }

    .tabs--time-line .nav-tabs .nav-link:not(.active):hover .nav-item--arrow-wrap {
        border-width: 2px
    }

    .tabs--time-line .nav-tabs .nav-link.active .nav-item--arrow-wrap .crumina-icon {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    .tabs--time-line .nav-tabs .nav-link.active .nav-item--arrow-wrap {
        border-width: 2px
    }

    .tabs--time-line .nav-item--point::after,
    .tabs--time-line .nav-item--point::before {
        height: 2px;
        width: 60px;
        left: auto;
        top: 50%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tabs--time-line .nav-item--point::after {
        bottom: auto;
        left: 60%
    }

    .tabs--time-line .nav-item--point::before {
        right: 60%
    }

    .tabs--style5 .nav-tabs .nav-link {
        padding: 10px 20px
    }
}

@media (max-width:768px) {
    .tabs--style3 .nav-tabs .nav-link::after {
        display: none
    }

    .tabs--style4 .nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tabs--style4 .nav-tabs .nav-link::after {
        display: none
    }

    .tabs--style4 .nav-tabs .nav-link,
    .tabs--style4 .nav-tabs .nav-link.active {
        padding: 15px 20px;
        width: 100%;
        border-bottom: 1px solid var(--yellow-themes);
        text-align: center
    }

    .tabs--style6 .nav-tabs .nav-link {
        padding: 10px 20px;
        font-size: 14px;
        max-width: unset
    }

    .tabs--style6 .nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tabs--style5 .nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.crumina-info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.info-box-thumb {
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.info-box-thumb .puzzle-icon {
    display: block
}

.info-box-content {
    position: relative
}

.info-box-title {
    display: block;
    word-break: break-all
}

.read-more--with-arrow {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.read-more--with-arrow:hover {
    color: var(--primary-accent-color)
}

.read-more--with-arrow:hover .crumina-icon {
    fill: var(--primary-accent-color)
}

.read-more--with-arrow .crumina-icon {
    margin-left: 10px;
    width: 14px;
    height: 9px;
    min-width: 14px;
    min-height: 9px;
    fill: var(--dark-themes)
}

.read-more--with-arrow-left .crumina-icon {
    margin-left: 0;
    margin-right: 10px;
    fill: inherit
}

.read-more--with-arrow-down {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 700;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.read-more--with-arrow-down:hover {
    color: var(--primary-accent-color)
}

.read-more--with-arrow-down:hover .crumina-icon {
    fill: var(--primary-accent-color)
}

.read-more--with-arrow-down .crumina-icon {
    margin-top: 10px;
    width: 16px;
    height: 9px;
    fill: var(--orange-themes)
}

.contact-info {
    font-weight: 700;
    font-size: 18px;
    color: var(--primary-accent-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-info .crumina-icon {
    fill: var(--border-grey-color);
    margin-right: 10px;
    width: 20px;
    height: 20px
}

.info-box--standard .info-box-thumb {
    margin-bottom: 30px
}

.info-box--standard .info-box-text {
    margin-bottom: 0
}

.info-box--icon-left {
    text-align: left
}

.info-box--icon-left .info-box-thumb-title-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.info-box--icon-left .info-box-thumb {
    margin-right: 30px
}

.info-box--icon-left .info-box-title {
    margin-bottom: 0
}

.info-box--thumb-left {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.info-box--thumb-left .info-box-text:last-child {
    margin-bottom: 0
}

.info-box--thumb-left .info-box-thumb {
    min-width: 100px;
    margin-right: 30px
}

.info-box--align-left {
    text-align: center
}

.info-box--align-left .info-box-thumb {
    margin-bottom: 30px
}

.info-box--inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left
}

.info-box--inline .info-box-text {
    font-size: 18px;
    font-weight: 500
}

.info-box--inline .info-box-text:last-child {
    margin-bottom: 0
}

.info-box--inline .info-box-thumb {
    margin-right: 30px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.info-box--with-number {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 40px;
    border: 2px solid #dfe6ec;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.info-box--with-number:hover {
    border-color: var(--lime-themes);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.info-box--with-number .info-box-title {
    font-size: 60px;
    font-weight: 700;
    color: var(--lime-themes);
    margin-right: 40px;
    min-width: 10%;
    line-height: 1
}

.info-box--with-number .info-box-text {
    font-weight: 500
}

.info-box--with-number .info-box-text:last-child {
    margin-bottom: 0
}

.info-box--icon-scaled .info-box-title {
    margin-bottom: 30px
}

.info-box--icon-scaled .info-box-thumb {
    margin-bottom: 30px
}

.info-box--icon-scaled .info-box-text:last-child {
    margin-bottom: 0
}

.info-box--with-bg {
    padding: 60px;
    background-color: var(--white-color);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.info-box--with-bg:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.info-box--with-bg .info-box-thumb {
    margin-bottom: 30px
}

.info-box--bordered {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #dfe6ec;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    margin: 30px 0
}

.info-box--bordered .info-box-thumb {
    margin-right: 30px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.notice-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #d1f2ff;
    margin-bottom: 20px
}

.notice-info p {
    margin-bottom: 0
}

.notice-info-thumb {
    margin-right: 10px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.notice-info-thumb .crumina-icon {
    width: 16px;
    height: 16px
}

.notice-info--lihgt-blue {
    background-color: #d1f2ff
}

.notice-info--lihgt-yellow {
    background-color: #d1f2ff
}

.notice-info--light-yellow {
    background-color: #fff0ac
}

@media (max-width:1024px) {
    .info-box--with-bg {
        padding: 20px
    }
}

@media (max-width:768px) {
    .info-box--icon-scaled .info-box-title {
        margin-bottom: 15px
    }

    .info-box--icon-scaled .info-box-thumb {
        margin-bottom: 15px
    }

    .info-box--inline {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .info-box--inline .info-box-thumb {
        margin-right: 0;
        margin-bottom: 20px
    }

    .info-box--thumb-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .info-box--thumb-left .info-box-thumb {
        margin-right: 0;
        margin-bottom: 20px
    }

    .info-box--with-number {
        padding: 20px
    }

    .info-box--with-number .info-box-title {
        font-size: 30px;
        margin-right: 15px
    }

    .info-box--bordered {
        padding: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .info-box--bordered .info-box-thumb {
        margin-right: 0;
        margin-bottom: 15px
    }
}

.crumina-map {
    position: relative;
    overflow: hidden;
    max-height: 90vh
}

.block-location-info {
    padding: 40px;
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 370px;
    max-width: -webkit-calc(100% - 20px);
    max-width: calc(100% - 20px);
    z-index: 999;
    text-align: center;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.block-location-info h5 {
    margin-bottom: 10px;
    text-transform: uppercase
}

.block-location-info p {
    margin-bottom: 0
}

@media (max-width:768px) {
    .block-location-info {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.crumina-accordion {
    list-style: none;
    margin: 0;
    padding: 0
}

.accordion-panel {
    position: relative;
    background-color: var(--white-color);
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin-bottom: 10px
}

.card-header .icons {
    line-height: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    position: relative
}

.card-header .icons .crumina-icon {
    height: 20px;
    width: 20px
}

.card-header .icons .crumina-icon.icon-minus {
    height: 2px
}

.card-header .icons .active {
    position: absolute;
    left: 0;
    top: 10px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.card.active .icons svg {
    opacity: 0
}

.card.active .icons .active {
    opacity: 1
}

.btn-link {
    text-align: left
}

.btn-link:focus,
.btn-link:hover {
    text-decoration: none
}

.accordion--style1 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 30px
}

.accordion--style1 .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: none
}

.accordion--style1 .card {
    background-color: transparent;
    border: 2px solid var(--white-color);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.accordion--style1 .card.active,
.accordion--style1 .card:hover {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .14)
}

.accordion--style1 .card-body {
    padding: 0 30px 30px
}

.accordion--style1>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 2px solid var(--white-color);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.accordion--style1>.card:first-of-type {
    border-bottom: 2px solid var(--white-color);
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.accordion--style1>.card:last-of-type {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

.accordion--style2 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 0
}

.accordion--style2 .btn-link .icons {
    margin-right: 30px
}

.accordion--style2 .card-body {
    padding: 0 50px 30px
}

.accordion--style2 .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: none
}

.accordion--style2 .card {
    background-color: transparent;
    border-top: 1px solid var(--border-grey-color);
    border-bottom: 1px solid var(--border-grey-color);
    border-left: none;
    border-right: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-radius: 0;
    border-radius: 0
}

.accordion--style2 .card.active .btn-link,
.accordion--style2 .card:hover .btn-link {
    color: var(--primary-accent-color)
}

.accordion--style2 .card.active .btn-link .crumina-icon,
.accordion--style2 .card:hover .btn-link .crumina-icon {
    fill: var(--primary-accent-color)
}

.accordion--style3 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 30px
}

.accordion--style3 .card-header {
    padding: 0;
    background-color: var(--white-color);
    border-bottom: none
}

.accordion--style3 .card {
    background-color: transparent;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.accordion--style3 .card.active,
.accordion--style3 .card:hover {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .14)
}

.accordion--style3 .card.active .icons svg,
.accordion--style3 .card:hover .icons svg {
    fill: var(--yellow-themes)
}

.accordion--style3 .card-body {
    padding: 0 30px 30px
}

.accordion--style3>.card:not(:first-of-type):not(:last-of-type) {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.accordion--style3>.card:first-of-type {
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.accordion--style3>.card:last-of-type {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

.accordion--style4 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 30px
}

.accordion--style4 .card-header {
    padding: 0;
    background-color: var(--white-color);
    border-bottom: none
}

.accordion--style4 .card {
    background-color: transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #dfe6ec
}

.accordion--style4 .card.active,
.accordion--style4 .card:hover {
    border: 1px solid var(--orange-themes)
}

.accordion--style4 .card.active .icons svg,
.accordion--style4 .card:hover .icons svg {
    fill: var(--orange-themes)
}

.accordion--style4 .card-body {
    padding: 0 30px 30px
}

.accordion--style4>.card:not(:first-of-type):not(:last-of-type) {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #dfe6ec
}

.accordion--style4>.card:not(:first-of-type):not(:last-of-type).active,
.accordion--style4>.card:not(:first-of-type):not(:last-of-type):hover {
    border: 1px solid var(--orange-themes)
}

.accordion--style4>.card:first-of-type {
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 1px solid #dfe6ec
}

.accordion--style4>.card:first-of-type.active,
.accordion--style4>.card:first-of-type:hover {
    border: 1px solid var(--orange-themes)
}

.accordion--style4>.card:last-of-type {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

.accordion--style5 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 30px
}

.accordion--style5 .card-header {
    padding: 0;
    background-color: var(--white-color);
    border-bottom: none
}

.accordion--style5 .card {
    background-color: transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #dfe6ec
}

.accordion--style5 .card.active,
.accordion--style5 .card:hover {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .14)
}

.accordion--style5 .card.active .icons svg,
.accordion--style5 .card:hover .icons svg {
    fill: var(--blue-themes)
}

.accordion--style5 .card-body {
    padding: 0 30px 30px
}

.accordion--style5>.card:not(:first-of-type):not(:last-of-type) {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #dfe6ec
}

.accordion--style5>.card:first-of-type {
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 1px solid #dfe6ec
}

.accordion--style5>.card:last-of-type {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

.accordion--style6 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    font-weight: 700;
    color: var(--dark-themes);
    padding: 20px 30px;
    background-color: var(--grey-themes);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.accordion--style6 .btn-link .crumina-icon {
    fill: var(--dark-themes);
    width: 8px;
    height: 6px
}

.accordion--style6 .btn-link .title {
    margin-left: 20px
}

.accordion--style6 .collapse,
.accordion--style6 .collapsing {
    border: 1px solid var(--border-grey-color);
    border-top: 0;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.accordion--style6 .card-header {
    padding: 0;
    border-bottom: none
}

.accordion--style6 .card {
    background-color: transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none
}

.accordion--style6 .card.active .crumina-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion--style6 .card-body {
    padding: 0
}

.accordion--style7 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 0
}

.accordion--style7 .btn-link .crumina-icon {
    margin-right: 15px;
    fill: var(--border-grey-color)
}

.accordion--style7 .card-body {
    padding: 0 0 30px 30px
}

.accordion--style7 .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: none
}

.accordion--style7 .card {
    background-color: transparent;
    border-top: 2px solid var(--border-grey-color);
    border-bottom: 2px solid var(--border-grey-color);
    border-left: none;
    border-right: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-radius: 0;
    border-radius: 0
}

.accordion--style7 .card:first-of-type {
    border-top: 0
}

.accordion--style7 .card.active .btn-link,
.accordion--style7 .card:hover .btn-link {
    color: var(--primary-accent-color)
}

.accordion--style7 .card.active .btn-link .crumina-icon,
.accordion--style7 .card:hover .btn-link .crumina-icon {
    fill: var(--primary-accent-color)
}

@media (max-width:768px) {
    .accordion--style1 .btn-link {
        font-size: 16px;
        padding: 15px 20px
    }

    .accordion--style1 .card-body {
        padding: 0 20px 20px;
        font-size: 14px
    }

    .accordion--style2 .btn-link {
        font-size: 16px;
        padding: 15px 0
    }

    .accordion--style2 .card-body {
        font-size: 14px
    }

    .accordion--style4 .btn-link {
        font-size: 16px;
        padding: 15px 20px
    }

    .accordion--style4 .card-body {
        padding: 0 20px 20px;
        font-size: 14px
    }

    .accordion--style3 .btn-link {
        font-size: 16px;
        padding: 15px 20px
    }

    .accordion--style3 .card-body {
        padding: 0 20px 20px;
        font-size: 14px
    }

    .accordion--style5 .btn-link {
        font-size: 16px;
        padding: 15px 20px
    }

    .accordion--style5 .card-body {
        padding: 0 20px 20px;
        font-size: 14px
    }

    .accordion--style7 .btn-link {
        font-size: 14px;
        padding: 15px 0
    }
}

.crumina-our-video {
    position: relative
}

.crumina-theme-item:hover .hover-btns-block {
    opacity: 1;
    visibility: visible
}

.crumina-theme-item:hover .theme-item-thumb .overlay {
    opacity: 1
}

.crumina-theme-item:hover .theme-item-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.theme-item-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.theme-item-thumb .overlay {
    opacity: 0
}

.theme-item-thumb img {
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.hover-btns-block {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.theme-item-content {
    text-align: center;
    padding: 30px
}

.crumina-articles-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.crumina-articles-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.crumina-articles-list li:last-child {
    margin-bottom: 0
}

.crumina-articles-list .icon-article {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    fill: #dfe6ec;
    margin-right: 10px
}

.crumina-faqs-block {
    border: 2px solid #dfe6ec;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 40px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.crumina-faqs-block:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    border-color: var(--primary-accent-color)
}

.crumina-faqs-block--without-border {
    border: none;
    margin-bottom: 0;
    background-color: var(--white-color);
    padding: 100px
}

.crumina-faqs-block--without-border a {
    color: var(--link-color)
}

.crumina-faqs-title-with-border {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 2px solid #dfe6ec
}

.crumina-faqs-title {
    display: block
}

.row-masonry {
    display: block
}

.row-masonry>* {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
    display: inline-block
}

.row-masonry--col-2 {
    -webkit-column-count: 2;
    column-count: 2
}

@media (max-width:768px) {
    .crumina-faqs-block {
        padding: 20px
    }

    .crumina-faqs-block--without-border {
        padding: 30px
    }
}

.crumina-features-item {
    text-align: center
}

.crumina-features-item img {
    margin-bottom: 15px
}

.crumina-features-item .features-item-title {
    margin-bottom: 0
}

.highest-rated-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.highest-rated-item {
    width: 31%
}

.highest-rated-item-count {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px
}

.highest-rated-item-count:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px
}

.highest-rated-item-count.c-primary:after {
    background-color: var(--primary-accent-color)
}

.highest-rated-item-count.c-blue:after {
    background-color: var(--blue-themes)
}

.highest-rated-item-count.c-lime:after {
    background-color: var(--lime-themes)
}

.highest-rated-item-title {
    font-weight: 700
}

.crumina-domain-filter-panel {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1), inset 1px 0 0 0 rgba(235, 242, 248, .004);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1), inset 1px 0 0 0 rgba(235, 242, 248, .004);
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.crumina-teammember-item {
    text-align: center
}

.crumina-teammember-item .socials {
    margin: 0
}

.teammembers-thumb {
    width: 270px;
    height: 270px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 30px
}

.teammembers-item-name {
    display: block;
    margin-bottom: 20px
}

.teammembers-item-prof {
    font-weight: 700;
    color: var(--light-grey);
    margin-bottom: 20px
}

.teammembers-description {
    margin-bottom: 20px
}

@media (max-width:1200px) {
    .teammembers-thumb {
        width: 170px;
        height: 170px
    }
}

.crumina-dropzone {
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px dashed #cad7e3;
    font-weight: 500;
    padding: 15px 20px
}

.crumina-dropzone a {
    color: var(--primary-accent-color)
}

.crumina-contact-item {
    background-color: var(--white-color);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid var(--white-color);
    padding: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.crumina-contact-item:hover {
    border-color: var(--primary-accent-color);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.crumina-contact-item .title {
    margin-bottom: 20px
}

.crumina-contact-item .subtitle {
    margin-bottom: 30px
}

.crumina-contact-item a {
    display: block
}

.contact-item-thumb {
    margin-right: 40px
}

@media (max-width:991px) {
    .crumina-contact-item {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .crumina-contact-item .contact-item-thumb {
        margin-right: 0;
        margin-bottom: 20px;
        max-width: 100px
    }

    .crumina-contact-item .title {
        margin-bottom: 10px
    }

    .crumina-contact-item .subtitle {
        margin-bottom: 15px
    }
}

.domain-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.domain-list-item {
    margin-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.domain-list-item:last-child {
    margin-right: 0
}

.domain-list-item-name {
    font-size: 24px;
    font-weight: 900
}

.domain-list-item-price {
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px
}

@media (max-width:768px) {
    .domain-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.client-items-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.clients-item {
    margin-right: 30px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .4;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.clients-item:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.clients-item:last-child {
    margin-right: 0
}

@media (max-width:768px) {
    .client-items-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .clients-item {
        margin-bottom: 20px;
        margin-right: 0;
        width: 48%;
        text-align: center
    }
}

.presentation-block {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f1f6fb;
    margin: 30px 0
}

.presentation-block--light-blue {
    background-color: #f1f6fb
}

.documentation-rate {
    text-align: center;
    background-color: var(--grey-themes);
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 40px 0
}

.documentation-rate .title {
    margin-bottom: 30px
}

.knowledge-base-article .post-additional-info {
    font-weight: 500;
    color: var(--light-grey)
}

.knowledge-base-article .entry-footer {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 2px solid #dfe6ec
}

.knowledge-base-article .entry-footer .socials {
    margin: 0
}

.base-documentation-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    height: 90vh;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.base-documentation-navigation::-webkit-scrollbar {
    display: none
}

.documentation-navigation-item .title {
    text-transform: uppercase;
    font-size: 14px
}

.documentation-list {
    padding-left: 0;
    list-style: none
}

.documentation-list li {
    margin-bottom: 30px;
    font-size: 14px
}

@media (max-width:992px) {
    .base-documentation-navigation {
        position: relative;
        top: auto;
        height: auto
    }
}

.category-list {
    text-align: center
}

.category-list .category-list-item {
    padding: 30px 15px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    position: relative
}

.category-list .category-list-item:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: -2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.category-list .category-list-item:hover:after {
    background-color: var(--primary-accent-color)
}

.category-list .category-list-item.active {
    color: var(--primary-accent-color)
}

.category-list .category-list-item.active:after {
    background-color: var(--primary-accent-color)
}

.category-list-wrap {
    border-bottom: 2px solid #dfe6ec
}

@media (max-width:768px) {
    .category-list .category-list-item {
        padding: 15px 10px
    }
}

blockquote {
    margin: 2em 0;
    padding: 20px 60px;
    position: relative;
    overflow: hidden
}

blockquote h6 {
    font-style: normal;
    font-size: 16px
}

blockquote h6 span {
    color: var(--light-grey);
    display: block;
    font-weight: 700;
    font-size: 14px
}

blockquote p {
    margin: 0 0 30px;
    font-size: 16px;
    position: relative;
    font-weight: 700;
    text-transform: uppercase
}

blockquote p:before {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 30px
}

.no-webp blockquote p:before {
    content: url(../img/theme-content/images/quote.png)
}

.webp blockquote p:before {
    content: url(../img/theme-content/images/quote.webp)
}

@media (max-width:768px) {
    blockquote {
        margin: 1em 0;
        padding: 10px 30px
    }
}

.comments__list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.comments__list .comments__avatar {
    margin-right: 30px;
    min-width: 70px
}

.comments__list .comments__body {
    padding: 40px;
    background-color: #f1f6fb;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.comments__list .comments__body:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #f1f6fb transparent transparent;
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.comments__list .comments__author {
    display: inline-block;
    font-style: normal
}

.comments__list .comments__author a {
    margin: 0;
    font-size: 16px
}

.comments__list .comments__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comments__list .comments__time {
    display: inline-block
}

.comments__list .comments__time a {
    color: var(--light-grey);
    font-size: 14px
}

.comments__list .comments__time a:hover {
    color: var(--primary-accent-color)
}

.comments__list .comment-content p {
    margin: 15px 0
}

.comments__list .comment-reply {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.comments__item {
    padding-left: 0;
    list-style: none
}

.comments__item:before {
    display: none
}

.comments__item .children {
    margin: 20px 0 0 100px;
    list-style: none;
    padding: 0
}

.comments__item:last-child {
    margin-bottom: 0
}

.children .comments__article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.children .comments__article:hover .comments__body:after {
    border-color: transparent transparent transparent #fff
}

.children .comments__body::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #f1f6fb;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.children .comments__avatar {
    margin-right: 0;
    margin-left: 30px
}

.comments__article {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.comments__article:hover .comments__body {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    background-color: var(--white-color)
}

.comments__article:hover .comments__body:after {
    border-color: transparent #fff transparent transparent
}

@media (max-width:768px) {
    .children .comments__article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .comments__list .comments__body {
        padding: 20px
    }

    .comments__item .children {
        margin: 20px 0 0 50px
    }

    .children .comments__avatar {
        margin-left: 0
    }

    .comments__article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .comments__list .comments__avatar {
        margin-right: 0;
        margin-bottom: 20px
    }

    .comments__list .comments__body::after {
        display: none
    }
}

.page-navigation {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px 0
}

.btn--next,
.btn--prev {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--border-grey-color);
    fill: var(--border-grey-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.btn--next .crumina-icon,
.btn--prev .crumina-icon {
    width: 22px;
    height: 35px;
    fill: inherit
}

.btn--next:hover,
.btn--prev:hover {
    color: var(--lime-themes);
    fill: var(--lime-themes)
}

.btn--prev {
    margin-right: 30px
}

.btn--prev .crumina-icon {
    margin-left: 20px
}

.btn--next .crumina-icon {
    margin-right: 20px
}

.popup-subscribe {
    text-align: center;
    padding-right: 0 !important
}

.popup-subscribe.modal {
    z-index: 999999;
    padding-right: 0 !important
}

.popup-subscribe .modal-content {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border: none
}

.popup-subscribe .modal-content:before {
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    background-repeat: repeat-x;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

.popup-subscribe .modal-header {
    padding: 0;
    border-bottom: none
}

.popup-subscribe .modal-dialog {
    max-width: -webkit-calc(100% - 20px);
    max-width: calc(100% - 20px);
    width: 570px
}

.popup-subscribe .modal-body {
    padding: 60px 100px
}

.popup-subscribe .close {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    float: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--light-grey);
    text-shadow: none;
    opacity: 1;
    margin: 0 auto;
    outline: 0
}

.popup-subscribe .close:hover {
    color: var(--primary-accent-color)
}

.no-webp .popup-subscribe .modal-content:before {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/subscribe-gradient-bg.png)
}

.webp .popup-subscribe .modal-content:before {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/subscribe-gradient-bg.webp)
}

@media (max-width:768px) {
    .popup-subscribe .modal-body {
        padding: 20px 40px
    }

    .tabs--subscribe .nav-tabs {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.crumina-stat-item {
    border: 1px solid #dfe6ec;
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: var(--white-color);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

.crumina-stat-item:after {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background-color: var(--lime-themes);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.crumina-stat-item:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1), inset 4px 0 0 0 rgba(138, 213, 36, .004);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1), inset 4px 0 0 0 rgba(138, 213, 36, .004)
}

.crumina-stat-item:hover:after {
    opacity: 1
}

.statistic-title-count-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.statistic-title-count-wrap .count,
.statistic-title-count-wrap .title {
    font-size: 16px
}

@media (max-width:768px) {
    .crumina-stat-item {
        padding: 0
    }

    .statistic-title-count-wrap {
        padding: 15px 15px 0 15px
    }

    .statistic-title-count-wrap .count,
    .statistic-title-count-wrap .title {
        font-size: 12px
    }
}

.location-servers--style-bordered {
    padding: 60px;
    border: 1px solid #dfe6ec;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.location-servers-map {
    position: relative
}

.location-server-item {
    position: absolute;
    width: 28px;
    height: 28px;
    border: 4px solid var(--white-color);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.location-server-item:hover {
    border-width: 3px
}

.location-server-item-border-dark {
    border: 4px solid #2b2e30
}

.locations-servers-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.locations-server-item {
    font-weight: 500;
    color: #80868d;
    margin: 15px 30px
}

.locations-server-item .count {
    font-weight: 700;
    color: var(--white-color)
}

@media (max-width:768px) {
    .location-server-item {
        width: 18px;
        height: 18px;
        border-width: 2px
    }

    .location-server-item:hover {
        border-width: 1px
    }

    .location-servers--style-bordered {
        padding: 20px
    }
}

@media (max-width:560px) {
    .location-server-item {
        width: 10px;
        height: 10px
    }
}

.widget_links ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.widget_links ul li {
    margin-bottom: 15px
}

.widget_links ul li:last-child {
    margin-bottom: 0
}

.widget_links ul li .crumina-icon {
    width: 4px;
    height: 6px;
    fill: inherit;
    margin-left: 10px
}

.widget_links ul li a {
    position: relative
}

.widget_links ul li a:hover {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.widget_links ul li a:hover .crumina-icon {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px)
}

.widget_links.widget-sidebar {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color)
}

.widget_links.widget-sidebar ul li a {
    font-weight: 500
}

@media (max-width:768px) {
    .widget_links.widget-sidebar {
        padding: 20px
    }

    .widget_links ul li {
        margin-bottom: 5px
    }

    .widget_links.widget-sidebar .widget-title {
        margin-bottom: 20px
    }

    .row-masonry--col-2 {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.w-info .site-logo {
    margin-bottom: 30px;
    display: block
}

.w-info p {
    margin-bottom: 30px;
    font-weight: 500
}

.w-info.widget-sidebar {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color)
}

.widget-sidebar {
    margin-bottom: 30px
}

.widget-sidebar .widget-title {
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-grey-color)
}

@media (max-width:768px) {
    .w-info.widget-sidebar {
        padding: 20px
    }

    .w-info .site-logo {
        margin-bottom: 20px
    }

    .w-info p {
        margin-bottom: 20px
    }
}

.w-tags .widget-title {
    margin-bottom: 40px
}

.tags-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.tags-list li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.tags-list li:last-child {
    margin-right: 0
}

.tags-list a {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    line-height: 1;
    padding: 9px 23px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background-color: #f1f6fb
}

.tags-list a:hover {
    background-color: var(--primary-accent-color);
    color: var(--white-color)
}

.w-search.widget-sidebar {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color)
}

.w-latest-posts.widget-sidebar {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color)
}

.latest-posts-item {
    margin-bottom: 30px
}

.latest-posts-item .post-date {
    font-size: 14px;
    margin-bottom: 15px
}

.w-socials {
    text-align: center
}

.w-socials .socials {
    margin: 0
}

.w-socials.widget-sidebar {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color)
}

.w-newsletter {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: var(--yellow-themes)
}

.w-newsletter.widget-sidebar .widget-title {
    border-bottom: 1px solid var(--dark-themes)
}

.w-about.widget-sidebar {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color)
}

.w-popular-tags.widget-sidebar {
    padding: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color)
}

.site-header {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 25px 0
}

.site-header:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-repeat: repeat-x;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0
}

.site-header.header--fixed {
    background-color: rgba(39, 42, 44, .95);
    padding: 0
}

.no-webp .site-header:before {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/header-footer-gradient-bg.png)
}

.webp .site-header:before {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/header-footer-gradient-bg.webp)
}

.header--sticky {
    position: fixed;
    min-width: 100%;
    left: 0;
    top: 0;
    z-index: 1001
}

.navigation-search {
    cursor: pointer;
    position: relative
}

.navigation-search:hover .crumina-icon {
    fill: var(--primary-accent-color)
}

.navigation-search .crumina-icon {
    fill: var(--white-color);
    width: 25px;
    height: 25px;
    z-index: 1
}

.navigation-user-menu {
    cursor: pointer;
    position: relative
}

.navigation-user-menu:hover .crumina-icon {
    fill: var(--primary-accent-color)
}

.navigation-user-menu .crumina-icon {
    fill: var(--white-color);
    width: 28px;
    height: 15px;
    z-index: 1
}

.link-modal-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99
}

.navigation-additional-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.navigation-additional-menu>* {
    margin-right: 30px
}

.navigation-additional-menu>:last-child {
    margin-right: 0
}

.navigation-hosting-item {
    padding: 40px;
    border-bottom: 6px solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    height: 100%
}

.navigation-hosting-item:hover {
    color: var(--primary-accent-color);
    background-color: var(--grey-themes)
}

.navigation-hosting-item.border-primary-themes {
    border-color: var(--primary-accent-color)
}

.navigation-hosting-item.border-red-themes {
    border-color: var(--red-themes)
}

.navigation-hosting-item.border-orange-themes {
    border-color: var(--orange-themes)
}

.navigation-hosting-item.border-yellow-themes {
    border-color: var(--yellow-themes)
}

.navigation-hosting-item.border-blue-themes {
    border-color: var(--blue-themes)
}

.navigation-hosting-item-img {
    margin-bottom: 15px
}

.navigation-list-subheading {
    display: block;
    font-size: 14px;
    color: var(--light-grey);
    font-weight: 500;
    text-transform: none;
    margin-top: 10px
}

.site-header--status {
    padding: 44px 0 84px;
    -webkit-background-size: cover;
    background-size: cover
}

.site-header--status:before {
    display: none
}

.site-header--status>.container {
    display: block;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.no-webp .site-header--status {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/main-section-bg2.png)
}

.webp .site-header--status {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/main-section-bg2.webp)
}

@media (max-width:991px) {
    .navigation-hosting-item {
        padding: 20px;
        font-size: 12px;
        border-bottom-width: 3px
    }

    .navigation-hosting-item-img {
        max-width: 70px
    }

    .navigation-hosting-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        color: var(--white-color)
    }

    .navigation-hosting-item-img {
        margin-bottom: 0;
        margin-right: 15px;
        padding: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: var(--white-color)
    }

    .site-header {
        padding: 0
    }

    .site-header--status {
        padding: 24px 0 64px
    }
}

.footer {
    position: relative;
    color: var(--footer-text-color)
}

.footer.footer--dark {
    background-color: #1b1c1d
}

.footer a:not(.back-to-top):not(.crumina-button) {
    color: var(--footer-link-color);
    fill: var(--footer-link-color)
}

.footer a:not(.back-to-top):not(.crumina-button):hover {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.footer .widget-title {
    color: var(--white-color);
    margin-bottom: 20px
}

.footer.footer--with-decoration:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-repeat: repeat-x;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0
}

.footer.js-fixed-footer {
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 1;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    transition-timing-function: cubic-bezier(0, 0, 0, 1)
}

@media (max-width:768px) {
    .footer.js-fixed-footer {
        position: relative
    }
}

.no-webp .footer.footer--with-decoration:before {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/header-footer-gradient-bg.png)
}

.webp .footer.footer--with-decoration:before {
    background-image: url(https://behboudrayan.com/img/theme-content/backgrounds/header-footer-gradient-bg.webp)
}

.footer-content {
    padding: 120px 0 60px
}

.sub-footer {
    padding: 40px 0
}

.sub-footer a:hover {
    color: var(--primary-accent-color)
}

.copyright {
    font-size: 14px;
    font-weight: 500
}

.footer-subscribe-panel {
    padding: 60px;
    border-top: 1px solid #323334
}

.footer-subscribe-panel-title {
    margin-bottom: 0
}

.block-footer-height {
    position: relative;
    width: 100%
}

@media (max-width:768px) {
    .block-footer-height {
        display: none
    }
}

@media (max-width:768px) {
    .footer {
        text-align: center
    }

    .footer-subscribe-panel {
        padding: 30px
    }

    .footer-content {
        padding: 40px 0
    }

    .sub-footer {
        padding: 20px 0
    }

    .footer .widget-title {
        margin-bottom: 20px
    }
}

.free-ssl-section {
    position: relative;
    padding: 80px 0;
    text-align: center;
    margin-top: 65px
}

.free-ssl-section .free-ssl-image {
    position: absolute;
    left: 50%;
    top: -65px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 130px
}

@media (max-width:768px) {
    .free-ssl-section {
        padding: 80px 0 30px
    }
}

.statistic-item {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 60px;
    border: 2px solid var(--border-grey-color);
    text-align: center;
    height: 100%
}

.statistic-item-value {
    font-size: 60px;
    font-weight: 700
}

.statistic-item-descr {
    font-size: 14px;
    font-weight: 700
}

.location-list {
    padding-left: 0;
    list-style: none;
    margin-top: 20px
}

.location-list li {
    display: inline-block;
    margin-bottom: 2px
}

.location-list .location-list-item {
    padding: 4px 9px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: var(--dark-themes);
    display: inline-block;
    background-color: var(--yellow-themes)
}

.status-page-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--white-color);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 22px 30px;
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px
}

.status-page-title .title {
    font-size: 18px;
    font-weight: 700
}

.status-page-title .update-status {
    font-size: 18px;
    font-weight: 500
}

.status-page-description {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
    margin-bottom: 30px
}

.status-page-description-list {
    padding: 30px 30px 0
}

.status-page-description-list .description-list-item:last-child {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-grey-color)
}

.status-page-description-list:last-child .description-list-item:last-child {
    border-bottom: none
}

.description-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px
}

.description-list-item p {
    margin-bottom: 0
}

.description-list-item:last-child {
    margin-bottom: 0
}

.description-list-item>:first-child {
    text-align: right;
    width: 15%;
    margin-right: 30px
}

.description-list-item>:last-child {
    width: 85%
}

.description-list-item .post-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2px
}

.status-page-footer-links {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.status-page-footer-links li {
    margin-right: 30px;
    display: inline-block
}

.status-page-footer-links li:last-child {
    margin-right: 0
}

.status-page-footer-links a {
    color: var(--white-color) !important
}

.status-page-footer-links a:hover {
    color: var(--primary-accent-color) !important
}

.status-page-footer-links a.active-item {
    font-weight: 700
}

@media (max-width:1024px) {
    .statistic-item {
        padding: 20px
    }

    .statistic-item-value {
        font-size: 40px
    }
}

@media (max-width:991px) {
    .status-page-footer-links {
        text-align: center
    }
}

@media (max-width:768px) {

    .status-page-title .title,
    .status-page-title .update-status {
        font-size: 14px
    }

    .status-page-description-list {
        padding: 15px 15px 0
    }

    .description-list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }

    .description-list-item>:first-child {
        margin-bottom: 5px;
        width: auto;
        margin-right: 0
    }

    .status-page-footer-links li {
        margin-right: 15px
    }

    .status-page-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .status-page-title .title+.update-status {
        margin-top: 10px
    }
}

.main-content-wrapper {
    position: relative;
    z-index: 2;
    background-color: var(--white-color);
    -webkit-margin-bottom-collapse: separate
}

.text-decoration-underline {
    text-decoration: underline
}

.crumina-icon {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.icon-demonstration {
    text-align: center;
    margin-bottom: 30px;
    padding: 20px;
    background-color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.icon-demonstration .crumina-icon {
    height: 32px;
    width: 32px;
    fill: var(--primary-accent-color);
    margin-bottom: 15px
}

.icon-demonstration pre {
    font-size: 12px;
    color: var(--red-themes);
    margin-bottom: 0
}

.icon-demonstration code {
    white-space: initial;
    line-height: 2
}

.info-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: var(--white-color);
    background-color: var(--border-grey-color);
    font-size: 10px;
    margin-left: 10px;
    text-align: center;
    cursor: pointer
}

.info-icon--yellow:hover {
    background-color: var(--yellow-themes)
}

.info-icon--blue:hover {
    background-color: var(--blue-themes)
}

.info-icon--lime:hover {
    background-color: var(--lime-themes)
}

.info-icon--bg-green {
    background-color: var(--green-themes)
}

.label-category {
    padding: 4px 9px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: var(--white-color);
    display: inline-block
}

.label--yellow {
    background-color: var(--yellow-themes)
}

.label--green {
    background-color: var(--lime-themes)
}

.label--red {
    background-color: var(--red-themes)
}

.overlay,
.overlay-standard {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.overlay-stunning {
    background: rgba(18, 18, 20, .6)
}

.full-block-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.full-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.w-45 {
    width: 45%
}

.gutter-sizer {
    width: 40px
}

.grid-sizer {
    width: 33.3333%
}

.grid-sizer-half-width {
    width: 50%
}

.grid-sizer-full-width {
    width: 100%
}

.no-padding {
    padding: 0
}

.no-margin {
    margin: 0
}

.medium-padding40 {
    padding: 40px 0
}

.c-placeholder {
    color: var(--placeholder-color)
}

.c-light-grey {
    color: var(--light-grey)
}

.bg-grey {
    background-color: var(--grey-themes)
}

.bg-dark-themes {
    background-color: var(--dark-themes)
}

.bg-green-themes {
    background-color: var(--green-themes)
}

.border--dark-themes {
    border-color: var(--dark-themes)
}

.bg-black {
    background-color: #161718
}

.c-red {
    color: var(--red-themes)
}

.c-grey {
    color: var(--grey-themes)
}

.fw-medium {
    font-weight: 500
}

.fs-12 {
    font-size: 12px
}

.fs-14 {
    font-size: 14px
}

.fs-16 {
    font-size: 16px
}

.fs-18 {
    font-size: 18px
}

.fs-20 {
    font-size: 20px
}

.fs-24 {
    font-size: 24px
}

.fs-30 {
    font-size: 30px
}

.bg-accent-primary {
    background-color: var(--primary-accent-color)
}

.bg-red-themes {
    background-color: var(--red-themes)
}

.bg-yellow-themes {
    background-color: var(--yellow-themes)
}

.bg-orange-themes {
    background-color: var(--orange-themes)
}

.bg-blue-themes {
    background-color: var(--blue-themes)
}

.bg-lime-themes {
    background-color: var(--lime-themes)
}

.height-430 {
    height: 430px
}

.mt-negative35 {
    margin-top: 20px
}

.large-section-padding {
    padding: 120px 0
}

@media (max-width:768px) {
    .large-section-padding {
        padding: 40px 0
    }
}

.medium-section-padding {
    padding: 60px 0
}

@media (max-width:768px) {
    .medium-section-padding {
        padding: 20px 0
    }
}

.small-section-padding {
    padding: 40px 0
}

@media (max-width:768px) {
    .small-section-padding {
        padding: 15px 0
    }
}

.pb100 {
    padding-bottom: 100px
}

@media (max-width:768px) {
    .pb100 {
        padding-bottom: 35px
    }
}

.p120 {
    padding: 120px
}

@media (max-width:768px) {
    .p120 {
        padding: 60px
    }
}

.pb200 {
    padding-bottom: 200px
}

@media (max-width:768px) {
    .pb200 {
        padding-bottom: 150px
    }
}

@media (max-width:560px) {
    .pb200 {
        padding-bottom: 80px
    }
}

.pb60 {
    padding-bottom: 60px
}

@media (max-width:768px) {
    .pb60 {
        padding-bottom: 30px
    }
}

.pt200 {
    padding-top: 200px
}

@media (max-width:768px) {
    .pt200 {
        padding-top: 150px
    }
}

@media (max-width:560px) {
    .pt200 {
        padding-top: 80px
    }
}

.pt80 {
    padding-top: 80px
}

@media (max-width:768px) {
    .pt80 {
        padding-top: 35px
    }
}

.pt180 {
    padding-top: 180px
}

.pt100 {
    padding-top: 100px
}

@media (max-width:768px) {
    .pt100 {
        padding-top: 35px
    }
}

.pt400 {
    padding-top: 400px
}

@media (max-width:1024px) {
    .pt400 {
        padding-top: 200px
    }
}

@media (max-width:768px) {
    .pt400 {
        padding-top: 100px
    }
}

.pb360 {
    padding-bottom: 360px
}

.pb120 {
    padding-bottom: 120px
}

@media (max-width:768px) {
    .pb120 {
        padding-bottom: 35px
    }
}

.pt120 {
    padding-top: 120px
}

@media (max-width:768px) {
    .pt120 {
        padding-top: 35px
    }
}

.pb80 {
    padding-bottom: 80px
}

@media (max-width:768px) {
    .pb80 {
        padding-bottom: 35px
    }
}

.pb30 {
    padding-bottom: 30px
}

.mt60 {
    margin-top: 60px
}

@media (max-width:768px) {
    .mt60 {
        margin-top: 35px
    }
}

.mb30 {
    margin-bottom: 30px
}

.mt30 {
    margin-top: 30px
}

.mb40 {
    margin-bottom: 40px
}

@media (max-width:768px) {
    .mb40 {
        margin-bottom: 15px
    }
}

.mb20 {
    margin-bottom: 20px
}

.mb60 {
    margin-bottom: 60px
}

@media (max-width:768px) {
    .mb60 {
        margin-bottom: 35px
    }
}

.c-primary {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color)
}

.c-yellow {
    color: var(--yellow-themes);
    fill: var(--yellow-themes)
}

.c-blue {
    color: var(--blue-themes);
    fill: var(--blue-themes)
}

.c-blue-dark {
    color: #0072bc;
    fill: #0072bc
}

.c-grey-dark {
    color: #3e4247;
    fill: #3e4247
}

.c-grey-light {
    color: var(--light-grey);
    fill: var(--light-grey)
}

.c-lime {
    color: var(--lime-themes);
    fill: var(--lime-themes)
}

.c-orange {
    color: var(--orange-themes);
    fill: var(--orange-themes)
}

.c-dark {
    color: var(--dark-themes);
    fill: var(--dark-themes)
}

.font-color-custom * {
    color: inherit
}

.custom-color * {
    color: inherit
}

.weight-bold {
    font-weight: 700
}

.weight-normal {
    font-weight: 400
}

.border-primary-themes {
    border-color: var(--primary-accent-color)
}

.border-red-themes {
    border-color: var(--red-themes)
}

.border-orange-themes {
    border-color: var(--orange-themes)
}

.border-yellow-themes {
    border-color: var(--yellow-themes)
}

.border-blue-themes {
    border-color: var(--blue-themes)
}

.border-lime-themes {
    border-color: var(--lime-themes) !important
}

.crumina-promo-block {
    padding: 120px
}

.bg-rss {
    background-color: #f4b459
}

.bg-mail {
    background-color: #996dd1
}

.bg-pinterest {
    background-color: #cc2127
}

.bg-googleplus {
    background-color: #dd4b39
}

.bg-google {
    background-color: #dd4b39
}

.bg-facebook {
    background-color: #2f5b9d
}

.bg-twitter {
    background-color: #38bff1
}

.bg-amazon {
    background-color: #f69b06
}

.bg-behance {
    background-color: #2d2d2d
}

.bg-bing {
    background-color: #ffa616
}

.bg-creative-market {
    background-color: #8da741
}

.bg-deviantart {
    background-color: #1b1b1b
}

.bg-dribble {
    background-color: #f74881
}

.bg-dropbox {
    background-color: #0ba4e0
}

.bg-envato {
    background-color: #6d9c3e
}

.bg-flickr {
    background-color: #26a9e1
}

.bg-instagram {
    background-color: #e75351
}

.bg-kickstarter {
    background-color: #14e06e
}

.bg-linkedin {
    background-color: #4a8f9e
}

.bg-medium {
    background-color: #00e56b
}

.bg-periscope {
    background-color: #3fa4c4
}

.bg-quora {
    background-color: #f85f62
}

.bg-reddit {
    background-color: #f05825
}

.bg-shutterstock {
    background-color: #008ec0
}

.bg-skype {
    background-color: #00aaf1
}

.bg-snapchat {
    background-color: #ffed45
}

.bg-soundcloud {
    background-color: #f30
}

.bg-spotify {
    background-color: #1ed760
}

.bg-trello {
    background-color: #0079bf
}

.bg-tumblr {
    background-color: #36465d
}

.bg-vimeo {
    background-color: #1ab7ea
}

.bg-vk {
    background-color: #6383a8
}

.bg-whatsapp {
    background-color: #25d366
}

.bg-wikipedia {
    background-color: #000
}

.bg-wordpress {
    background-color: #21759b
}

.bg-youtube {
    background-color: #cd201f
}

.bg-messanger {
    background-color: #3b84f6
}

.bg-telegram {
    background-color: #3d87c4
}

.bg-email {
    background-color: #fd4e26
}

.c-rss {
    color: #f4b459;
    fill: #f4b459
}

.c-mail {
    color: #996dd1;
    fill: #996dd1
}

.c-pinterest {
    color: #cc2127;
    fill: #cc2127
}

.c-googleplus {
    color: #dd4b39;
    fill: #dd4b39
}

.c-google {
    color: #dd4b39;
    fill: #dd4b39
}

.c-facebook {
    color: #2f5b9d;
    fill: #2f5b9d
}

.c-twitter {
    color: #38bff1;
    fill: #38bff1
}

.c-amazon {
    color: #f69b06;
    fill: #f69b06
}

.c-behance {
    color: #2d2d2d;
    fill: #2d2d2d
}

.c-bing {
    color: #ffa616;
    fill: #ffa616
}

.c-creative-market {
    color: #8da741;
    fill: #8da741
}

.c-deviantart {
    color: #1b1b1b;
    fill: #1b1b1b
}

.c-dribble {
    color: #f74881;
    fill: #f74881
}

.c-dropbox {
    color: #0ba4e0;
    fill: #0ba4e0
}

.c-envato {
    color: #6d9c3e;
    fill: #6d9c3e
}

.c-flickr {
    color: #26a9e1;
    fill: #26a9e1
}

.c-instagram {
    color: #e75351;
    fill: #e75351
}

.c-kickstarter {
    color: #14e06e;
    fill: #14e06e
}

.c-linkedin {
    color: #4a8f9e;
    fill: #4a8f9e
}

.c-medium {
    color: #00e56b;
    fill: #00e56b
}

.c-periscope {
    color: #3fa4c4;
    fill: #3fa4c4
}

.c-quora {
    color: #f85f62;
    fill: #f85f62
}

.c-reddit {
    color: #f05825;
    fill: #f05825
}

.c-shutterstock {
    color: #008ec0;
    fill: #008ec0
}

.c-skype {
    color: #00aaf1;
    fill: #00aaf1
}

.c-snapchat {
    color: #ffed45;
    fill: #ffed45
}

.c-soundcloud {
    color: #f30;
    fill: #f30
}

.c-spotify {
    color: #1ed760;
    fill: #1ed760
}

.c-trello {
    color: #0079bf;
    fill: #0079bf
}

.c-tumblr {
    color: #36465d;
    fill: #36465d
}

.c-vimeo {
    color: #1ab7ea;
    fill: #1ab7ea
}

.c-vk {
    color: #6383a8;
    fill: #6383a8
}

.c-whatsapp {
    color: #25d366;
    fill: #25d366
}

.c-wikipedia {
    color: #000;
    fill: #000
}

.c-wordpress {
    color: #21759b;
    fill: #21759b
}

.c-youtube {
    color: #cd201f;
    fill: #cd201f
}

.c-messanger {
    color: #3b84f6;
    fill: #3b84f6
}

.c-telegram {
    color: #3d87c4;
    fill: #3d87c4
}

.c-email {
    color: #fd4e26;
    fill: #fd4e26
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.align-center,
.aligncenter {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

img.aligncenter {
    display: block;
    margin: 20px auto
}

.alignnone {
    margin: 5px 20px 20px 0
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 40px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dfe6ec
}

.wp-caption img {
    margin: 0 auto 20px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    display: block
}

.wp-caption .wp-caption-text {
    margin-bottom: 0;
    padding: 0 40px 20px
}

.wp-caption-text {
    font-size: 14px;
    color: var(--light-grey);
    font-weight: 500;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.no-webp .main-section-bg {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/main-section-bg.png)
}

.webp .main-section-bg {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/main-section-bg.webp)
}

section {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.no-webp .stunning-header-bg1 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg1.png)
}

.webp .stunning-header-bg1 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg1.webp)
}

.no-webp .stunning-header-bg2 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg2.png)
}

.webp .stunning-header-bg2 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg2.webp)
}

.no-webp .stunning-header-bg3 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg3.png)
}

.webp .stunning-header-bg3 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg3.webp)
}

.no-webp .stunning-header-bg4 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg4.png)
}

.webp .stunning-header-bg4 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg4.webp)
}

.no-webp .stunning-header-bg5 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg5.png)
}

.webp .stunning-header-bg5 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg5.webp)
}

.no-webp .stunning-header-bg6 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg6.png)
}

.webp .stunning-header-bg6 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg6.webp)
}

.no-webp .stunning-header-bg7 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg7.png)
}

.webp .stunning-header-bg7 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg7.webp)
}

.no-webp .stunning-header-bg8 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg8.png)
}

.webp .stunning-header-bg8 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg8.webp)
}

.no-webp .stunning-header-bg9 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg9.png)
}

.webp .stunning-header-bg9 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg9.webp)
}

.no-webp .stunning-header-bg10 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg10.png)
}

.webp .stunning-header-bg10 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg10.webp)
}

.no-webp .stunning-header-bg11 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg11.png)
}

.webp .stunning-header-bg11 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg11.webp)
}

.no-webp .stunning-header-bg12 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg12.png)
}

.webp .stunning-header-bg12 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg12.webp)
}

.no-webp .stunning-header-bg13 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg13.png)
}

.webp .stunning-header-bg13 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/stunning-header-bg13.webp)
}

.no-webp .section-bg1 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg1.png)
}

.webp .section-bg1 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg1.webp)
}

.no-webp .section-bg2 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg2.png)
}

.webp .section-bg2 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg2.webp)
}

.no-webp .section-bg3 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg3.png)
}

.webp .section-bg3 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg3.webp)
}

.no-webp .section-bg4 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg4.png)
}

.webp .section-bg4 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg4.webp)
}

.no-webp .section-bg5 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg5.png)
}

.webp .section-bg5 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg5.webp)
}

.no-webp .section-bg6 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg6.png)
}

.webp .section-bg6 {
    background-image: url(https://behboudrayan.com/img/demo-content/backgrounds/section-bg6.webp)
}

@media (max-width:1200px) {
    .crumina-promo-block {
        padding: 60px
    }
}

@media (max-width:768px) {
    .crumina-promo-block {
        padding: 30px
    }

    .fs-12 {
        font-size: 10px
    }

    .fs-14 {
        font-size: 12px
    }

    .fs-16 {
        font-size: 14px
    }

    .fs-18 {
        font-size: 16px
    }

    .fs-20 {
        font-size: 16px
    }

    .fs-24 {
        font-size: 18px
    }

    .fs-30 {
        font-size: 20px
    }

    .medium-padding40 {
        padding: 15px 0
    }
}