.diafan_errors {
    border: 1px solid #c05f5f;
    padding: 7px 7px 7px 30px;
    color: #c05f5f;
    margin: 0 8% 10px;
    width: 80%
}

.diafan_errors td.calls {
    cursor: pointer
}

.diafan_errors td.calls div {
    padding: 10px 15px;
    display: none
}

.diafan_errors td.file {
    vertical-align: top;
    white-space: nowrap
}

.diafan_errors table {
    width: 100%
}

.diafan_errors table tr:hover {
    background-color: #f0e6e6
}

.diafan_div_error_overlay {
    position: absolute;
    z-index: 8;
    background: #ccc;
    opacity: .8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.diafan_div_error {
    position: absolute;
    width: 70%;
    z-index: 9;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .17);
    padding: 5px 5px 5px 8px;
    top: 0;
    left: 0
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

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

.ui-widget {
    font-family: Trebuchet MS, Verdana, sans-serif;
    font-size: 13px
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Verdana, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 0 solid #aaa;
    color: #222
}

#ui-timepicker-div-filed_created .ui-widget-content {
    border: 1px solid #aaa
}

.ui_tpicker_hour div,
.ui_tpicker_minute div {
    border: 1px solid #aaa
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border-bottom: 1px solid #a7a7a7;
    background: #fff url(../../css/custom-theme/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #424242;
    font-weight: 700
}

.ui-widget-header a {
    color: #424242
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d5d5d5 !important;
    background: #ececec url(../../css/custom-theme/images/ui-bg_inset-hard_75_ececec_1x100.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #24288d
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #24288d;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #d5d5d5;
    background: #ececec url(../../css/custom-theme/images/ui-bg_inset-hard_75_ececec_1x100.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #24288d
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #24288d;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #a7a7a7;
    background: #dedede url(../../css/custom-theme/images/ui-bg_inset-hard_65_dedede_1x100.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #424242
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #424242;
    text-decoration: none
}

.ui-widget :active {
    outline: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #5da333;
    background: #edf4e8 url(../../css/custom-theme/images/ui-bg_flat_55_edf4e8_40x100.png) 50% 50% repeat-x;
    color: #5da333
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #5da333
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #c05f5f;
    background: #f7eded url(../../css/custom-theme/images/ui-bg_flat_95_f7eded_40x100.png) 50% 50% repeat-x;
    color: #c05f5f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #c05f5f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #c05f5f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../../css/custom-theme/images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(../../css/custom-theme/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(../../css/custom-theme/images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(../../css/custom-theme/images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../../css/custom-theme/images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(../../css/custom-theme/images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(../../css/custom-theme/images/ui-icons_5da333_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../../css/custom-theme/images/ui-icons_c05f5f_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-widget-overlay {
    background: #aaa url(../../css/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(../../css/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1
}

.ui-tabs .ui-tabs-nav {
    margin: 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 5px 5px 5px;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    border: 1px solid #aaa;
    background: #fff url(../../css/custom-theme/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    z-index: 3 !important
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border: 1px solid #aaa
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px
}

.ui-timepicker-div dl {
    text-align: left
}

.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px
}

.ui-timepicker-div td {
    font-size: 90%
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background: #fff
}

body .ui-tooltip {
    border-width: 2px
}

.show_all {
    padding: 20px 0
}

.previous_next_links {
    padding-top: 40px;
    height: 40px
}

.previous_link {
    width: 40%;
    float: left
}

.next_link {
    width: 40%;
    float: right;
    text-align: right
}

.errors {
    color: red;
    margin: 5px 0 10px;
    font-size: .9em
}

.error_message,
.error {
    position: absolute;
    padding: 5px 18px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background-color: #fff;
    opacity: .95;
    z-index: 10
}

.captcha ul {
    list-style-type: none
}

.captcha_enter {
    font-weight: 700
}

.infoform {
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.required_field {
    font-size: .9em;
    margin-top: 10px
}

.inpattachment {
    padding-bottom: 5px
}

.attachment {
    padding-bottom: 5px
}

.paginator {
    text-align: center;
    margin: 20px
}

.paginator a:link,
.paginator a:visited,
.paginator span {
    margin: 0 5px
}

.shop_search .infofield {
    display: block
}

.bbcode_toolbar {
    margin-bottom: 0
}

.bbcode_toolbar img {
    cursor: pointer
}

.shop_list {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #EEE
}

.shop {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #EEE;
    width: 95%
}

.childshop {
    margin: 10px 0 0 40px
}

.shop td {
    padding: 0 !important
}

.shop_list .block_header {
    background-color: #DFDFDF;
    padding: 10px;
    margin-bottom: 10px
}

.shop_cat_link {
    padding: 10px;
    font-size: 130%;
    font-weight: 700;
    background-color: #EFEFEF;
    margin-bottom: 12px
}

.shop_sort {
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 90%;
    font-weight: 700
}

.shop_name a:link,
.shop_name a:visited {
    font-weight: 700
}

.shop_name a:hover {
    text-decoration: none
}

.shop_param,
.shop_id .shop_rel .shop_param {
    font-size: 11px;
    font-style: italic
}

.shop_param a:link,
.shop_param a:visited {
    color: #142A35
}

.shop_param_price {
    display: none
}

.shop_param_price:first-of-type {
    display: block
}

.shop_new,
.shop_action,
.shop_hit {
    font-weight: 700;
    font-size: 12px;
    color: #FFF;
    padding: 2px
}

.shop_new {
    background: #080;
    width: 53px
}

.shop_action {
    background: red;
    width: 39px
}

.shop_hit {
    background: #00F;
    width: 24px
}

.shop_price_value,
.shop_price_currency {
    color: #BF4600;
    font-weight: 700;
    font-size: 15px
}

.shop_old_price {
    color: #89949A;
    font-weight: 400;
    font-size: 13px;
    font-style: italic
}

.shop_old_price .shop_price_value,
.shop_old_price .shop_price_currency {
    color: #89949A;
    font-weight: 400;
    font-size: 13px;
    font-style: italic
}

.shop_id .shop_param {
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    margin-top: 3px;
    margin-left: 5px;
    background-color: #EEE;
    padding: 3px
}

.shop_id .shop_param_title {
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    margin-top: 6px;
    margin-bottom: 3px;
    background: #DFDFDF;
    padding: 5px
}

.shop_id .shop_param_value {
    font-weight: 400
}

.shop_left {
    float: left;
    padding: 0 20px 0 0
}

.shop_right {
    float: left;
    padding: 18px 0 0
}

.shop_id .shop_right {
    padding: 0
}

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

.shop_compare_description {
    margin: 0;
    padding: 1px 0
}

.shop_compare_left {
    float: left;
    width: 19%
}

.shop_compare_list {
    float: left;
    width: 70%;
    padding: 0 5%;
    overflow: hidden
}

.shop_compare_page {
    overflow: hidden
}

.shop_compare_list .shop {
    width: 30%;
    margin: 0 10px 3% 0;
    float: left
}

.shop_compare_list .shop_basic {
    overflow: hidden;
    margin: 0 0 5px
}

.shop_compare_list .shop_param {
    padding: 4px;
    background: #EEE;
    border-top: #CACACA solid 1px;
    border-bottom: #CACACA solid 1px;
    margin: 1px 0;
    font-size: 13px
}

.shop_param_existed {
    padding: 4px;
    background: #EEE;
    border-top: #CACACA solid 1px;
    border-bottom: #CACACA solid 1px;
    margin: 1px 0;
    font-size: 13px
}

.shop_compare_list .shop_param_difference,
.shop_compare_left .shop_param_difference {
    background: #F4C1C1;
    border-top: #C69393 solid 1px;
    border-bottom: #C69393 solid 1px
}

.shop_category_block_2 {
    padding-left: 20px
}

.shop_category_block_3 {
    padding-left: 40px
}

.shop_category_block_4 {
    padding-left: 60px
}

.ab_date {
    font-size: 11px;
    font-style: italic
}

.ab_param {
    margin-right: 5px
}

.ab_param_value,
.ab_name {
    font-weight: 700
}

.ab_id .ab_param {
    float: none
}

.ab_actions {
    width: 100px
}

.ab_actions a {
    display: none
}

.ab_all_img {
    min-width: 160px
}

.rating {
    display: inline-block;
    padding: 10px 0;
    border-bottom: 1px solid #EEE;
    margin: 0 0 10px
}

.rating_votes {
    white-space: nowrap
}

.comments_name {
    font-weight: 700
}

.comments_date {
    font-size: 11px;
    font-style: italic
}

.comment {
    padding: 10px 0
}

.comment .comments_form {
    padding: 15px 0 15px 30px
}

a.comments_show_form:link,
a.comments_show_form:visited {
    text-decoration: none;
    border-bottom: 1px dashed !important
}

.comments_level {
    background: url(../../modules/forum/img/arrow.gif) no-repeat scroll 10px 8px transparent;
    padding-left: 30px
}

.comments_form div {
    margin-bottom: 10px
}

.comments_form textarea {
    width: 580px;
    height: 180px
}

.comments_param_title {
    font-weight: 700
}

.reviews_name {
    font-weight: 700
}

.reviews_date {
    font-size: 11px;
    font-style: italic
}

.reviews_form textarea {
    width: 580px;
    height: 180px
}

.reviews_param_title {
    font-weight: 700
}

.cart {
    width: 100%
}

.cart_not_registrations {
    padding: 30px 0
}

.cart_autorization {
    padding: 30px 0
}

.cart_registration {
    padding: 30px 0
}

.cart_payment_text,
.cart_additional_cost_text,
.cart_delivery_text {
    margin-left: 20px;
    font-size: 11px;
    font-style: italic
}

.cart_right {
    width: 200px;
    margin: 7px 0 35px;
    position: relative;
    padding: 10px
}

.cart_right_top {
    width: 220px;
    height: 7px;
    position: absolute;
    top: -7px;
    left: 0
}

.cart_right_bottom {
    width: 220px;
    height: 7px;
    position: absolute;
    bottom: -7px;
    left: 0
}

.cart_last_tr {
    font-weight: 700
}

td.cart_summ,
td.cart_count {
    font-weight: 700
}

.cart td {
    vertical-align: middle;
    padding: 3px
}

.cart_recalc,
.wishlist_recalc {
    float: right;
    margin-right: 60px
}

.cart_count_minus,
.cart_count_plus,
.wishlist_count_minus,
.wishlist_count_plus {
    color: #665950;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 0 5px
}

.cart_remove span,
.wishlist_remove span {
    display: block;
    background: url(../../img/remove.png) no-repeat center center;
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 0 auto
}

.cart_remove span.useradmin_contener,
.wishlist_remove span.useradmin_contener {
    background: none;
    display: inline
}

.cart_check {
    text-align: center
}

.cart_summ,
.cart_price {
    text-align: right
}

.cart_form input[type=text],
.cart_form input[type=email],
.cart_form input[type=tel],
.cart_form textarea {
    margin-top: 10px;
    width: 400px
}

.cart_form select {
    margin-top: 10px
}

.cart_payments {
    overflow: hidden
}

.cart_payment {
    margin-top: 10px
}

.cart_form .button_wrap {
    margin: 20px 0 0 220px
}

.cart_summ_old_total {
    text-decoration: line-through
}

.cart_img img {
    width: 100%;
    height: auto
}

@media (max-width:800px) {

    .cart_img,
    .cart_price,
    .cart_old_price,
    .cart_discount,
    .cart_count_minus,
    .cart_count_plus {
        display: none
    }
}

.balance_form textarea {
    width: 580px;
    height: 180px
}

.balance_form p {
    margin-bottom: 0
}

.news_img {
    padding: 3px;
    float: left
}

.news_all_img {
    padding: 3px
}

.news_all_img img {
    margin: 0 5px 5px 0
}

.news_all_img img:after {
    clear: left
}

.news_day_current,
.news_year_current,
.news_month_current {
    background: #CCC
}

.news_day_today {
    border: 1px solid #999
}

.bs_block {
    padding: 20px 0;
    text-align: center
}

.clauses {
    width: 100%;
    border-bottom: 1px solid #EEE;
    padding: 0 0 11px;
    margin: 0 0 11px;
    min-height: 90px
}

.clauses_date {
    font-size: 11px;
    font-style: italic
}

.clauses_name a:link,
.clauses_name a:visited {
    font-weight: 700
}

.clauses_img {
    padding: 0 5px 5px 0;
    float: left
}

.faq_block p {
    margin: 0;
    padding: 0
}

.faq_list {
    padding-top: 15px
}

.faq {
    width: 100%;
    border-bottom: 1px solid #EEE;
    padding: 0 0 11px;
    margin: 0 0 11px
}

.faq_date {
    font-size: 11px;
    font-style: italic
}

.faq_question {
    padding: 5px 0
}

.faq_answer {
    padding-left: 15px
}

.faq_id .faq_answer {
    padding: 0 0 20px 15px
}

.faq_id .faq_question {
    font-weight: 700
}

.tags {
    margin: 10px 0 5px
}

.tags_block {
    padding: 10px;
    background: #E8E8E1;
    margin: 20px 0 25px
}

.files_block {
    padding: 10px;
    border: 1px solid #EEE;
    margin: 0 0 25px
}

.files {
    width: 100%;
    border-bottom: 1px solid #EEE;
    padding: 0 0 20px 0;
    margin: 30px 0 0;
    min-height: 90px
}

.files_date {
    font-size: 11px;
    font-style: italic
}

.files_name a:link,
.files_name a:visited {
    font-weight: 700
}

.files_anons {
    margin-top: 10px
}

.files_download {
    margin-top: 50px;
    margin-bottom: 20px
}

.files_download a {
    color: #FFF;
    font-weight: 700;
    font-size: 120%;
    text-align: center;
    padding: 7px;
    background: #F60
}

.file-row .files_img {
    padding: 3px;
    float: left
}

.files_all_img {
    padding: 3px
}

.files_all_img img {
    clear: left
}

.votes_block {
    margin: 0 0 25px
}

.votes_block h2 {
    padding: 0 10px
}

.votes_question {
    margin: 0 0 15px;
    padding: 0 10px
}

.votes_form_answer {
    padding: 0 10px
}

.votes_block .button_wrap {
    padding: 0 0 0 7px
}

.votes_block .button {
    padding: 0 7px 0 0
}

*+html .votes_block .button_wrap {
    padding: 0 0 0 5px
}

*+html .votes_block .button {
    padding: 0 5px 0 0;
    font-size: 12px
}

.votes_block .votes_wrap {
    padding: 0 0 0 7px;
    display: inline-block;
    margin: 0
}

.votes_block .votes_result {
    height: 36px;
    padding: 0 7px 0 0;
    border: 0;
    color: #142A35;
    margin: 0;
    font-weight: 700
}

*+html .votes_block .votes_wrap {
    padding: 0 0 0 3px
}

*+html .votes_block .votes_result {
    padding: 0 3px 0 0;
    font-size: 12px
}

.votes_block .votes_wrap,
.votes_block .button_wrap {
    margin: 10px 0 0 0
}

.votes_persent {
    font-weight: 700;
    display: inline;
    padding-left: 10px
}

.votes_line {
    background: #ff8702;
    height: 15px;
    margin-top: -15px
}

.votes_line_count {
    background: #f2f2f2;
    height: 15px;
    text-align: center;
    color: #999;
    line-height: 15px;
    font-size: 13px
}

.photo_first_page .photo_cat,
.photo_list .photo_item,
.photo_list .photo_cat {
    background: #fff;
    width: 30%;
    display: inline-block;
    padding: 13px 21px;
    margin: 0 10px 20px
}

@media (max-width:575.98px) {

    .photo_first_page .photo_cat,
    .photo_list .photo_item,
    .photo_list .photo_cat {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.photo_item .photo_image>img {
    width: 100%;
    height: auto
}

.photo_item .photo_image {
    display: block;
    margin-bottom: 16px
}

.photo_item .photo_name {
    margin-bottom: 16px
}

.photo_cat .photo_cat_images .photo_name {
    display: none
}

.photo_cat .photo_cat_link {
    margin: 20px 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    display: block
}

.photo_list .photo_images:before,
.photo_list .photo_images:after,
.photo_first_page:before,
.photo_first_page:after,
.photo_cats:before,
.photo_cats:after {
    display: table;
    content: " "
}

.photo_list .photo_images:after,
.photo_first_page:after,
.photo_cats:after {
    clear: both
}

table.forum_list {
    width: 100%
}

table.forum_list td {
    padding-bottom: 10px;
    padding-top: 20px;
    vertical-align: top
}

.forum_name {
    font-weight: 700
}

.forum_title {
    font-weight: 700
}

.forum_category .forum_name {
    font-weight: 400
}

.forum_category_name .forum_name {
    margin-left: 0
}

.forum_category_name a {
    margin-left: 10px
}

a.forum_blocked:link,
a.forum_blocked:visited,
.forum_blocked {
    color: gray
}

.forum_date {
    color: #999
}

.forum_author {
    font-style: italic
}

a.forum_message_show_form:link,
a.forum_message_show_form:visited {
    text-decoration: none;
    border-bottom: 1px dashed !important
}

.forum_actions {
    float: right;
    width: 130px;
    height: 20px;
    text-align: right
}

.forum_actions .fa {
    margin-right: 10px;
    font-size: 16px
}

.forum_actions .fa-times-circle {
    color: red
}

.forum_actions .fa-pencil {
    color: #964003
}

.forum_actions .fa-lock,
.forum_actions .fa-unlock {
    color: #555
}

.forum_actions span {
    display: none;
    padding: 0 5px
}

.forum_actions img {
    margin: 0 5px
}

.forum_search {
    text-align: right;
    padding: 10px 0 20px 0;
    white-space: nowrap
}

.forum_search .button1 {
    font-weight: 400;
    font-size: .9em;
    text-transform: lowercase;
    margin-top: 10px;
    padding: 3px 7px;
    border: 0
}

.forum_add {
    font-weight: 700;
    margin: 30px 0
}

.forum_add .fa {
    margin-right: 7px
}

.forum_list {
    width: 100%;
    border: 0;
    border-collapse: collapse
}

.forum_list th {
    color: #999;
    font-weight: 400;
    font-size: 1.3em;
    padding: 0 20px 15px 0;
    text-align: left
}

.forum_list td {
    border-top: 1px solid #E0E0E0;
    vertical-align: middle;
    padding: 10px 0
}

.forum_form {
    margin-top: 10px
}

.forum_form textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px
}

.forum_form .hide_form {
    display: none
}

.forum_message {
    padding: 10px 0 0
}

.forum_message_form {
    padding: 10px 0
}

.forum_message .forum_author {
    font-weight: 700
}

.forum_message_form input[type=text] {
    margin-bottom: 10px
}

.forum_message_form textarea {
    width: 500px;
    height: 200px
}

.message_new {
    background: #FFECF1
}

.message_list .actions_message {
    float: right;
    width: 90px;
    height: 20px;
    text-align: right
}

.message_list .message .quote {
    background: #F9F2F2;
    border: 1px solid #C2C0B4;
    padding: 10px;
    margin: 5px 0
}

.message_list .message .code {
    background: #F2F9F9;
    border: 1px solid #C2C0B4;
    padding: 10px;
    margin: 5px 0
}

.message_list .message .quote_header,
.message_list .message .code_header {
    font-weight: 700
}

.forum_message_level {
    background: url(../../modules/forum/img/arrow.gif) no-repeat scroll 10px 8px transparent;
    padding-left: 30px
}

.message_result {
    display: none
}

.bbutton {
    border: 1px solid #CCC;
    margin: 1px;
    padding: 2px
}

.bbutton:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: .6
}

.bbcode_smiles {
    float: left;
    border: 1px solid #CCC;
    margin: 1px;
    background: #fff url(../../modules/bbcode/smiles/smile.gif) no-repeat center;
    width: 25px;
    height: 27px
}

.bbcode_smiles div {
    position: absolute;
    border: 1px solid #CCC;
    background: #fff;
    margin: 29px 0 0 -1px;
    display: none
}

.message_toolbar {
    margin: 10px 0 0 0
}

.avatar {
    float: left;
    margin: 0 10px 10px 0
}

.forum_list .actions_message {
    height: 20px;
    width: 70px
}

.forum_form textarea,
.ab_form textarea {
    height: 100px;
    margin-top: 10px;
    width: 100%
}

.forum_form .hide_form {
    display: none
}

.forum_new_messages {
    margin: 0 0 10px
}

.shop_compare_contaner {
    display: inline-block;
    padding: 0 0 0 14px
}

.shop_compare_button {
    border: none;
    padding: 0;
    background: none;
    text-decoration: underline
}

.shop_compare_button:hover {
    text-decoration: none
}

.shop_compare_checked {
    background-position: left -19px
}

.shop_compared_remove {
    float: right;
    display: none
}

.shop_no_buy,
.shop_no_buy_good {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    background-color: #ddd;
    padding: 7px
}

.shop_waitlist {
    background-color: #fff;
    padding: 7px
}

.shop_discount {
    font-weight: 700;
    font-size: 16px;
    color: #ff6102
}

.messages tr:hover {
    background: #F8F8F8
}

.search_list {
    margin-top: 10px
}

.users_admin_message {
    margin-bottom: 20px
}

.users_admin_message_date {
    font-size: 11px;
    font-style: italic
}

.privacy_field {
    font-size: 80%;
    line-height: 1.2em;
    margin-top: 1em
}

.privacy_field a,
.privacy_field a:hover {
    color: inherit;
    text-decoration: underline
}

.tiny-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.tiny-content h1,
.tiny-content h2,
.tiny-content h3,
.tiny-content h4,
.tiny-content h5,
.tiny-content h6 {
    display: block;
    margin-top: .5em;
    margin-bottom: 1em;
    line-height: inherit;
    font-weight: 700
}

.tiny-content p,
.tiny-content ol,
.tiny-content ul,
.tiny-content pre,
.tiny-content table {
    margin-top: .5em;
    margin-bottom: 1em
}

.tiny-content ol,
.tiny-content ul {
    padding-left: 1em;
    list-style-position: outside
}

.tiny-content ol {
    list-style-type: decimal
}

.tiny-content ul {
    list-style-type: disc
}

.tiny-content ol li,
.tiny-content ul li {
    margin-bottom: .5em;
    list-style: inherit
}

.tiny-content ol ul,
.tiny-content ol ol,
.tiny-content ul ol,
.tiny-content ul ul {
    margin-top: .5em;
    margin-bottom: 0
}

.tiny-content ol ol,
.tiny-content ul ul {
    list-style: inherit
}

.tiny-content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid
}

.tiny-content table thead,
.tiny-content table tbody,
.tiny-content table tfoot,
.tiny-content table tr,
.tiny-content table th,
.tiny-content table td {
    border: inherit
}

.tiny-content table th,
.tiny-content table thead {
    font-weight: 700;
    text-align: inherit
}

.tiny-content table th,
.tiny-content table td {
    padding: .5em;
    vertical-align: top
}

.tiny-content hr {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 1px;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #444;
    background: currentColor;
    border: 0;
    overflow: visible
}

.tiny-content img {
    max-width: 100%;
    height: auto;
    vertical-align: baseline;
    border-style: none
}

.tiny-content b,
.tiny-content strong {
    font-weight: 700
}

.tiny-content em {
    font-style: italic
}

.tiny-content small {
    font-size: 80%
}

.tiny-content sub,
.tiny-content sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

.tiny-content sub {
    bottom: -.5em
}

.tiny-content sup {
    top: -.5em
}

.tiny-content pre,
.tiny-content code,
.tiny-content kbd,
.tiny-content samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

.tiny-content pre {
    overflow: auto;
    -ms-overflow-style: scrollbar
}

.devoloper_tech {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    min-width: 320px;
    max-height: 16px;
    padding: 0 5px 2px 0;
    font-size: 100%;
    letter-spacing: 1px;
    font: 12px/15px clear;
    color: #fff;
    background-color: #ff4a0b;
    text-align: center
}

.devoloper_tech>a {
    color: #fff
}

.devoloper_tech>a>span {
    white-space: nowrap
}

.devoloper_tech~.devoloper_profiler {
    padding-bottom: 34px
}

.privacy_policy~.devoloper_profiler {
    padding-bottom: 84px
}

.devoloper_profiler,
.devoloper_profiling {
    font: 14px/20px ptsans, sans-serif;
    color: #2e2e2e
}

.devoloper_profiler table,
.devoloper_profiling table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

.devoloper_profiler table caption,
.devoloper_profiling table caption,
.devoloper_profiler table tr th,
.devoloper_profiling table tr th,
.devoloper_profiler table tr td,
.devoloper_profiling table tr td {
    text-align: left;
    vertical-align: top;
    padding: 0 10px
}

.devoloper_profiler table tr,
.devoloper_profiling table tr {
    border-color: transparent
}

.devoloper_profiler table.devoloper_post pre {
    margin: 0
}

.devoloper_profiler .totalmemory,
.devoloper_profiler .totaltime {
    padding: 0 10px
}

.hide {
    display: none !important
}

@charset "UTF-8";

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url(..//custom/rekmos/fonts/Montserrat-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Montserrat Medium"), local("Montserrat-Medium"), url(..//custom/rekmos/fonts/Montserrat-Medium.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(..//custom/rekmos/fonts/Montserrat-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(..//custom/rekmos/fonts/Montserrat-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Montserrat Black"), local("Montserrat-Black"), url(../../index.htm) format("woff2")
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Play-Regular"), local("Play Regular"), url(..//custom/rekmos/fonts/Play-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Play;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Play-Bold"), local("Play Bold"), url(..//custom/rekmos/fonts/Play-Bold.woff2) format("woff2")
}

@-webkit-keyframes cssload-spinL {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes cssload-spinL {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes move-mouse__down {
    25% {
        opacity: 1
    }

    33.3% {
        opacity: 1;
        -webkit-transform: translateY(5.62px);
        transform: translateY(5.62px)
    }

    66.6% {
        opacity: 1;
        -webkit-transform: translateY(10.5px);
        transform: translateY(10.5px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
}

@keyframes move-mouse__down {
    25% {
        opacity: 1
    }

    33.3% {
        opacity: 1;
        -webkit-transform: translateY(5.62px);
        transform: translateY(5.62px)
    }

    66.6% {
        opacity: 1;
        -webkit-transform: translateY(10.5px);
        transform: translateY(10.5px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
}

@-webkit-keyframes move-case__down {
    25% {
        opacity: 1
    }

    33.3% {
        opacity: 1;
        -webkit-transform: translateY(18.62px);
        transform: translateY(18.62px)
    }

    66.6% {
        opacity: 1;
        -webkit-transform: translateY(25.5px);
        transform: translateY(25.5px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(39.2px) scale(.5);
        transform: translateY(39.2px) scale(.5)
    }
}

@keyframes move-case__down {
    25% {
        opacity: 1
    }

    33.3% {
        opacity: 1;
        -webkit-transform: translateY(18.62px);
        transform: translateY(18.62px)
    }

    66.6% {
        opacity: 1;
        -webkit-transform: translateY(25.5px);
        transform: translateY(25.5px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(39.2px) scale(.5);
        transform: translateY(39.2px) scale(.5)
    }
}

body,
html {
    height: 100%;
    overflow-x: hidden
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
    color: #3d3d3d
}

body,
sub,
sup {
    position: relative
}

body {
    width: 100%;
    min-width: 320px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: #3b3b3b;
    font-family: Montserrat, Arial, sans-serif;
    text-decoration: none;
    background-color: #fff;
    font-size: 16px;
    line-height: 25px;
    color: #3b3b3b
}

.slick-slide img,
details,
img,
main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block;
    height: 300px;
    object-fit: cover;
}

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

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

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

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

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

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

.mm-menu,
.mm-panels,
.mm-panels>.mm-panel {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0
}

.mm-btn,
.mm-menu,
.mm-panels,
.mm-panels>.mm-panel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-listview a,
.mm-listview a:hover,
.mm-navbar a,
.mm-navbar a:hover,
a {
    text-decoration: none
}

.mm-listview .mm-next:before,
.mm-listview>li:not(.mm-divider):after,
.mm-next:after,
.mm-prev:before {
    content: '';
    bottom: 0
}

.mm-hidden {
    display: none !important
}

.mm-menu,
.mm-panels>.mm-panel:not(.mm-hidden) {
    display: block
}

.mm-wrapper,
html.mm-opened {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    padding: 0;
    position: absolute;
    bottom: 0
}

.mm-panels,
.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    position: absolute;

    bottom: 0
}

.mm-btn,
.mm-panel.mm-highest {
    z-index: 1
}

.mm-panels,
html.mm-blocking,
html.mm-blocking body,
html.overflow {
    overflow: hidden
}

.mm-panel {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-panel.mm-opened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panels>.mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px
}

.mm-listview .mm-divider,
.mm-listview>li>a,
.mm-listview>li>span,
.mm-navbar .mm-title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-panels>.mm-panel:after,
.mm-panels>.mm-panel:before {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent
}

.mm-listview>li.mm-vertical>.mm-next,
.mm-vertical .mm-listview>li>.mm-next {
    height: 40px;
    bottom: auto
}

.mm-listview>li.mm-vertical>.mm-next:after,
.mm-vertical .mm-listview>li>.mm-next:after {
    top: 16px;
    bottom: auto
}

.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,
.mm-vertical .mm-listview>li.mm-opened>.mm-next:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

.mm-btn,
.mm-navbar {
    height: 40px;
    position: absolute;
    top: 0
}

.mm-btn {
    width: 40px
}

.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-clear:before,
.mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-clear:after,
.mm-close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

.mm-next:after,
.mm-prev:before {
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0
}

.mm-prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    padding: 0 40px;
    margin: 0;
    left: 0;
    right: 0
}

.mm-navbar>* {
    display: block;
    padding: 10px 0
}

.mm-navbar .mm-btn:first-child {
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar,
html.mm-blocking #mm-blocker {
    display: block
}

.mm-listview,
.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview>li {
    position: relative
}

.mm-listview>li,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before,
.mm-listview>li:after {
    border-color: inherit
}

.mm-listview>li>a,
.mm-listview>li>span {
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0
}

.mm-listview>li:not(.mm-divider):after {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    right: 0;
    left: 20px
}

.mm-listview .mm-next {
    background: 0 0;
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-listview .mm-next:before {
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.mm-listview .mm-next+a,
.mm-listview .mm-next+span {
    margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,
.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px
}

.mm-panels>.mm-panel>.mm-listview:first-child,
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px
}

.mm-listview .mm-inset {
    list-style: disc inside;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset>li {
    padding: 5px 0
}

.mm-listview .mm-divider {
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-menu {
    background: #f3f3f3;
    color: rgba(0, 0, 0, .75)
}

.mm-menu .mm-navbar>*,
.mm-menu .mm-navbar a,
.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before,
.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu,
.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .5);
    tap-highlight-color: rgba(255, 255, 255, .5)
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, .5)
}

.mm-menu .mm-divider,
.mm-menu .mm-fixeddivider span,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0, 0, 0, .05)
}

.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 1
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: 0 0;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed;
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

.mm-menu.mm-offcanvas.mm-current {
    display: block
}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened {
    z-index: 10
}

html.mm-opening .mm-slideout,
html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom,
.mm-menu.mm-offcanvas.mm-autoheight.mm-top {
    max-height: 80%
}

.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom.mm-fullscreen,
.mm-menu.mm-offcanvas.mm-autoheight.mm-top.mm-fullscreen {
    max-height: 100%
}

.mm-menu.mm-offcanvas.mm-measureheight .mm-panel {
    display: block !important
}

.mm-menu.mm-offcanvas.mm-measureheight>.mm-panels>.mm-panel {
    bottom: auto !important;
    height: auto !important
}

.mm-menu.mm-columns {
    -webkit-transition-property: width, max-width, -webkit-transform;
    transition-property: width, max-width, -webkit-transform;
    -o-transition-property: transform, width, max-width;
    transition-property: transform, width, max-width;
    transition-property: transform, width, max-width, -webkit-transform
}

.mm-menu.mm-columns .mm-panels>.mm-panel {
    width: 100%;
    right: auto;
    display: none;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -o-transition-property: transform, width;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened {
    border-right: 1px solid;
    border-color: inherit;
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    z-index: 2
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0 {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0 {
    display: block;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-0 {
    width: 80%;
    min-width: 140px;
    max-width: 0
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:0) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:0) {
    html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1 {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1 {
    display: block;
    -webkit-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-1 {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

.feedback__wrap form,
.mm-menu.mm-columns-1 .mm-panels>.mm-panel {
    width: 100%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2 {
    -webkit-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2 {
    display: block;
    -webkit-transform: translate(300%, 0);
    -ms-transform: translate(300%, 0);
    transform: translate(300%, 0);
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-2 {
    width: 80%;
    min-width: 140px;
    max-width: 880px
}

html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:1100px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(880px, 0);
        -ms-transform: translate(880px, 0);
        transform: translate(880px, 0);
        -webkit-transform: translate3d(880px, 0, 0);
        transform: translate3d(880px, 0, 0)
    }
}

html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:1100px) {
    html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(-880px, 0);
        -ms-transform: translate(-880px, 0);
        transform: translate(-880px, 0);
        -webkit-transform: translate3d(-880px, 0, 0);
        transform: translate3d(-880px, 0, 0)
    }
}

.mm-menu.mm-columns-2 .mm-panels>.mm-panel {
    width: 50%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3 {
    -webkit-transform: translate(300%, 0);
    -ms-transform: translate(300%, 0);
    transform: translate(300%, 0);
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3 {
    display: block;
    -webkit-transform: translate(400%, 0);
    -ms-transform: translate(400%, 0);
    transform: translate(400%, 0);
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-3 {
    width: 80%;
    min-width: 140px;
    max-width: 1320px
}

html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:1650px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(1320px, 0);
        -ms-transform: translate(1320px, 0);
        transform: translate(1320px, 0);
        -webkit-transform: translate3d(1320px, 0, 0);
        transform: translate3d(1320px, 0, 0)
    }
}

html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:1650px) {
    html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(-1320px, 0);
        -ms-transform: translate(-1320px, 0);
        transform: translate(-1320px, 0);
        -webkit-transform: translate3d(-1320px, 0, 0);
        transform: translate3d(-1320px, 0, 0)
    }
}

.mm-menu.mm-columns-3 .mm-panels>.mm-panel {
    width: 33.34%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4 {
    -webkit-transform: translate(400%, 0);
    -ms-transform: translate(400%, 0);
    transform: translate(400%, 0);
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4 {
    display: block;
    -webkit-transform: translate(500%, 0);
    -ms-transform: translate(500%, 0);
    transform: translate(500%, 0);
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-4 {
    width: 80%;
    min-width: 140px;
    max-width: 1760px
}

html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:2200px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(1760px, 0);
        -ms-transform: translate(1760px, 0);
        transform: translate(1760px, 0);
        -webkit-transform: translate3d(1760px, 0, 0);
        transform: translate3d(1760px, 0, 0)
    }
}

html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:2200px) {
    html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(-1760px, 0);
        -ms-transform: translate(-1760px, 0);
        transform: translate(-1760px, 0);
        -webkit-transform: translate3d(-1760px, 0, 0);
        transform: translate3d(-1760px, 0, 0)
    }
}

.mm-menu.mm-columns-4 .mm-panels>.mm-panel {
    width: 25%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5 {
    -webkit-transform: translate(500%, 0);
    -ms-transform: translate(500%, 0);
    transform: translate(500%, 0);
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5 {
    display: block;
    -webkit-transform: translate(600%, 0);
    -ms-transform: translate(600%, 0);
    transform: translate(600%, 0);
    -webkit-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-5 {
    width: 80%;
    min-width: 140px;
    max-width: 2200px
}

html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:2750px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(2200px, 0);
        -ms-transform: translate(2200px, 0);
        transform: translate(2200px, 0);
        -webkit-transform: translate3d(2200px, 0, 0);
        transform: translate3d(2200px, 0, 0)
    }
}

html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:2750px) {
    html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(-2200px, 0);
        -ms-transform: translate(-2200px, 0);
        transform: translate(-2200px, 0);
        -webkit-transform: translate3d(-2200px, 0, 0);
        transform: translate3d(-2200px, 0, 0)
    }
}

.mm-menu.mm-columns-5 .mm-panels>.mm-panel {
    width: 20%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6 {
    -webkit-transform: translate(600%, 0);
    -ms-transform: translate(600%, 0);
    transform: translate(600%, 0);
    -webkit-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6 {
    display: block;
    -webkit-transform: translate(700%, 0);
    -ms-transform: translate(700%, 0);
    transform: translate(700%, 0);
    -webkit-transform: translate3d(700%, 0, 0);
    transform: translate3d(700%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-6 {
    width: 80%;
    min-width: 140px;
    max-width: 2640px
}

html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:3300px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(2640px, 0);
        -ms-transform: translate(2640px, 0);
        transform: translate(2640px, 0);
        -webkit-transform: translate3d(2640px, 0, 0);
        transform: translate3d(2640px, 0, 0)
    }
}

html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:3300px) {
    html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(-2640px, 0);
        -ms-transform: translate(-2640px, 0);
        transform: translate(-2640px, 0);
        -webkit-transform: translate3d(-2640px, 0, 0);
        transform: translate3d(-2640px, 0, 0)
    }
}

.mm-menu.mm-columns-6 .mm-panels>.mm-panel {
    width: 16.67%
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%
}

em.mm-counter+a.mm-next {
    width: 90px
}

em.mm-counter+a.mm-next+a,
em.mm-counter+a.mm-next+label.mm-check+a,
em.mm-counter+a.mm-next+label.mm-check+span,
em.mm-counter+a.mm-next+label.mm-toggle+a,
em.mm-counter+a.mm-next+label.mm-toggle+span,
em.mm-counter+a.mm-next+span {
    margin-right: 90px
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0
}

.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,
.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span,
em.mm-counter+a.mm-fullsubopen+a,
em.mm-counter+a.mm-fullsubopen+span {
    padding-right: 90px
}

.mm-vertical>.mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer>.mm-counter {
    margin-top: 40px
}

.mm-nosubresults>.mm-counter,
li.mm-nosubresults>a.mm-next {
    display: none
}

.mm-divider>span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed),
html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
    display: none
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-fixeddivider:after {
    content: none !important;
    display: none !important
}

.mm-hasdividers .mm-fixeddivider {
    display: block
}

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-menu.mm-dropdown {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%
}

html.mm-dropdown .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-dropdown #mm-blocker {
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1
}

html.mm-dropdown .mm-menu {
    z-index: 2
}

.mm-menu.mm-tip:before {
    content: '';
    background: inherit;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu.mm-tipleft:before {
    left: 22px
}

.mm-menu.mm-tipright:before {
    right: 22px
}

.mm-menu.mm-tiptop:before {
    top: -8px
}

.mm-menu.mm-tipbottom:before {
    bottom: -8px
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: left, -webkit-transform;
    transition-property: left, -webkit-transform;
    -o-transition-property: transform, left;
    transition-property: transform, left;
    transition-property: transform, left, -webkit-transform
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-keyboardfocus a:focus {
    outline: 0
}

.mm-menu.mm-keyboardfocus a:focus {
    background: rgba(255, 255, 255, .5)
}

.mm-navbar-bottom,
.mm-navbar-top~.mm-navbar-top {
    border-bottom: none
}

.mm-menu>.mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    top: auto;
    bottom: 0
}

.mm-navbar-bottom~.mm-navbar-bottom {
    border-top: none
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-navbar[class*=mm-navbar-content-]>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left
}

.mm-navbar .mm-breadcrumbs {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

.mm-navbar .mm-breadcrumbs>* {
    display: inline-block;
    padding: 10px 3px
}

.mm-navbar .mm-breadcrumbs>a {
    text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0
}

.mm-hasnavbar-top-1 .mm-panels,
.mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panels,
.mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panels,
.mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0
}

.mm-hasnavbar-bottom-1 .mm-panels,
.mm-navbar-bottom-2 {
    bottom: 78px
}

.mm-hasnavbar-bottom-2 .mm-panels,
.mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panels,
.mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-2>* {
    width: 50%
}

.mm-navbar-content-3>* {
    width: 33.33%
}

.mm-navbar-content-4>* {
    width: 25%
}

.mm-navbar-content-5>* {
    width: 20%
}

.mm-navbar-content-6>* {
    width: 16.67%
}

.mm-menu.mm-rtl {
    direction: rtl
}

.mm-menu.mm-rtl.mm-offcanvas {
    right: auto
}

.mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-rtl .mm-panel.mm-subopened {
    -webkit-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
    left: auto;
    right: 0
}

.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
    right: auto;
    left: 0
}

.mm-menu.mm-rtl .mm-navbar .mm-next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-menu.mm-rtl .mm-navbar .mm-prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after {
    left: 0;
    right: 20px
}

.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),
.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next) {
    padding-left: 10px;
    padding-right: 20px !important;
    margin-right: 0 !important
}

.mm-menu.mm-rtl .mm-listview .mm-next {
    right: auto;
    left: 0
}

.mm-menu.mm-rtl .mm-listview .mm-next:before {
    left: auto;
    right: 0
}

.mm-menu.mm-rtl .mm-listview .mm-next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,
.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span {
    padding-left: 50px
}

.mm-menu.mm-rtl em.mm-counter {
    left: 45px;
    right: auto
}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+span {
    margin-left: 90px
}

.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,
.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span {
    padding-left: 90px
}

.mm-menu.mm-rtl label.mm-check,
.mm-menu.mm-rtl label.mm-toggle {
    left: 20px;
    right: auto !important
}

.mm-menu.mm-rtl label.mm-toggle+a,
.mm-menu.mm-rtl label.mm-toggle+span {
    padding-left: 80px
}

.mm-menu.mm-rtl label.mm-check+a,
.mm-menu.mm-rtl label.mm-check+span {
    padding-left: 60px
}

.mm-menu.mm-rtl a.mm-next+label.mm-check,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle {
    left: 60px
}

.mm-menu.mm-rtl .mm-listview .mm-next+a,
.mm-menu.mm-rtl .mm-listview .mm-next+span,
.mm-menu.mm-rtl a.mm-next+label.mm-check+a,
.mm-menu.mm-rtl a.mm-next+label.mm-check+span,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span {
    margin-left: 50px
}

.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span {
    padding-left: 70px
}

.mm-menu.mm-rtl a.mm-next+label.mm-check+a,
.mm-menu.mm-rtl a.mm-next+label.mm-check+span {
    padding-left: 50px
}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle {
    left: 100px
}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
    left: 0
}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel {
    -webkit-transition-property: right, -webkit-transform;
    transition-property: right, -webkit-transform;
    -o-transition-property: transform, right;
    transition-property: transform, right;
    transition-property: transform, right, -webkit-transform
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0,
.mm-search .mm-clear,
.mm-search .mm-next {
    right: 0
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    right: 40px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    right: 80px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    right: 120px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    right: 160px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    right: 200px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    right: 240px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
    border-left: none;
    border-right: 1px solid;
    border-color: inherit
}

.mm-sronly {
    text-indent: 10px;
    overflow: hidden;
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: -1
}

.mm-search,
.mm-search input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0;
    position: relative
}

.mm-search input {
    border: 0 !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 4px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    display: block;
    width: 100%;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    margin: 0;
    padding: 0 10px
}

.mm-search input::-ms-clear {
    display: none
}

.mm-panel>.mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    padding: 40px 0
}

.mm-noresults .mm-indexer {
    display: none !important
}

li.mm-nosubresults>a.mm-next+a,
li.mm-nosubresults>a.mm-next+span {
    padding-right: 10px
}

.mm-panels>.mm-resultspanel:not(.mm-opened) {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .75)
}

.mm-menu .mm-indexer a,
.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100px;
    z-index: 3;
    -webkit-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%
}

.mm-indexer~.mm-panel.mm-hasindexer {
    padding-right: 40px
}

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,
.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),
.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,
.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen) {
    -webkit-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease
}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, .5)
}

input.mm-check,
input.mm-toggle {
    position: absolute;
    left: -10000px
}

label.mm-check,
label.mm-toggle {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 20px
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin: -15px 0 0
}

label.mm-check:before,
label.mm-toggle:before {
    content: '';
    display: block
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px
}

input.mm-toggle:checked~label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: .1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input.mm-check:checked~label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-check,
li.mm-vertical label.mm-toggle {
    bottom: auto;
    margin-top: 0;
    top: 5px
}

label.mm-toggle+a,
label.mm-toggle+span {
    padding-right: 80px
}

label.mm-check+a,
label.mm-check+span {
    padding-right: 60px
}

a.mm-next+label.mm-check,
a.mm-next+label.mm-toggle {
    right: 60px
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span,
a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
    margin-right: 50px
}

a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
    padding-right: 70px
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span {
    padding-right: 50px
}

em.mm-counter+a.mm-next+label.mm-check,
em.mm-counter+a.mm-next+label.mm-toggle {
    right: 100px
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu label.mm-toggle:before {
    background: #f3f3f3
}

.mm-menu input.mm-toggle:checked~label.mm-toggle,
.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle,
.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle,
.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0, 0, 0, .75)
}

.mm-listview.mm-border-none>li:after,
.mm-menu.mm-border-none .mm-listview>li:after {
    content: none
}

.mm-listview.mm-border-full>li:after,
.mm-menu.mm-border-full .mm-listview>li:after {
    left: 0 !important
}

.mm-listview.mm-border-offset>li:after,
.mm-menu.mm-border-offset .mm-listview>li:after {
    right: 20px
}

.mm-menu.mm-effect-menu-slide,
.mm-menu.mm-effect-menu-zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-menu.mm-effect-panels-zoom .mm-panel,
html.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
    transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened,
html.mm-opening .mm-menu.mm-effect-menu-zoom,
html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened,
html.mm-opening .mm-menu.mm-effect-menu-slide,
html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-effect-menu-fade {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
    opacity: 1
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0)
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0)
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened,
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li {
    -webkit-transition: none .4s ease;
    -o-transition: none .4s ease;
    transition: none .4s ease
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9) {
    -webkit-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11) {
    -webkit-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13) {
    -webkit-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14) {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15) {
    -webkit-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms
}

.mm-menu.mm-effect-listitems-slide .mm-listview>li {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.mm-menu.mm-effect-listitems-fade .mm-listview>li {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li {
    opacity: 1
}

.mm-menu.mm-effect-listitems-drop .mm-listview>li {
    -webkit-transition-property: opacity, top;
    -o-transition-property: opacity, top;
    transition-property: opacity, top;
    opacity: 0;
    top: -25%
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li {
    opacity: 1;
    top: 0
}

.mm-menu.mm-offcanvas.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

@media all and (max-width:140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        transform: translate(10000px, 0);
        -webkit-transform: translate3d(10000px, 0, 0);
        transform: translate3d(10000px, 0, 0)
    }
}

@media all and (max-width:140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0);
        -webkit-transform: translate3d(-10000px, 0, 0);
        transform: translate3d(-10000px, 0, 0)
    }
}

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,
.mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

html.mm-opened.mm-fullscreen .mm-page {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,
.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,
.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,
.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before {
    content: none;
    display: none
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,
.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),
.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,
.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),
.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,
.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,
.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 0
}

.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,
.mm-menu.mm-multiline .mm-listview>li>a,
.mm-menu.mm-multiline .mm-listview>li>span {
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: normal
}

html.mm-pagedim #mm-blocker,
html.mm-pagedim-black #mm-blocker,
html.mm-pagedim-white #mm-blocker {
    opacity: 0
}

html.mm-pagedim-black.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim.mm-opening #mm-blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    -o-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

html.mm-pagedim #mm-blocker {
    background: inherit
}

html.mm-pagedim-white #mm-blocker {
    background: #fff
}

html.mm-pagedim-black #mm-blocker {
    background: #000
}

.mm-menu.mm-popup {
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

html.mm-popup.mm-opening .mm-menu.mm-popup {
    opacity: 1
}

html.mm-popup .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-popup #mm-blocker {
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1
}

html.mm-popup .mm-menu {
    z-index: 2
}

.mm-menu.mm-offcanvas.mm-right {
    left: auto
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-front #mm-blocker {
    z-index: 1
}

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 2
}

.mm-menu.mm-offcanvas.mm-front,
.mm-menu.mm-offcanvas.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-front.mm-right,
.mm-menu.mm-offcanvas.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-top {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu.mm-offcanvas.mm-bottom {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    top: auto
}

.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

html.mm-opening .mm-menu.mm-offcanvas.mm-front,
html.mm-opening .mm-menu.mm-offcanvas.mm-next {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-shadow-page:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99
}

.mm-menu.mm-shadow-page.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-shadow-page.mm-front:after,
.mm-menu.mm-shadow-page.mm-next:after {
    content: none;
    display: none
}

.mm-menu.mm-shadow-page:after {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-dark {
    background: #333;
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-navbar>*,
.mm-menu.mm-theme-dark .mm-navbar a,
.mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-btn:after,
.mm-menu.mm-theme-dark .mm-btn:before,
.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark,
.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
    tap-highlight-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-divider,
.mm-menu.mm-theme-dark .mm-fixeddivider span,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-shadow-page.mm-theme-dark:after {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-indexer a,
.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333
}

.mm-menu.mm-theme-white {
    background: #fff;
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-navbar>*,
.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-btn:after,
.mm-menu.mm-theme-white .mm-btn:before,
.mm-menu.mm-theme-white .mm-listview>li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white,
.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .05);
    tap-highlight-color: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-divider,
.mm-menu.mm-theme-white .mm-fixeddivider span,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-shadow-page.mm-theme-white:after,
.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-indexer a,
.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff
}

.mm-menu.mm-theme-black {
    background: #000;
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-navbar>*,
.mm-menu.mm-theme-black .mm-navbar a,
.mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-btn:after,
.mm-menu.mm-theme-black .mm-btn:before,
.mm-menu.mm-theme-black .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black,
.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .3);
    tap-highlight-color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-divider,
.mm-menu.mm-theme-black .mm-fixeddivider span,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-black label.mm-toggle,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,
.mm-menu.mm-keyboardfocus a:focus,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-shadow-page.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
    -webkit-box-shadow: false;
    box-shadow: false
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-indexer a,
.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}

.mm-menu .mm-tileview.mm-listview:after,
.mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,
.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,
.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,
.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,
.mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none
}

.mm-menu .mm-tileview.mm-listview>li,
.mm-menu.mm-tileview .mm-listview>li {
    width: 50%;
    height: 0;
    padding: 50% 0 0;
    float: left;
    position: relative
}

.mm-menu .mm-tileview.mm-listview>li:after,
.mm-menu.mm-tileview .mm-listview>li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu .mm-tileview.mm-listview>li>a,
.mm-menu .mm-tileview.mm-listview>li>span,
.mm-menu.mm-tileview .mm-listview>li>a,
.mm-menu.mm-tileview .mm-listview>li>span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next,
.mm-menu.mm-tileview .mm-listview>li>.mm-next {
    width: auto
}

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0
}

.sprite {
    background-image: url(../../index.htm);
    background-repeat: no-repeat;
    display: block
}

.sprite-logo-goodshouse {
    width: 235px;
    height: 99px;
    background-position: -5px -5px
}

.sprite-logo-house {
    width: 219px;
    height: 117px;
    background-position: -5px -114px
}

.sprite-logo-inst {
    width: 40px;
    height: 40px;
    background-position: -250px -5px
}

.sprite-logo-miass {
    width: 212px;
    height: 120px;
    background-position: -300px -5px
}

.sprite-logo-rekmos {
    width: 61px;
    height: 61px;
    background-position: -234px -135px
}

.sprite-logo-rekmos-mobile {
    width: 54px;
    height: 54px;
    background-position: -305px -135px
}

.sprite-logo-whatsapp {
    width: 40px;
    height: 40px;
    background-position: -369px -135px
}

html.overflow body {
    position: fixed;
    overflow: hidden
}

.site-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-top: 30px;
    background-color: #161616;
    color: white;
}

footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.visually-hidden:not(:focus):not(:active),
input[type=checkbox].visually-hidden,
input[type=radio].visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.mainTitle {
    margin: 0;
    font-weight: 700;
    font-size: 38px;
    line-height: 46px;
    padding-top: 30px;
    text-align: center
}

.title {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #ffffff
}

.title--wh {
    color: #fff
}

.title__pick {
    color: #02ffff
}

@media (max-width:991px) {
    .title {
        font-size: 28px;
        line-height: 38px
    }
}

@media (max-width:767px) {
    .title {
        font-size: 24px;
        line-height: 1.2
    }
}

.container--contacts{
  position: relative;
  background-color:#262626;
  background-image:url("https://avatars.mds.yandex.net/get-altay/11003990/2a0000018d410b61db3256af697e5f34c428/orig");
  background-size:cover;
  background-position:center;
  overflow:hidden; /* чтобы затемнение не вылезало */
}

/* затемнение ТОЛЬКО фона */
.container--contacts::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.70); /* степень затемнения */
  pointer-events:none;
  z-index:0;
}

/* чтобы контент был поверх затемнения */
.container--contacts > *{
  position:relative;
  z-index:1;
}


.container--case {
    background-image: url(..//custom/rekmos/img/bg-case.jpg);
    background-color: #262626
}

.map {
    width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 500px
}

.overlay,
.overlay.open {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.overlay.open {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 1
}

@media (max-width:1919px) {
    .container {
        margin-top: -180px
    }

    .map {
        width: 100%
    }
}

@media (max-width:991px) {
    .mainTitle {
        font-size: 34px;
        line-height: 44px
    }
}

@media (max-width:767px) {
    .mainTitle {
        font-size: 28px;
        line-height: 38px
    }

    .map {
        height: 400px
    }
}

@media (max-width:576px) {
    .mainTitle {
        font-size: 24px;
        line-height: 34px
    }
}

.whatsappColor {
    color: #18bb39
}

button:focus {
    outline: 0
}

body {
    height: auto
}

.hf {
    height: 100%
}

@-webkit-keyframes progress {
    from {
        stroke-dashoffset: 339.292
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes progress {
    from {
        stroke-dashoffset: 339.292
    }

    to {
        stroke-dashoffset: 0
    }
}

div#content_prav {
    margin: 17px 0 32px 0;
    padding: 17px 24px;
    background: #f2f3f5;
    border: 1px solid #dfe0e2
}

div#content_prav ol {
    margin: 16px 0 0 28px
}

div#content_prav ol ol {
    margin: 7px 0 0 40px
}

div#content_prav ol ol ol {
    margin: 7px 0 0 51px
}

.fancybox-slide--html .fancybox-close-small:focus {
    outline: 0
}

.servicePage {
    padding-top: 100px
}

@media (max-width:992px) {
    .servicePage {
        padding-top: 70px
    }
}

.container {
    width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1199px) {
    .container {
        width: 100%
    }
}

.container--case {
    width: 1920px;
    margin: 0 auto;
    margin-top: -111px;
    padding: 0;
    background-image: url(..//custom/rekmos/img/case-page-bg.jpg);
    background-repeat: no-repeat
}

@media (max-width:1919px) {
    .container--case {
        width: 100%;
        margin-top: -180px
    }
}

@media (max-width:768.9px) {
    .container--case {
        background-image: url(..//custom/rekmos/img/fscreenbg-mob.jpg)
    }
}

@media (max-width:375.9px) {
    .container--case {
        background-position: -474px 0
    }
}

.container--contacts {
    width: 1920px;
    margin-top: -111px
}

@media (max-width:1919px) {
    .container--contacts {
        width: 100%;
        margin-top: -180px
    }
}

.button {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 310px;
    height: 80px;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #ffffff;
    border: 0;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-color: #02ffff;
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.button:focus {
    outline: 0
}

.button:active {
    padding-top: 31px;
    padding-bottom: 31px;
    font-size: 15px
}

.button:active::before {
    top: 0
}

.button:hover {
    background: linear-gradient(178.25deg, #00bbbb -55.15%, #02ffff 98.29%);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.button::before {
    background: linear-gradient(178.25deg, #00bbbb -55.15%, #14dada 98.29%);
    height: 100%;
    border-radius: 40px;
    z-index: 1;
}

.button:hover::before {
    content: "";
    background: linear-gradient(178.25deg, #00bbbb -55.15%, #02ffff 98.29%);
    background: linear-gradient(178.25deg, #00bbbb -55.15%, #02ffff 98.29%);

}

.button--wc {
    color: #fff;
}

.button--wc::before {
    height: 96%
}

.button--purp {
    color: #fff
}

.button--purp:before {
    background: -o-linear-gradient(269.04deg, #c3b4e4 -8.55%, #655a7c 99.3%);
    background: linear-gradient(180.96deg, #c3b4e4 -8.55%, #655a7c 99.3%)
}

.button--purp:hover::before {
    background: -o-linear-gradient(269.04deg, #655a7c -8.55%, #c3b4e4 99.3%);
    background: linear-gradient(180.96deg, #655a7c -8.55%, #c3b4e4 99.3%)
}

@media (max-width:1199px) {
    .button {
        height: 60px
    }
}

.button p,
.button span {
    position: relative;
    z-index: 2;
    margin: 0
}

.button::before,
.header.open::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.slick-slide:focus {
    outline: 0
}

.customSlick__dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 16px 0 0;
    padding: 0;
    list-style: none
}

.customSlick__dots li {
    margin-right: 10px
}

.customSlick__dots li:last-child {
    margin-right: 0
}

.customSlick__dots li.slick-active .customSlick__dotsItem {
    width: 10px;
    height: 10px;
    border: 3px solid #ffd304;
    background: #fff
}

.customSlick__dotsItem {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #c3b4e4;
    cursor: pointer
}

.customSlick__apLineDots {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
    margin-left: 128px;
    margin-bottom: 24px;
    padding: 0 40px
}

@media (max-width:767px) {
    .customSlick__apLineDots {
        margin-top: 30px;
        margin-left: 15px
    }
}

.customSlick__apLineDots:after {
    content: '';
    position: absolute;
    top: 1px;
    left: -71px;
    width: 21px;
    height: 1px;
    background-color: rgba(255, 255, 255, .4)
}

@media (max-width:767px) {
    .customSlick__apLineDots:after {
        display: none
    }
}

.customSlick__apLineDots:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, .4)
}

.customSlick__apLineDots--blc:after,
.customSlick__apLineDots--blc:before {
    background-color: rgba(0, 0, 0, .4)
}

.customSlick__apLineDots li {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.customSlick__apLineDots li.slick-active .customSlick__apLineDotsItem {
    background: #02ffff;
    cursor: default
}

.customSlick__apLineDots li.slick-active~li .customSlick__apLineDotsItem {
    background: 0 0;
    cursor: default
}

.customSlick__apLineDotsItem {
    width: 100%;
    height: 3px;
    background: #02ffff;
    cursor: pointer
}

.customSlick__lineDots {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 3px;
    margin: 0;
    padding: 0
}

.customSlick__lineDots--tabs {
    width: 95%
}

.customSlick__lineDots:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.customSlick__lineDots li {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.customSlick__lineDots li.slick-active .customSlick__lineDotsItem {
    background: #02ffff;
    cursor: default
}

.customSlick__lineDots li.slick-active~li .customSlick__lineDotsItem {
    background: 0 0;
    cursor: default
}

.customSlick__lineDotsItem {
    width: 100%;
    height: 3px;
    background: #02ffff;
    cursor: pointer
}

.customSlick__dottedDots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.customSlick__dottedDots li {
    margin-right: 10px
}

.customSlick__dottedDots li:last-child {
    margin-right: 0
}

.customSlick__dottedDots li.slick-active .customSlick__dottedDotsItem {
    background-color: #ebc91d;
    cursor: default
}

.customSlick__dottedDotsItem {
    display: block;
    width: 10px;
    height: 3px;
    background: #c3b4e4;
    cursor: pointer
}

.customSlick__arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: -o-linear-gradient(265.42deg, #ffedac -43.24%, #02ffff 96.86%);
    background: linear-gradient(184.58deg, #ffedac -43.24%, #02ffff 96.86%);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1), inset 0 -2px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1), inset 0 -2px 3px rgba(0, 0, 0, .1);
    cursor: pointer
}

.customSlick__arrow:hover {
    background: #c3b4e4
}

.customSlick__arrow--larg {
    width: 60px;
    height: 60px
}

.customSlick__arrow svg {
    fill: #333
}

.customSlick__arrow:hover svg {
    fill: #fff
}

.customSlick__arrow--left {
    left: -20px
}

.customSlick__arrow--right {
    right: -20px
}

.customSlick__arrow--right svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.customSlick__apArrow {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.customSlick__apArrow:hover svg {
    fill: #02ffff
}

.customSlick__apArrow svg {
    fill: #fff
}

.customSlick__apArrow--left {
    left: 7px
}

.customSlick__apArrow--right {
    left: 78px
}

.customSlick__apArrow--right svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.customSlick__apArrow--blc {
    border: 1px solid rgba(0, 0, 0, .5);
    background-color: #000
}

.customSlick__apArrow--blc:hover {
    background-color: #fff
}

.header__wrap {
    position: relative;
    z-index: 5;
    background: #000;
    background: #000
}

.header {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1199px) {
    .header {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.header {
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 4;
    width: 1920px;
    padding: 25px 45px 25px 54px
}

@media (max-width:1919px) {
    .header {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
        padding: 5px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:991px) {
    .header {
        padding-top: 14px;
        padding-bottom: 14px;
        -webkit-transition: background .2s ease;
        -o-transition: background .2s ease;
        transition: background .2s ease
    }

    .header.active {
        -webkit-transition: background .5s ease;
        -o-transition: background .5s ease;
        transition: background .5s ease
    }
}

.header,
.header__logo,
.header__logo p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo {
    position: relative;
    z-index: 6;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__logo p {
    margin: 0
}

.header__logoImg {
    display: block;
    margin-right: 10px;
    width: 100px;
    height: 100px;
    background-position: -234px -135px
}

@media (max-width:1199px) {
    .header__logoImg {
        display: block;
        margin-right: 10px;
        width: 100px;
        height: 100px;
        background-position: -305px -135px
    }
}

@media (max-width:1200px) {
    .header__logoImg {
        margin-right: 8px
    }
}

.header__logoName {
    margin-right: 18px;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    text-transform: uppercase;
    color: #fff;
    font-family: Play
}

@media (max-width:1919px) {
    .header__logoName {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width:1200px) {
    .header__logoName {
        margin-right: 0;
        font-size: 24px;
        line-height: 29px
    }
}

.header__logoText {
    font-size: 15px;
    line-height: 15px;
    color: #fff
}

@media (max-width:1200px) {
    .header__logoText {
        font-size: 15px;
        line-height: 12px
    }
}

@media (max-width:991.9px) {
    .header__logoText {
        font-size: 15px
    }
}

@media (max-width:374px) {
    .header__logoText {
        display: none
    }
}

.header__social,
.header__socialWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__socialWrap {
    position: relative;
    z-index: 3
}

.header__social {
    margin-right: 14px
}

@media (max-width:1650px) {
    .header__social {
        margin-right: 14px
    }
}

@media (max-width:991px) {
    .header__social {
        margin-right: 59px
    }
}

@media (max-width:550px) {
    .header__social {
        display: none;
    }
    .header {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width:374px) {
    .header__social {
        margin-right: 45px
    }
}

.header__socialDesc {
    margin: 0 15px 0 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #fff
}

.header__socialImg {
    display: block;
    background-image: url(..//custom/rekmos/img/logo/spritesheet.png)
}

.header__socialImg--whats {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    background-position: -369px -135px;
    -webkit-filter: drop-shadow(0 0 20px rgba(27, 215, 65, .45));
    filter: drop-shadow(0 0 20px rgba(27, 215, 65, .45))
}

.header__socialImg--inst {
    width: 40px;
    height: 40px;
    background-position: -250px -5px
}

.header__contacts {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 4
}

.header__contactsTel {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #fff
}

@media (max-width:1200px) {
    .header__contactsTel {
        font-size: 18px;
        line-height: 1.2
    }
}

.about__link:hover .about__watch,
.header__contactsTel:hover {
    text-decoration: underline
}

.header__timetable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

@media (max-width:1200px) {
    .header__timetable {
        font-size: 11px;
        line-height: 1.2
    }
}

.header__timetable:before {
    content: '';
    width: 6px;
    height: 6px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #02ffff
}

.header__timetable {
    text-align: center
}

@media (max-width:1919px) {
    .header__socialWrap {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header__logo p {
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width:1919px) {
    .header__socialWrap {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (max-width:991px) {
    .header__contacts {
        display: none
    }
}

.socIcons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.socIcons--whatsapp {
    background: -o-linear-gradient(250.68deg, #02ffff 5.52%, #1bd741 5.52%, #15a933 94.43%);
    background: linear-gradient(199.32deg, #02ffff 5.52%, #1bd741 5.52%, #15a933 94.43%);
    -webkit-box-shadow: 0 0 20px rgba(27, 215, 65, .45), inset 0 -1px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 0 20px rgba(27, 215, 65, .45), inset 0 -1px 1px rgba(0, 0, 0, .25)
}

.socIcons--whatsappField {
    position: relative;
    -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .25)
}

.socIcons--whatsappField:after,
.socIcons--whatsappField:before {
    content: '';
    position: absolute;
    border-radius: 50%
}

.socIcons--whatsappField:before {
    width: 54px;
    height: 54px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 215, 65, .1)), to(rgba(21, 169, 51, .1)));
    background: -o-linear-gradient(top, rgba(27, 215, 65, .1) 0, rgba(21, 169, 51, .1) 100%);
    background: linear-gradient(180deg, rgba(27, 215, 65, .1) 0, rgba(21, 169, 51, .1) 100%)
}

.socIcons--whatsappField:after {
    width: 64px;
    height: 66px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 215, 65, .05)), to(rgba(21, 169, 51, .05)));
    background: -o-linear-gradient(top, rgba(27, 215, 65, .05) 0, rgba(21, 169, 51, .05) 100%);
    background: linear-gradient(180deg, rgba(27, 215, 65, .05) 0, rgba(21, 169, 51, .05) 100%)
}

.socIcons--inst {
    background: -o-radial-gradient(20.5% 87.39%, 110.28% 110.28%, #fae100 0, #fadc04 5.44%, #fbce0e 11.67%, #fcb720 18.29%, #fe9838 25.14%, #ff7950 30.54%, #ff1c74 49.22%, #6c1cd1 100%);
    background: radial-gradient(110.28% 110.28% at 20.5% 87.39%, #fae100 0, #fadc04 5.44%, #fbce0e 11.67%, #fcb720 18.29%, #fe9838 25.14%, #ff7950 30.54%, #ff1c74 49.22%, #6c1cd1 100%)
}

.about__container {
    margin-top: -130px
}

@media (max-width:1919px) {
    .about__container {
        margin-top: -180px
    }
}

.about {
    width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(https://i.ytimg.com/vi/Mc_l0AfHAw4/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AH-CYAC0AWKAgwIABABGBQgZShkMA8=&rs=AOn4CLAp6JRJz7C0Fb6HIaAs5Aa4jf1xBg);
    background-image: url(https://i.ytimg.com/vi/Mc_l0AfHAw4/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AH-CYAC0AWKAgwIABABGBQgZShkMA8=&rs=AOn4CLAp6JRJz7C0Fb6HIaAs5Aa4jf1xBg);
    background-repeat: no-repeat;
    background-color: #201f1e;
    padding-top: 280px
}

@media (max-width:1919px) {
    .about {
        width: 100%;
        padding-top: 230px;
        background-size: cover
    }
}

@media (max-width:1200px) {
    .about {
        background-position: center 0
    }
}

@media (max-width:991.9px) {
    .about {
        padding-top: 249px
    }
}

@media (max-width:375.9px) {
    .about {
        background-position: -474px 0
    }
}

.about__wrap {
    position: relative;
    width: 1545px;
    margin-right: 0;
    margin-left: auto;
    padding-bottom: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1919px) {
    .about__wrap {
        width: 1200px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px 38px
    }
}

@media (max-width:1199.9px) {
    .about__wrap {
        width: 100%
    }
}

@media (max-width:991.9px) {
    .about__wrap {
        padding-bottom: 95px
    }
}

.about__wrap:after {
    content: '';
    position: absolute;
    left: 46.6%;
    bottom: 0;
    width: 749px;
    height: 637px;
    /* background-image: url(..//custom/rekmos/img/fsc_letter-optim.png); */
    background-size: 100% 100%
}

@media (max-width:1919px) {
    .about__wrap:after {
        bottom: 110px;
        left: auto;
        right: -60px;
        width: 602px;
        height: 512px
    }
}

@media (max-width:1199.9px) {
    .about__wrap:after {
        display: none
    }
}

.about__info {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 46.6%
}

@media (max-width:1919px) {
    .about__info {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 50%;
        margin-right: 40px
    }
}

@media (max-width:1199.9px) {
    .about__info {
        width: 70%
    }
}

@media (max-width:991.9px) {
    .about__info {
        width: 100%;
        margin-right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:767.9px) {
    .about__info {
        margin-bottom: 30px
    }
}

.about__video {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 47px;
    padding-left: 255px
}

@media (max-width:1199.9px) {
    .about__video {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:991.9px) {
    .about__video {
        padding-top: 17px
    }
}

@media (max-width:767.9px) {
    .about__video {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 0
    }
}

.about__link {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.about__link:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -33px;
    width: 104px;
    height: 41px;
    background-image: url(..//custom/rekmos/img/video-arrow.svg);
    background-size: 100% 100%
}

@media (max-width:991.9px) {
    .about__link:after {
        bottom: -10px;
        right: -30px
    }
}

@media (max-width:374px) {
    .about__link:after {
        right: -10px
    }
}

.about__videoBtn {
    position: absolute;
    top: -79px;
    right: -121px
}

@media (max-width:991.9px) {
    .about__videoBtn {
        top: -20px;
        right: -100px;
        width: 72px;
        height: 72px
    }
}

@media (max-width:374px) {
    .about__videoBtn {
        right: -70px
    }
}

.about__time,
.about__watch {
    display: block
}

.about__watch {
    font-size: 16px;
    line-height: 19px
}

.about__time {
    padding-top: 7px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #02ffff
}

.about__title {
    color: #fff;
    margin: 0;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.225
}

@media (max-width:991px) {
    .about__title {
        font-size: 34px;
        line-height: 44px
    }
}

@media (max-width:767px) {
    .about__title {
        font-size: 28px;
        line-height: 38px
    }
}

@media (max-width:576px) {
    .about__title {
        font-size: 24px;
        line-height: 34px
    }
}

.about__titlePick {
    color: #02ffff
}

.about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 33px;
    margin-bottom: 42px;
    padding: 0;
    list-style: none
}

@media (max-width:576px) {
    .about__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 90%
    }
}

.about__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    margin-right: 15px;
    font-size: 18px;
    line-height: 1.22;
    color: #fff
}

.about__item:last-child {
    margin-right: 0
}

.about__item svg {
    margin-bottom: 10px
}

@media (max-width:992px) {
    .about__item {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width:576px) {
    .about__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 0;
        margin-bottom: 20px
    }

    .about__item:last-child {
        margin-bottom: 0
    }

    .about__item svg {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        margin-bottom: 0
    }

    .about__item span {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width:992px) {
    .about__button {
        max-width: 100%;
        width: 345px;
        height: 80px
    }
}

.siteList__toggleWrap {
    display: none
}

@media (max-width:991px) {
    .siteList__toggleWrap {
        z-index: 11;
        position: absolute;
        top: 22px;
        right: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background-color: white;
    }

    .siteList__toggleWrap svg {
        fill: #3b3b3b
    }

    .siteList__toggle,
    .siteList__toggle::after,
    .siteList__toggle::before {
        position: absolute;
        background-color: #3b3b3b;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .siteList__toggle {
        opacity: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: block;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-clip: content-box;
        width: 21px;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        z-index: 12;
        border-radius: 12px;
        height: 24px
    }

    .siteList__toggle::after,
    .siteList__toggle::before {
        content: "";
        height: 2px;
        right: 0;
        will-change: rotate;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        border-radius: 30px
    }

    .siteList__toggle::before {
        top: -5px;
        width: 100%
    }

    .siteList__toggle::after {
        bottom: -5px;
        width: 100%
    }

    .siteList__toggle.active {
        opacity: 1;
        background: 0 0;
        background-clip: content-box;
        z-index: 10
    }

    .siteList__toggle.active:before {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 0;
        width: 110%
    }

    .siteList__toggle.active:after {
        bottom: 0;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        width: 110%
    }

    .siteList__toggle.active+svg {
        opacity: 0
    }

    .siteList__toggle a {
        position: absolute;
        top: -14px;
        display: block;
        width: 33px;
        height: 33px
    }
}

.siteList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.siteList__item {
    margin-right: 60px
}

@media (max-width:1650px) {
    .siteList__item {
        margin-right: 20px
    }
}

.siteList__item--service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.siteList__item--service span {
    margin-left: 10px
}

.serviceMenuToggle {
    position: relative;
    width: 20px;
    height: 20px
}

.serviceMenuToggle>* {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.serviceMenuToggle__menuDots {
    fill: #fff
}

@media (max-width:991px) {
    .serviceMenuToggle>* {
        display: none
    }
}

.serviceMenuToggle__close {
    display: none
}

.siteList__link {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.22;
    color: #fff
}

@media (max-width:1559px) {
    .siteList__link {
        font-size: 16px
    }
}

.siteList__link:hover {
    text-decoration: underline
}

.siteList__contacts,
.slider__dots li button,
.slider__dots-main li button {
    display: none
}

@media (max-width:991px) {
    .siteList__contactsTel {
        padding-bottom: 0 !important;
        font-weight: 600;
        font-size: 28px;
        line-height: 34px;
        text-align: center;
        text-transform: uppercase;
        color: #fff
    }

    .siteList__timetable {
        display: block;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        text-align: center
    }

    .siteList__timetable span {
        position: relative
    }

    .siteList__timetable span::before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -10px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #00ffad
    }

    .siteList {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0
    }

    .siteList__item--service svg {
        display: none
    }

    .siteList__item {
        text-align: center;
        font-size: 20px;
        line-height: 24px
    }
}

.subSiteList {
    margin: 0 auto;
    padding-top: 51px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 69px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    list-style: none;
    -webkit-column-gap: 52px;
    -moz-column-gap: 52px;
    column-gap: 52px;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1199px) {
    .subSiteList {
        width: 100%;
        margin: 0 auto;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 25px
    }
}

@media (max-width:991px) {
    .subSiteList {
        padding: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.subSiteList span {
    margin: 0
}

.subSiteList__wrap {
    display: none;
    position: absolute;
    z-index: 2;
    top: 111px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    right: 0;
    width: 1300px;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #272727
}

.subSiteList__wrap.open {
    display: block
}

@media (max-width:1199px) {
    .subSiteList__wrap {
        width: 100%;
        top: 104px
    }
}

@media (max-width:991px) {
    .subSiteList__wrap {
        width: auto
    }
}

.subSiteList__item {
    margin-bottom: 30px;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 30px
}

.subSiteList__link {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-left: 26px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: #fff
}

.subSiteList__link:hover {
    text-decoration: underline
}

.subSiteList__link::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: -o-linear-gradient(265.42deg, #ffedac -43.24%, #02ffff 96.86%);
    background: linear-gradient(184.58deg, #ffedac -43.24%, #02ffff 96.86%);
    z-index: 11
}

@media (max-width:1199px) {
    .subSiteList__link {
        padding-left: 20px;
        font-size: 16px
    }

    .subSiteList__link::before {
        top: 3px
    }
}

@media (max-width:991px) {
    .subSiteList__link::before {
        display: none
    }
}

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

@media (max-width:991px) {
    .subSiteList__service {
        padding: 0;
        margin: 0;
        list-style: none;
        padding-left: 15px;
        padding-right: 15px
    }
}

.subSiteList__serviceItem {
    width: 95%;
    margin-bottom: 5px
}

.subSiteList__serviceLink {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #fff
}

.subSiteList__serviceLink:hover {
    text-decoration: underline
}

@media (max-width:991px) {

    .subSiteList__link,
    .subSiteList__serviceLink {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        padding-top: 19px !important;
        padding-bottom: 19px !important;
        padding-left: 0 !important;
        white-space: normal !important
    }
}

@media (max-width:991px) {
    .mm-menu {
        color: #333
    }

    .mm-panels>.mm-panel:after,
    .mm-panels>.mm-panel:before {
        display: none
    }

    .mm-panels>.mm-panel {
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }

    .mm-panels>.mm-panel.mm-hasnavbar {
        padding-top: 50px
    }

    #mm-1 {
        padding-top: 0
    }

    .mm-listview>li>a,
    .mm-listview>li>span {
        padding: 15px;
        text-align: left;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px
    }

    .mm-menu.mm-offcanvas,
    .mm-menu.mm-offcanvas.mm-current.mm-opened {
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease
    }

    .mm-menu.mm-offcanvas {
        display: block;
        max-width: 100%;
        width: 100%;
        -webkit-transform: translateX(-120%);
        -ms-transform: translateX(-120%);
        transform: translateX(-120%)
    }

    .mm-menu.mm-offcanvas.mm-current.mm-opened {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .mm-listview .mm-next:before {
        display: none
    }

    .mm-listview,
    .mm-listview>li {
        border: none
    }

    .mm-menu.mm-border-full .mm-listview>li:after {
        border-bottom: 1px solid #eee
    }

    .mm-menu .mm-btn:after,
    .mm-menu .mm-btn:before,
    .mm-menu .mm-listview>li .mm-next:after {
        right: 15px;
        border-color: #000
    }

    .mm-next:after {
        width: 10px;
        height: 10px
    }

    .mm-next,
    .mm-prev {
        position: absolute
    }

    .mm-listview .mm-next.mm-fullsubopen+a,
    .mm-listview .mm-next.mm-fullsubopen+span {
        padding-right: 20px
    }

    .mm-navbar-bottom {
        border: none
    }

    .mm-menu .mm-navbar>*,
    .mm-menu .mm-navbar a,
    .mm-menu em.mm-counter {
        color: #fff
    }

    .mm-next:after {
        right: 5px
    }

    .mm-panels>.mm-panel>.mm-listview:first-child,
    .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
        margin: 0
    }

    .mm-navbar {
        height: auto;
        padding: 0;
        border-bottom: none;
        background-color: #f5f5f5;
        color: #000
    }

    .mm-title {
        padding-top: 15px;
        padding-left: 50px;
        padding-bottom: 15px;
        text-align: center;
        font-size: 16px;
        line-height: 20px
    }

    .mm-prev {
        width: 62px;
        height: 50px;
    }

    .mm-navbar-bottom-1 {
        height: auto
    }
}

@media (max-width:991px) {
    #my-menu {
        z-index: 2;
        top: 110px;
        display: none;
        background: #161616
    }

    .mm-menu {
        color: #fff
    }

    .mm-navbar {
        background-color: transparent
    }

    .mm-listview>li>a,
    .mm-listview>li>span {
        padding: 20px 15px;
        padding-left: 15px !important;
        text-align: left;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px
    }

    .mm-menu.mm-border-full .mm-listview>li:after {
        border-bottom: 1px solid #444
    }

    .mm-menu .mm-btn:after,
    .mm-menu .mm-btn:before,
    .mm-menu .mm-listview>li .mm-next:after {
        right: 15px;
        border-color: #fff
    }

    .mm-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
        color: #fff !important
    }

    .mm-prev {
        left: 15px;
        width: 95px
    }

    .mm-prev:before {
        content: 'Назад';
        width: 80px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        border-radius: 3px;
        border: 1px solid #02ffff !important;
        color: #fff
    }

    .my-menu__tel {
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 15px;
        font-weight: 600;
        font-size: 28px;
        line-height: 34px;
        color: #fff
    }

    .my-menu__info {
        padding: 15px;
        text-align: left;
        font-size: 14px;
        line-height: 17px;
        color: #000
    }

    .my-menu__infoItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 13px
    }

    .my-menu__infoItem:last-child {
        margin-bottom: 0
    }

    .my-menu__infoItem--adress svg {
        width: 13px;
        height: 18px;
        margin-right: 15px
    }

    .my-menu__infoItem--time svg {
        width: 14px;
        height: 14px;
        margin-right: 10px
    }
}

.bgPat {
    width: 1920px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat
}

.bgPat--1 {
    background-image: url(..//custom/rekmos/img/bg_pat_1.png);
    position: relative;
    z-index: 2
}

.bgPat--2 {
    background-image: url(..//custom/rekmos/img/bg_pat_2.png);
    background-position: bottom;
    background-color: #161616;
}

.bgPat--3 {
    background-image: url(..//custom/rekmos/img/bg_pat_3.png)
}

.bgPat--inner-1 {
    background-image: url(..//custom/rekmos/img/bg_inner_pat_1.png)
}

.bgPat--inner-2 {
    background-image: url(..//custom/rekmos/img/bg_pat_2.png);
    background-position: -50px bottom
}

@media (max-width:1919px) {
    .bgPat--inner-2 {
        background-position: center bottom
    }
}

.bgPat--inner-3 {
    background-image: url(../../index.htm)
}

@media (max-width:1919px) {
    .bgPat {
        width: 100%
    }
}

@media (max-width:1199px) {
    .bgPat {
        background-image: none
    }
}

.goods,
.goods__wrap {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.goods {
    width: 1920px;
    background-color: #161616;
}

@media (max-width:1919px) {
    .goods {
        width: 100%
    }
}

.goods__wrap {
    width: 1200px;
    padding: 100px 15px 17px
}

@media (max-width:1199px) {
    .goods__wrap {
        width: 100%;
        margin: 0 auto;
        padding-top: 50px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.goods__wrap--servicePage {
    padding-top: 0
}

.goods__title {
    margin-bottom: 20px
}

.goods__desc p,
.industry__desc p {
    margin-top: 0;
    color: white;
}

.goods__itemWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-bottom: 50px
}

@media (max-width:992px) {
    .goods__itemWrap {
        margin-top: 0;
        margin-bottom: 0
    }
}

.goods__item {
    --marginRight: 30px;
    --elements: 5;
    width: calc(100% / var(--elements) - (((var(--elements) * var(--marginRight)) - var(--marginRight))/ var(--elements)));
    margin-top: 50px;
    margin-right: var(--marginRight);
    padding: 13px 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: top .2s ease;
    -o-transition: top .2s ease;
    transition: top .2s ease;
    cursor: pointer
}

.goods__item:nth-child(5n) {
    margin-right: 0
}

.goods__item:hover {
    top: -5px;
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease
}

@media (max-width:1200px) {
    .goods__item {
        --elements: 4;
        margin-right: var(--marginRight)
    }

    .goods__item:nth-child(5n) {
        margin-right: var(--marginRight)
    }

    .goods__item:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width:992px) {
    .goods__item {
        --elements: 3;
        margin-top: 30px;
        margin-right: var(--marginRight)
    }

    .goods__item:nth-child(4n) {
        margin-right: var(--marginRight)
    }

    .goods__item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:576px) {
    .goods__item {
        --marginRight: 20px;
        --elements: 2;
        margin-right: var(--marginRight);
        padding: 0
    }

    .goods__item:nth-child(3n) {
        margin-right: var(--marginRight)
    }

    .goods__item:nth-child(2n) {
        margin-right: 0
    }
}

.goods__item:hover .goods__itemTitle {
    color: #02ffff;
    text-decoration: none
}

.goods__item.current .goods__itemTitle {
    color: #02ffff;
    text-decoration: none
}

.goods__imgWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 134px
}

.goods__img {
    width: auto
}

.goods__itemTitle {
    display: block;
    margin: 0 auto;
    padding-top: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #ffffff
}

.goodsInf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:992px) {
    .goodsInf {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:992px) {
    .goodsInf__wrap {
        margin-left: 15px;
        margin-right: 15px
    }
}

.goodsInf__imgWrap {
    width: 467px;
    height: 475px;
    opacity: 0;
    overflow: hidden
}

.goodsInf__imgWrap.show {
    opacity: 1;
    height: auto;
    overflow: visible
}

@media (max-width:1200px) {
    .goodsInf__imgWrap {
        width: 343px
    }
}

@media (max-width:992px) {
    .goodsInf__imgWrap {
        width: 100%;
        height: 275px;
        margin-bottom: 20px
    }
}

.goodsInf__img {
    width: 467px;
    height: 430px;
    border-radius: 20px
}

@media (max-width:1200px) {
    .goodsInf__img {
        width: 343px
    }
}

.goodsInf__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 30px
}

@media (max-width:992px) {
    .goodsInf__content {
        padding-left: 0
    }
}

.goodsInf__title {
    margin-bottom: 35px
}

@media (max-width:992px) {
    .goodsInf__title {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 29px
    }
}

.goodsInf__desc {
    font-size: 18px;
    line-height: 1.39;
    color: rgba(59, 59, 59, .8)
}

@media (max-width:992px) {
    .goodsInf__desc {
        font-size: 14px;
        line-height: 25px
    }
}

.goodsInf__buttonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 65px
}

@media (max-width:1200px) {
    .goodsInf__buttonWrap {
        margin-top: 30px
    }
}

@media (max-width:992px) {
    .goodsInf__buttonWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.goodsInf__button {
    width: 310px
}

@media (max-width:1200px) {
    .goodsInf__button {
        width: 280px
    }
}

@media (max-width:992px) {
    .goodsInf__button {
        width: 100%;
        height: 60px;
        font-size: 16px
    }

    .goodsInf__button:not(:last-child) {
        margin-bottom: 13px
    }
}

.goodsInf__buttonCaltoActWrap {
    position: relative
}

.goodsInf__buttonCaltoAct {
    position: absolute;
    right: 0;
    bottom: -84px;
    padding-right: 40px;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    color: #000
}

@media (max-width:1200px) {
    .goodsInf__buttonCaltoAct {
        display: none
    }
}

.goodsInf__buttonCaltoAct:after {
    content: '';
    position: absolute;
    top: -38px;
    right: 0;
    width: 33px;
    height: 47px;
    background-image: url(..//custom/rekmos/img/point-arrow-top-blc.svg);
    background-size: 100% 100%
}

.goodsInf__buttonCaltoAct--service {
    bottom: -63px;
    left: 0;
    padding-left: 16px;
    padding-right: 0
}

.goodsInf__buttonCaltoAct--service:after {
    top: -36px;
    left: -18px;
    right: auto;
    width: 34px;
    height: 49px;
    background-image: url(..//custom/rekmos/img/point-arrow-left-top-blc.svg)
}

.goodsInf__whatsappText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 84px;
    font-size: 18px;
    line-height: 22px;
    color: #655a7c
}

.goodsInf__whatsappText_icon {
    margin-left: 15px
}

.mnProject {
    padding-top: 50px;
    padding-bottom: 80px
}

@media (max-width:992px) {
    .mnProject {
        padding-right: 0;
        padding-bottom: 25px
    }
}

.mnProject__title {
    margin-bottom: 20px
}

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

.mnProject__item {
    --marginRight: 30px;
    --elements: 3;
    width: calc(100% / var(--elements) - (((var(--elements) * var(--marginRight)) - var(--marginRight))/ var(--elements)));
    margin-top: 30px;
    margin-right: var(--marginRight);
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    -webkit-transition: top .2s ease;
    -o-transition: top .2s ease;
    transition: top .2s ease
}

.mnProject__item:nth-child(3n) {
    margin-right: 0
}

.mnProject__item:focus {
    outline: 0
}

.mnProject__item:hover {
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.mnProject__item .customSlick__arrow {
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.mnProject__item:hover .customSlick__arrow {
    opacity: 1;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width:992px) {
    .mnProject__item {
        width: 325px;
        margin-top: 0;
        margin-right: 15px;
        margin-bottom: 30px
    }

    .mnProject__item:nth-child(3n) {
        margin-right: 15px
    }
}

.mnProject__img {
    height: 370px;
    border-radius: 20px 20px 0 0
}

.mnProject__img:focus {
    outline: 0
}

@media (max-width:992px) {
    .mnProject__img {
        height: auto
    }

    .mnProject__img:not(:first-child) {
        display: none
    }
}

.mnProject__itemTitle {
    display: block;
    padding: 20px 15px;
    font-size: 14px;
    line-height: 17px;
    color: #655a7c;
    height: 30px;
}

.mnProject__itemTitle:focus {
    outline: 0
}

.mnProject__buttonWrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

@media (max-width:992px) {
    .mnProject__buttonWrap {
        margin-top: 0
    }
}

.industry {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 15px
}

@media (max-width:1200px) {
    .industry {
        padding-bottom: 365px
    }
}

@media (max-width:992px) {
    .industry {
        padding-bottom: 30px
    }
}

@media (max-width:767px) {
    .industry {
        padding-left: 0;
        padding-right: 0
    }
}

.industry__title {
    margin-bottom: 50px
}

.industry__wrap {
    opacity: 0;
    height: 710px;
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.industry__wrap.show {
    opacity: 1;
    height: auto
}

.industry__desc {
    width: 87%;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px
}

.industry__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 48px
}

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

.industry__tabsLink {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    margin-right: 15px;
    padding-bottom: 6px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    cursor: pointer
}

.industry__tabsLink:focus {
    outline: 0
}

.industry__tabsLink.current {
    position: relative;
    color: #eec814
}

.industry__tabsLink.current:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #eec814
}

.industry__tabsLink:before {
    content: '';
    width: 9px;
    height: 9px;
    margin-right: 15px;
    border-radius: 50%;
    background-color: #eec814
}

.industry__content {
    display: none
}

.industry__content.current {
    display: block
}

@media (max-width:992px) {
    .industry__slider {
        margin-left: -15px;
        margin-right: -15px
    }
}

.industry__sliderArrow--left {
    left: -55px
}

.industry__sliderArrow--right {
    right: -55px
}

@media (max-width:1919px) {
    .industry__sliderArrow--left {
        left: -10px
    }

    .industry__sliderArrow--right {
        right: -10px
    }
}

.industry__sliderArrow--right svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.industry__slideWrap {
    padding: 20px;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.industry__slideWrap:focus {
    outline: 0
}

.industry__slideWrap.active {
    opacity: 1
}

.industry__slideAbout {
    margin-top: auto;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.industry__slideAbout {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3
}

.industry__img {
    width: 100%;
    height: 437px;
    border-radius: 28px
}

.industry__slideTitle {
    margin: 0;
    padding-top: 30px;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    color: #3f3e3e
}

.industry__slideDate {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: rgba(85, 85, 85, .5)
}

.industry__slideDate span {
    margin-left: 24px;
    color: #555
}

.industry__slideDesc {
    font-size: 18px;
    line-height: 25px;
    color: rgba(59, 59, 59, .8)
}

.industry__slideDesc p {
    margin-top: 0;
    margin-bottom: 25px
}

.industry__slideDesc p:last-of-type {
    margin-bottom: 0
}

.industry__slideButtonWrap {
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    padding-left: 50px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.industry__slideButton {
    width: 310px;
    margin-right: 46px
}

.industry__slideWhatsapp {
    margin-top: 0
}

.industry__slideLink {
    display: block;
    padding-top: 30px;
    padding-bottom: 31px;
    width: 270px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #4384de;
    text-align: center;
    border: 1px solid #4384de;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.industry__slideLink:hover {
    background-color: #4384de;
    color: #fff;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease
}

.industry__slide {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 26% 1fr 20%;
    grid-template-rows: 26% 1fr 20%;
    -ms-grid-columns: 40% 60%;
    grid-template-columns: 40% 60%
}

.industry__img {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 3;
    grid-row-end: 4
}

.industry__slide {
    -ms-grid-rows: none;
    grid-template-rows: none
}

.industry__slideTitle {
    font-size: 26px;
    text-transform: none;
    margin-bottom: 5px;
    margin-left: 30px
}

.industry__slideDesc .photo {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.industry__slideDesc .photo__item {
    width: 31%;
    margin-right: 2.6%
}

.industry__slideDesc .photo__item:nth-child(3n) {
    margin-right: 0
}

.industry__slideDesc .photo__item:nth-child(4n) {
    margin-right: 2.6%
}

.industry__slideDesc .photo__item:nth-child(5n) {
    margin-right: 2.6%
}

.industry__navSlider {
    margin-top: 20px
}

@media (max-width:992px) {
    .industry__navSlider {
        display: none
    }
}

.industry__navItem {
    position: relative;
    width: 170px;
    height: 157px;
    margin: 30px 15px;
    -webkit-filter: drop-shadow(0 4px 20px rgba(0, 0, 0, .05));
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, .05));
    border-radius: 18px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

.industry__navItem:hover {
    -webkit-filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, .2));
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, .2))
}

.industry__navItem.slick-current {
    bottom: 10px;
    -webkit-filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, .2));
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, .2))
}

@media (max-width:1199px) {
    .industry {
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .industry,
    .industry__slider {
        width: 100%;
        margin: 0 auto
    }

    .industry__slideWrap {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .industry__slide {
        padding-bottom: 20px
    }

    .industry__img {
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-row-span: 1;
        grid-row-end: 3;
        border-radius: 0;
        margin-left: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .industry__slideAboutWrap {
        margin-left: 15px;
        margin-right: 15px;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

    .industry__slideAbout {
        padding-left: 15px;
        padding-right: 15px
    }

    .industry__slideDesc {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .industry__slideButtonWrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 15px;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

    .industry__slideTask {
        padding-left: 15px
    }
}

@media (max-width:991px) {
    .industry__title {
        width: 90%
    }

    .industry__slideDesc {
        margin-bottom: 0;
        height: 100%
    }

    .industry__slide {
        padding-bottom: 15px;
        -ms-grid-rows: auto 1fr auto;
        grid-template-rows: auto 1fr auto;
        -ms-grid-columns: 40% 60%;
        grid-template-columns: 40% 60%
    }
}

@media (max-width:991px) {
    .industry__slideWrap {
        opacity: 1
    }
}

@media (max-width:991px) {
    .industry__img {
        display: block !important;
        height: auto;
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-row-span: 1;
        grid-row-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3;
        margin-left: 0
    }

    .industry__slideButtonWrap {
        -ms-grid-row: 4;
        grid-row-start: 4;
        -ms-grid-row-span: 1;
        grid-row-end: 5;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

    .industry__slideAbout {
        padding-top: 30px;
        -ms-grid-row: 3;
        grid-row-start: 3;
        -ms-grid-row-span: 1;
        grid-row-end: 4;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }
}

@media (max-width:767px) {

    .industry__desc,
    .industry__title {
        padding-left: 15px;
        padding-right: 15px
    }

    .industry__desc {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .industry__title {
        font-size: 24px;
        line-height: 34px
    }

    .industry__slideAboutWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 10px
    }

    .industry__slideAbout {
        padding-left: 15px
    }

    .industry__slideTitle {
        padding-top: 20px;
        font-size: 24px;
        line-height: 34px
    }

    .industry__slideWrap {
        padding: 15px
    }

    .industry__desc {
        font-size: 16px
    }

    .industry__slideButtonWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .industry__slideButton {
        margin: 0 auto 10px
    }

    .industry__slideLink {
        margin: 0 auto
    }
}

@media (max-width:576px) {
    .industry {
        padding-top: 40px;
        padding-bottom: 60px
    }

    .industry__title {
        width: 100%
    }

    .industry__slideTitle,
    .industry__title {
        font-size: 22px;
        line-height: 32px
    }

    .industry__slideButton,
    .industry__slideLink {
        width: 100%
    }

    .industry__img {
        display: none !important
    }

    .industry__slideAbout {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }
}

@media (max-width:576px) {
    .industry__slide {
        -ms-grid-rows: auto auto 1fr auto;
        grid-template-rows: auto auto 1fr auto
    }

    .industry__slideDesc .photo__item {
        width: 48.7%
    }

    .industry__slideDesc .photo__item:nth-child(3n) {
        margin-right: 2.6%
    }

    .industry__slideDesc .photo__item:nth-child(2n) {
        margin-right: 0
    }
}

.service {
    width: 1200px;
    padding: 50px 15px 20px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1199px) {
    .service {
        width: 100%;
        padding-bottom: 30px;
    }
}

.service__title {
    margin-bottom: 46px
}

@media (max-width:992px) {
    .service__title {
        margin-bottom: 30px
    }
}

.service__list {
    width: 1200px;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    list-style: none
}

@media (max-width:1199px) {
    .service__list {
        width: 100%
    }
}

@media (max-width:576px) {
    .service__list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.service__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    color: white;
}

@media (max-width:992px) {
    .service__item {
        margin-bottom: 20px
    }
}

.service__imgWrap {
    width: 63px;
    margin-right: 20px
}

.service__itemDesc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px
}

.service__itemDesc p {
    margin-top: 0;
    margin-bottom: 0
}

.service__item:nth-child(7) .service__imgWrap::before {
    content: "";
    width: 63px;
    height: 58px;
    background-image: url(..//custom/rekmos/img/svg/icon-service-7-v2.svg);
    background-size: 100% 100%
}

.commerce {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 70px 15px 40px
}

@media (max-width:1199px) {
    .commerce {
        width: 100%
    }
}

@media (max-width:992px) {
    .commerce {
        padding-top: 30px;
        padding-bottom: 25px
    }
}

.commerce__title {
    width: 60%
}

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

.commerce__desc {
    width: 53%;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff
}

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

.commerce__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 44px auto 0;
    list-style: none
}

@media (max-width:992px) {
    .commerce__list {
        margin-top: 30px
    }
}

.commerce__item {
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc((100%/5) - 30px);
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 30px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 25px rgba(0, 0, 0, .05);
    cursor: pointer;
    -webkit-transition: top .2s ease;
    -o-transition: top .2s ease;
    transition: top .2s ease
}

.commerce__item:nth-child(5n) {
    margin-right: 0
}

.commerce__item:focus {
    outline: 0
}

.commerce__item.active,
.commerce__item:hover {
    background: -o-linear-gradient(265.42deg, #ffedac -43.24%, #02ffff 96.86%);
    background: linear-gradient(184.58deg, #ffedac -43.24%, #02ffff 96.86%)
}

.commerce__item.active .commerce__imgWrap,
.commerce__item:hover .commerce__imgWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 0;
    border: 5px solid #fff;
    border-radius: 50%;
    background: -o-linear-gradient(265.42deg, #ffedac -43.24%, #02ffff 96.86%);
    background: linear-gradient(184.58deg, #ffedac -43.24%, #02ffff 96.86%);
    -webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    transform: translateX(-26px)
}

.commerce__item.active .commerce__imgWrap svg,
.commerce__item:hover .commerce__imgWrap svg {
    fill: #000
}

@media (max-width:1199px) {
    .commerce__item {
        --marginRight: 30px;
        --elements: 5;
        width: calc(100% / var(--elements) - (((var(--elements) * var(--marginRight)) - var(--marginRight))/ var(--elements)));
        margin-right: var(--marginRight)
    }

    .commerce__item:nth-child(6n) {
        margin-right: var(--marginRight)
    }

    .commerce__item:nth-child(5n) {
        margin-right: 0
    }
}

@media (max-width:992px) {
    .commerce__item {
        --elements: 4
    }

    .commerce__item:nth-child(5n) {
        margin-right: var(--marginRight)
    }

    .commerce__item:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .commerce__item {
        width: 170px;
        margin-left: 25px;
        margin-right: 0
    }
}

.commerce__imgWrap {
    margin-right: 20px;
    -webkit-transition: top .2s ease;
    -o-transition: top .2s ease;
    transition: top .2s ease
}

.commerce__imgWrap svg {
    fill: #00b1b1;
}

.commerce__name {
    max-width: 91px;
    font-size: 15px;
    line-height: 15px;
    color: #000
}

.commerce__buttonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 57px
}

@media (max-width:767px) {
    .commerce__buttonWrap {
        margin-top: 30px
    }
}

.commerce__buttonCaltoActWrap {
    position: relative
}

.commerce__buttonCaltoAct {
    position: absolute;
    right: -197px;
    bottom: -57px;
    font-size: 14px;
    line-height: 20px
}

.commerce__buttonCaltoAct:after {
    content: '';
    position: absolute;
    top: -9px;
    left: -54px;
    width: 45px;
    height: 39px;
    background-image: url(..//custom/rekmos/img/point-arrow-bot-right-blc.svg);
    background-size: 100% 100%
}

@media (max-width:767px) {
    .commerce__buttonCaltoAct {
        right: 0;
        bottom: -55px;
        padding-right: 30px
    }
}

.commerce__button:focus {
    outline: 0
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin: 0 auto;
    padding: 43px 15px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width:1199px) {
    .tabs {
        width: 100%;
        padding-top: 25px
    }
}

@media (max-width:992px) {
    .tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0
    }
}

.tabs__linkWrap {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    padding-right: 50px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:992px) {
    .tabs__linkWrap {
        padding-right: 0;
        margin-bottom: 50px
    }
}

.tabs__linkImg {
    margin-left: 0;
    margin-right: 12px
}

.tabs__linkWrap li.current {
    color: #3b3b3b;
    background: -o-linear-gradient(265.42deg, #ffedac -43.24%, #02ffff 96.86%);
    background: linear-gradient(184.58deg, #ffedac -43.24%, #02ffff 96.86%)
}

.tabs__linkWrap li.current svg:not(.svgActive) {
    display: none
}

.tabs__linkWrap li.current svg.svgActive {
    display: block
}

.tabs__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    width: 272px;
    height: 130px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 25px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    font-size: 18px;
    line-height: 22px;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.tabs__link:focus {
    outline: 0
}

.tabs__link:last-child {
    margin-bottom: 0
}

.tabs__link svg {
    margin-right: 20px
}

.tabs__link .svgActive {
    display: none
}

@media (max-width:992px) {
    .tabs__link {
        height: 92px;
        margin-right: 25px;
        padding-left: 26px;
        font-size: 16px;
        line-height: 20px
    }
}

.tabs__contentWrap {
    position: relative
}

@media (max-width:992px) {
    .tabs__contentWrap {
        padding-right: 15px
    }
}

.tabs__content {
    display: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #111
}

.tabs__content p {
    margin-top: 0;
    margin-bottom: 30px;
    color: #ffffff;
}

.tabs__content.current {
    display: block
}

.tabs__contentTitle {
    margin-bottom: 30px;
    color: #ffffff
}

.tabs__contentList {
    width: 90%;
    padding: 0;
    margin: 0 0 30px;
    list-style: none
}

.tabs__contentListItem {
    position: relative;
    padding-left: 28px;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff
}

.tabs__contentListItem::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: -o-linear-gradient(265.42deg, #ffedac -43.24%, #02ffff 96.86%);
    background: linear-gradient(184.58deg, #ffedac -43.24%, #02ffff 96.86%)
}

.cost__section {
    width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1919px) {
    .cost__section {
        width: 100%;
        padding-left: 15px
    }
}

@media (max-width:575px) {
    .cost__section {
        padding-left: 0
    }
}

.cost__wrap {
    width: 1560px;
    margin-left: auto;
    border-radius: 40px 0 0 40px;
    background: -o-linear-gradient(247.63deg, rgba(117, 107, 137, .92) 14.98%, rgba(160, 147, 189, .92) 63.94%, rgba(101, 90, 124, .92) 96.73%);
    background: linear-gradient(202.37deg, rgba(117, 107, 137, .92) 14.98%, rgba(160, 147, 189, .92) 63.94%, rgba(101, 90, 124, .92) 96.73%);
    -webkit-box-shadow: 0 3px 25px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 25px rgba(0, 0, 0, .05)
}

@media (max-width:1919px) {
    .cost__wrap {
        width: auto
    }
}

@media (max-width:575px) {
    .cost__wrap {
        border-radius: 0
    }
}

.cost {
    width: 1200px;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1919px) {
    .cost {
        margin-left: auto
    }
}

.cost__about {
    padding-top: 55px;
    padding-bottom: 56px;
    padding-left: 50px
}

@media (max-width:767px) {
    .cost__about {
        padding: 0
    }
}

.cost__desc,
.cost__title {
    margin: 0;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #fff
}

.cost__desc {
    margin: 13px 0 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #fff
}

.cost__time {
    margin-top: 15px;
    width: 95%
}

.cost__time,
.cost__time p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cost__time p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #fff
}

.cost__time p svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cost__time p span {
    width: 70%;
    margin-left: 15px
}

.cost__inputButtonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.cost__inputWrap {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50.63%;
    height: 80px;
    margin-right: 20px
}

@media (max-width:767px) {
    .cost__inputWrap {
        height: 60px
    }
}

.cost__inputWrap::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
    width: 22px;
    height: 22px;
    background-image: url(..//custom/rekmos/img/svg/icon-tel-v2.svg)
}

.cost__input {
    width: 100%;
    height: 80px;
    margin-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border: 0;
    border-radius: 40px;
    background: #f6f6f6;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cost__input:focus {
    outline: 0
}

.cost__input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: silver
}

.cost__input::-moz-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: silver
}

.cost__input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: silver
}

.cost__input:-moz-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: silver
}

@media (max-width:767px) {
    .cost__input {
        height: 60px
    }
}

.cost__conf {
    display: block;
    margin: 15px 0 0;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #fff
}

.cost__confLink {
    color: #f2c94c
}

.cost__confLink:hover {
    text-decoration: underline
}

.cost__imgWrap {
    position: relative;
    width: 65%
}

.cost__imgWrap::before {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: -40px;
    width: 398px;
    height: 499px;
    background-size: 100% 100%;
    background-image: url(..//custom/rekmos/img/superman.png);
    background-repeat: no-repeat
}

.cost__img {
    position: absolute;
    left: -20px;
    bottom: 0;
    width: 241px;
    height: 494px
}

.cost__imgAbout {
    position: absolute;
    top: 0;
    right: -14px;
    width: 38%;
    margin: 0;
    padding-top: 30px
}

.cost__imgAbout::before {
    content: "";
    position: absolute;
    bottom: -31px;
    left: 40px;
    width: 32px;
    height: 22px;
    background-image: url(..//custom/rekmos/img/cost-img-about-line.svg);
    background-repeat: no-repeat
}

.cost__imgDo,
.cost__imgName,
.cost__imgWho {
    display: block;
    color: #fff
}

.cost__imgName {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.cost__imgWho {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #f6dd6a
}

.cost__imgDo {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

@media (max-width:1199px) {
    .cost {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .cost__button {
        font-size: 14px
    }

    .cost__img {
        left: -70px
    }
}

@media (max-width:991px) {
    .cost__imgWrap {
        display: none
    }
}

@media (max-width:767px) {
    .cost__title {
        font-size: 24px;
        line-height: 34px
    }

    .cost__inputButtonWrap,
    .cost__time {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cost__inputWrap {
        width: 70%;
        margin: 0 auto 20px
    }

    .cost__button {
        margin: 0 auto;
        width: 70%;
        font-size: 16px
    }

    .cost__conf {
        text-align: center
    }
}

@media (max-width:576px) {
    .cost {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .cost__button,
    .cost__inputWrap {
        width: 100%
    }

    .cost__conf {
        text-align: center
    }

    .cost__title {
        font-size: 22px;
        line-height: 32px
    }

    .cost__desc {
        font-size: 18px;
        line-height: 25px
    }

    .cost__inputWrap::before {
        display: none
    }
}

@media (max-width:1199px) {
    .cost__imgWrap::before {
        left: -70px
    }
}

@media (max-width:991px) {
    .cost__imgWrap::before {
        display: none
    }
}

.customers {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 100px 15px 40px
}

@media (max-width:1199px) {
    .customers {
        width: 100%;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 70px 15px 85px
    }
}

@media (max-width:1199px) {
    .customers {
        width: 100%;
        padding-bottom: 25px
    }
}

@media (max-width:767px) {
    .customers {
        padding-top: 50px
    }
}

@media (max-width:576px) {
    .customers {
        padding-left: 0;
        padding-right: 0
    }
}

.customers__title {
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #3b3b3b
}

.customers__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 50px 87px 27px;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.customers__slider {
    margin-left: -20px;
    margin-right: -20px
}

.customers__slide {
    padding: 20px;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.customers__slide:focus {
    outline: 0
}

.customers__slide.active,
.customers__slide.slick-current {
    opacity: 1
}

@media (max-width:991px) {
    .customers__slide {
        opacity: 1
    }
}

@media (max-width:576px) {
    .customers__slide {
        padding: 15px
    }
}

.customers__list {
    background: #fff;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
    border-radius: 15px
}

.customers__item {
    width: 21.8%;
    margin-right: 4%;
    margin-bottom: 30px
}

.customers__item:nth-child(4n) {
    margin-right: 0
}

.customers__logo-1,
.customers__logo-2 {
    background-image: url(..//custom/rekmos/img/logo/spritesheet.png);
    width: 219px;
    height: 117px;
    background-position: -5px -114px
}

.customers__logo-2 {
    width: 212px;
    height: 120px;
    background-position: -298px -5px
}

.customers__img {
    width: 219px;
    height: 117px;
    background-size: 100% 100%
}

@media (max-width:991px) {
    .customers__slider {
        width: 100%;
        margin: 0 auto
    }

    .customers__item {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0;
        margin-bottom: 30px
    }

    .customers__item:nth-child(4n) {
        margin-right: 0
    }

    .customers__list {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:767px) {
    .customers__title {
        font-size: 24px;
        line-height: 34px
    }
}

@media (max-width:576px) {
    .customers__title {
        padding-left: 15px;
        padding-right: 15px
    }

    .customers__item {
        width: 100%;
        margin-bottom: 20px
    }
}

.questions,
.questions__wrap {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.questions {
    width: 1920px;
    background-color: #161616;
}

.questions__wrap {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 50px 15px 80px
}

@media (max-width:1199px) {
    .questions__wrap {
        width: 100%;
        padding-top: 25px
    }
}

@media (max-width:991px) {
    .questions__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 50px
    }
}

.questions__wrap--likeService {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 0
}

.questions__wrap--likeService:after {
    content: '';
    width: 435px;
    height: 765px;
    background-image: url(..//custom/rekmos/img/questions-woman.png);
    background-size: 100% 100%
}

@media (max-width:991px) {
    .questions__wrap--likeService:after {
        display: none
    }
}

.questions__accordionWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 50px
}

.questions__accordionWrap--likeService {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 696px;
    padding-right: 18px
}

.questions__title {
    margin-bottom: 30px
}

@media (max-width:767px) {
    .questions__title {
        margin-bottom: 25px
    }
}

.questions__content,
.questions__itemCaption {
    margin-bottom: 20px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .06)
}

.questions__itemCaption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 76px;
    padding-left: 20px;
    padding-right: 40px;
    cursor: pointer
}

@media (max-width:992px) {
    .questions__itemCaption {
        padding-left: 15px;
        padding-right: 24px
    }
}

.questions__itemCaption.active .questions__captionImg {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: url(..//custom/rekmos/img/svg/quest-plus-hov.svg)
}

.questions__captionImg {
    position: relative;
    width: 26px;
    height: 26px;
    background-image: url(..//custom/rekmos/img/svg/quest-plus.svg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.questions__content {
    display: none;
    margin-left: 20px;
    padding: 20px
}

@media (max-width:992px) {
    .questions__content {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

.questions__content p {
    margin-top: 0;
    padding: 0 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, .7)
}

@media (max-width:992px) {
    .questions__content p {
        padding: 0
    }
}

.questions__caption {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.questions__arrow,
.questions__itemCaption.active .questions__arrow {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.questions__arrow {
    margin-left: auto;
    margin-right: 30px
}

.questions__itemCaption.active .questions__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:1919px) {
    .questions {
        width: 100%
    }
}

@media (max-width:1199px) {
    .questions__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .questions__accordionWrap {
        width: 55%
    }
}

@media (max-width:991px) {
    .questions__accordionWrap {
        width: 100%;
        margin-bottom: 40px
    }
}

.feedback {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 442px;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    border-radius: 15px
}

@media (max-width:1199px) {
    .feedback {
        width: 40%
    }
}

@media (max-width:991px) {
    .feedback {
        width: 55%;
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .feedback {
        width: 70%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:576px) {
    .feedback {
        width: 100%
    }
}

.feedback__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 31px 33px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px
}

@media (max-width:1199px) {
    .feedback__wrap {
        padding: 30px 24px
    }
}

.feedback__title {
    margin: 0;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    color: #3b3b3b;
    text-align: center
}

@media (max-width:1199px) {
    .feedback__title {
        font-size: 24px;
        line-height: 29px
    }
}

.feedback__desc {
    width: 90%;
    margin: 5px 0 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #333
}

@media (max-width:1199px) {
    .feedback__desc {
        margin: 12px 0 25px
    }
}

@media (max-width:992px) {
    .feedback__desc {
        width: 100%
    }
}

.feedback__selectInstitutionWrap {
    display: none;
    padding-top: 6px
}

.feedback__selectInstitutionWrap.show {
    display: block
}

.feedback__input {
    width: 100%;
    margin-bottom: 10px;
    padding: 28px 25px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3b3b3b;
    border: 0;
    border-radius: 40px;
    background: #f8f8f8;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .04);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .04);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.feedback__input:focus {
    outline: 0
}

.feedback__input:focus::-webkit-input-placeholder {
    opacity: 0
}

.feedback__input:focus:-ms-input-placeholder {
    opacity: 0
}

.feedback__input:focus::-ms-input-placeholder {
    opacity: 0
}

.feedback__input:focus:-ms-input-placeholder,
.feedback__input:focus::-ms-input-placeholder,
.feedback__input:focus::-webkit-input-placeholder,
.feedback__input:focus::placeholder {
    opacity: 0
}

.feedback__input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3b3b3b
}

.feedback__input:-ms-input-placeholder,
.feedback__input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3b3b3b
}

.feedback__input::-moz-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3b3b3b
}

.feedback__input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3b3b3b
}

.feedback__input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3b3b3b
}

.feedback__input::-ms-input-placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3b3b3b
}

.feedback__input::placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3b3b3b
}

@media (max-width:1199px) {
    .feedback__input {
        height: 60px;
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 20px
    }

    .feedback__input::-webkit-input-placeholder {
        font-size: 16px;
        line-height: 20px
    }

    .feedback__input:-ms-input-placeholder,
    .feedback__input::-ms-input-placeholder {
        font-size: 16px;
        line-height: 20px
    }

    .feedback__input::-moz-placeholder {
        font-size: 16px;
        line-height: 20px
    }

    .feedback__input::-webkit-input-placeholder {
        font-size: 16px;
        line-height: 20px
    }

    .feedback__input:-ms-input-placeholder {
        font-size: 16px;
        line-height: 20px
    }

    .feedback__input::-ms-input-placeholder {
        font-size: 16px;
        line-height: 20px
    }

    .feedback__input::placeholder {
        font-size: 16px;
        line-height: 20px
    }
}

.feedback__button {
    width: 100%;
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (max-width:1199px) {
    .feedback__button {
        height: 60px;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 20px
    }
}

.feedback__button:active {
    padding-top: 37px;
    padding-bottom: 37px
}

.feedback__conf {
    width: 90%;
    display: block;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #333
}

@media (max-width:1199px) {
    .feedback__conf {
        width: 100%;
        font-size: 14px;
        line-height: 22px
    }
}

.feedback__confLink {
    color: #2f80ed
}

.feedback__confLink:hover {
    text-decoration: underline
}

.footer,
.footer__wrap {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer {
  position: relative;
  background-color: #4b3d68;
  width: 1920px;
  overflow: hidden;
}

.footer::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://i.ytimg.com/vi/Mc_l0AfHAw4/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AH-CYAC0AWKAgwIABABGBQgZShkMA8=&rs=AOn4CLAp6JRJz7C0Fb6HIaAs5Aa4jf1xBg");
  background-size: cover;
  background-position: center;
  filter: brightness(0.45); /* темнее/светлее меняй тут */
  z-index: 0;
}

/* контент футера поверх фона */
.footer > *{
  position: relative;
  z-index: 1;
}

.footer__wrap {
    width: 1200px;
    padding: 0 15px
}

@media (max-width:1199px) {
    .footer__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.footer__menuWrap {
    padding-top: 26px;
    padding-bottom: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:1199px) {
    .footer__menuWrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:991px) {
    .footer__menuWrap {
        border: none
    }
}

.footer__logo,
.footer__logo p,
.footer__menuList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

@media (max-width:1199px) {
    .footer__menuList {
        margin: 20px auto 0
    }
}

@media (max-width:991px) {
    .footer__menuList {
        display: none
    }
}

.footer__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__logo p {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__logoImg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 11px;
    width: 61px;
    height: 61px
}

.footer__logoName,
.footer__logoText {
    font-family: Play;
    line-height: 1;
    color: #fff
}

.footer__logoName {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px
}

.footer__logoText {
    font-size: 14px;
    font-weight: 400
}

.footer__menuItem {
    margin-right: 34px
}

.footer__menuItem:last-of-type {
    margin-right: 0
}

.footer__menuLink {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #fff
}

.footer__menuLink.active {
    color: #f6dc69
}

.footer__infoCaption--tel:hover,
.footer__infoDesc--email:hover,
.footer__menuLink:hover {
    text-decoration: underline
}

.footer__info,
.footer__infoItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:991px) {
    .footer__infoItem {
        width: 100%;
        margin-bottom: 35px
    }

    .footer__infoItem:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .footer__infoItem:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .footer__infoItem:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .footer__infoItem:nth-child(4) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 30px
    }

    .footer__infoItem p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.footer__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 32px 0 30px;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:991px) {
    .footer__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0
    }
}

.footer__infoItem svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-filter: drop-shadow(0 1px 24px rgba(248, 146, 2, .41));
    filter: drop-shadow(0 1px 24px rgba(248, 146, 2, .41))
}

.footer__infoItem p {
    margin: 0 0 0 15px
}

.footer__infoItem--social {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4px
}

@media (max-width:991px) {
    .footer__infoItem--social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer__info_socialLink {
    margin-right: 15px
}

.footer__info_socialText {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #fff
}

.footer__infoCaption {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.footer__infoCaption--tel {
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase
}

.footer__infoDesc {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.footer__infoDesc--button {
    display: block;
    margin-left: auto;
    margin-right: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    border-bottom: 1px dashed #fff
}

.footer__infoDesc--button:hover {
    border-bottom: 1px solid #fff
}

@media (max-width:992px) {
    .footer__infoDesc--button {
        display: block;
        width: 297px;
        max-width: 100%;
        height: 40px;
        margin-top: 15px;
        margin-left: 0;
        border: none;
        border-radius: 40px;
        background: -o-linear-gradient(265.42deg, #ffedac -43.24%, #02ffff 96.86%);
        background: linear-gradient(184.58deg, #ffedac -43.24%, #02ffff 96.86%);
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #655a7c
    }

    .footer__infoDesc--button:hover {
        border: none;
        color: #fff
    }
}

.footer__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 17px;
    padding-bottom: 50px
}

.footer__aboutItem {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 108.19%;
    color: #fff
}

.footer__aboutItem--link:hover,
a.contacts__desc:hover {
    text-decoration: underline
}

.footer__aboutItem--saygona,
.footer__aboutItem--saygona:hover {
    color: #ffe539
}

@media (max-width:1919px) {
    .footer {
        width: 100%
    }
}

@media (max-width:1199px) {
    .footer__infoCaption--tel {
        font-size: 23px
    }

    .footer__infoDesc {
        font-size: 14px
    }

    .footer__logo {
        width: 100%
    }
}

@media (max-width:991px) {
    .footer__infoCaption--tel {
        font-size: 30px;
        line-height: 37px
    }

    .footer__infoDesc {
        font-size: 16px
    }

    .footer__about {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0
    }

    .footer__aboutItem {
        margin-bottom: 20px
    }
}

@media (max-width:576px) {
    .footer__aboutItem {
        font-size: 14px;
        line-height: 18px;
        text-align: center
    }

    .footer__infoCaption--tel {
        font-size: 24px;
        line-height: 34px
    }

    .footer__infoDesc--button {
        width: 100%;
        font-size: 14px
    }
}

.footer,
.footer__wrap {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer {
  position: relative;
  background-color: #4b3d68;
  width: 1920px;
  overflow: hidden;
}

.footer::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://i.ytimg.com/vi/Mc_l0AfHAw4/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AH-CYAC0AWKAgwIABABGBQgZShkMA8=&rs=AOn4CLAp6JRJz7C0Fb6HIaAs5Aa4jf1xBg");
  background-size: cover;
  background-position: center;
  filter: brightness(0.45); /* темнее/светлее меняй тут */
  z-index: 0;
}

/* контент футера поверх фона */
.footer > *{
  position: relative;
  z-index: 1;
}

.footer__wrap {
    width: 1200px;
    padding: 0 15px
}

@media (max-width:1199px) {
    .footer__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.footer__menuWrap {
    padding-top: 26px;
    padding-bottom: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:1199px) {
    .footer__menuWrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:991px) {
    .footer__menuWrap {
        border: none
    }
}

.footer__logo,
.footer__logo p,
.footer__menuList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

@media (max-width:1199px) {
    .footer__menuList {
        margin: 20px auto 0
    }
}

@media (max-width:991px) {
    .footer__menuList {
        display: none
    }
}

.footer__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__logo p {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__logoImg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 11px;
    width: 61px;
    height: 61px
}

.footer__logoName,
.footer__logoText {
    font-family: Play;
    line-height: 1;
    color: #fff
}

.footer__logoName {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px
}

.footer__logoText {
    font-size: 14px;
    font-weight: 400
}

.footer__menuItem {
    margin-right: 34px
}

.footer__menuItem:last-of-type {
    margin-right: 0
}

.footer__menuLink {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #fff
}

.footer__menuLink.active {
    color: #f6dc69
}

.footer__infoCaption--tel:hover,
.footer__infoDesc--email:hover,
.footer__menuLink:hover {
    text-decoration: underline
}

.footer__info,
.footer__infoItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:991px) {
    .footer__infoItem {
        width: 100%;
        margin-bottom: 35px
    }

    .footer__infoItem:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .footer__infoItem:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .footer__infoItem:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .footer__infoItem:nth-child(4) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 30px
    }

    .footer__infoItem p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.footer__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 32px 0 30px;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:991px) {
    .footer__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0
    }
}

.footer__infoItem svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-filter: drop-shadow(0 1px 24px rgba(248, 146, 2, .41));
    filter: drop-shadow(0 1px 24px rgba(248, 146, 2, .41))
}

.footer__infoItem p {
    margin: 0 0 0 15px
}

.footer__infoItem--social {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4px
}

@media (max-width:991px) {
    .footer__infoItem--social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer__info_socialLink {
    margin-right: 15px
}

.footer__info_socialText {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #fff
}

.footer__infoCaption {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.footer__infoCaption--tel {
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase
}

.footer__infoDesc {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.footer__infoDesc--button {
    display: block;
    margin-left: auto;
    margin-right: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    border-bottom: 1px dashed #fff
}

.footer__infoDesc--button:hover {
    border-bottom: 1px solid #fff
}

@media (max-width:992px) {
    .footer__infoDesc--button {
        display: block;
        width: 297px;
        max-width: 100%;
        height: 40px;
        margin-top: 15px;
        margin-left: 0;
        border: none;
        border-radius: 40px;
        background: -o-linear-gradient(265.42deg, #ffedac -43.24%, #02ffff 96.86%);
        background: linear-gradient(184.58deg, #ffedac -43.24%, #02ffff 96.86%);
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #655a7c
    }

    .footer__infoDesc--button:hover {
        border: none;
        color: #fff
    }
}

.footer__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 17px;
    padding-bottom: 50px
}

.footer__aboutItem {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 108.19%;
    color: #fff
}

.footer__aboutItem--link:hover,
a.contacts__desc:hover {
    text-decoration: underline
}

.footer__aboutItem--saygona,
.footer__aboutItem--saygona:hover {
    color: #ffe539
}

@media (max-width:1919px) {
    .footer {
        width: 100%
    }
}

@media (max-width:1199px) {
    .footer__infoCaption--tel {
        font-size: 23px
    }

    .footer__infoDesc {
        font-size: 14px
    }

    .footer__logo {
        width: 100%
    }
}

@media (max-width:991px) {
    .footer__infoCaption--tel {
        font-size: 30px;
        line-height: 37px
    }

    .footer__infoDesc {
        font-size: 16px
    }

    .footer__about {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0
    }

    .footer__aboutItem {
        margin-bottom: 20px
    }
}

@media (max-width:576px) {
    .footer__aboutItem {
        font-size: 14px;
        line-height: 18px;
        text-align: center
    }

    .footer__infoCaption--tel {
        font-size: 24px;
        line-height: 34px
    }

    .footer__infoDesc--button {
        width: 100%;
        font-size: 14px
    }
}

.fancybox-content {
    padding: 0;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    border-radius: 15px;
    overflow: visible;
    margin-top: 40px
}

.fancybox-button.fancybox-close-small,
.modal__wrap {
    display: none
}

.fancybox-slide--html .fancybox-close-small {
    top: -40px;
    right: -40px
}

@media (max-width:576px) {
    .fancybox-slide--html .fancybox-close-small {
        top: -50px;
        right: -10px
    }
}

.modal {
    width: 442px
}

.modal .feedback__desc {
    width: 90%;
    margin: 10px auto 20px
}

.modal .feedback__wrap {
    padding-left: 31px;
    padding-right: 31px
}

.modal-thanks {
    position: relative;
    width: 670px;
    height: 357px;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    border-radius: 15px
}

.modal-thanks__img {
    position: absolute;
    left: 0;
    bottom: 0
}

.modal-thanks__descWrap {
    padding-left: 300px;
    padding-top: 50px;
    padding-right: 80px
}

.modal-thanks__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px
}

.modal-thanks__desc {
    font-weight: 500;
    font-size: 20px;
    margin-top: 10px
}

.modal-thanks {
    position: relative
}

.modal-thanks::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 279px;
    height: 350px;
    background-size: 100% 100%;
    background-image: url(..//custom/rekmos/img/superman.png)
}

@media (max-width:787px) {
    .modal-thanks {
        width: auto;
        height: auto;
        max-width: 96%
    }

    .modal-thanks:before {
        display: none
    }

    .modal-thanks__descWrap {
        padding-top: 25px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 25px
    }
}

.breadcrumbs {
    width: 1200px;
    margin: 0 auto 30px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.breadcrumbs--contacts {
    padding-top: 188px;
    margin-bottom: 10px
}

.breadcrumbs--case {
    padding-top: 188px;
    margin-bottom: 10px
}

@media (max-width:1919px) {

    .breadcrumbs--case,
    .breadcrumbs--contacts {
        padding-top: 200px
    }
}

@media (max-width:1199px) {
    .breadcrumbs {
        width: 100%
    }
}

.breadcrumbs--service {
    padding-top: 0;
    margin-bottom: 26px
}

@media (max-width:1919px) {
    .breadcrumbs--service {
        width: 1200px
    }
}

@media (max-width:1199px) {
    .breadcrumbs--service {
        padding-left: 15px
    }
}

@media (max-width:992px) {
    .breadcrumbs--service {
        margin-bottom: 5px
    }
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.breadcrumbs__list--contacts {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px
}

.breadcrumbs__list--contacts .breadcrumbs__item::after {
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.breadcrumbs__list--contacts .breadcrumbs__link {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.breadcrumbs__list--service .breadcrumbs__item::after {
    font-size: 12px;
    line-height: 15px;
    color: rgba(255, 255, 255, .5)
}

.breadcrumbs__list--service .breadcrumbs__link {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: rgba(255, 255, 255, .5)
}

.breadcrumbs__item {
    position: relative;
    margin-right: 15px
}

.breadcrumbs__item::after {
    content: "/";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #ffffff
}

.breadcrumbs__item:last-of-type::after {
    display: none
}

.breadcrumbs__link {
    font-size: 14px;
    line-height: 17px;
    color: #ffffff
}

.breadcrumbs__link:hover {
    text-decoration: underline
}

.breadcrumbs__list--service span.breadcrumbs__link {
    color: #fff
}

.breadcrumbs__list--service span.breadcrumbs__link:hover {
    text-decoration: none
}

.portfolio {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.portfolio__title {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #3b3b3b
}

.portfolio__desc {
    width: 53%;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #3b3b3b
}

.portfolio__desc p {
    margin-top: 0
}

.portfolio__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.portfolio__item {
    width: 48.7%;
    margin-right: 2.6%;
    margin-bottom: 30px
}

.portfolio__item:nth-child(2n) {
    margin-right: 0
}

.portfolio__button {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 255px
}

.portfolio__button span {
    margin-right: 35px
}

.portfolio__button span::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -35px;
    width: 27px;
    height: 16px;
    background-image: url(..//custom/rekmos/img/arrow-button.svg)
}

.portfolio__img {
    height: 319px
}

@media (max-width:1199px) {
    .portfolio {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:991px) {
    .portfolio__desc {
        width: 100%
    }
}

@media (max-width:767px) {
    .portfolio__title {
        font-size: 24px;
        line-height: 34px
    }

    .portfolio__desc {
        font-size: 16px
    }
}

@media (max-width:576px) {
    .portfolio__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }

    .portfolio__button {
        width: 100%
    }
}

@media (max-width:576px) {
    .portfolio__img {
        height: auto
    }
}

.contacts,
.contacts__wrap {
    width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1919px) {
    .contacts {
        width: 100%
    }
}

@media (max-width:767px) {
    .contacts {
        padding-top: 0
    }
}

.contacts__wrap {
    width: 1200px;
    padding: 0 15px 70px
}

.contacts__title {
    text-align: center;
    color: #fff
}

.contacts__list {
    padding: 0;
    margin: 35px 0 20px;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contacts__item,
.contacts__item p,
.contacts__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts__item {
    width: 25%
}

.contacts__item p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 0 15px
}

.contacts__item:nth-child(3) {
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.contacts__caption {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #fff
}

.contacts__desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #fff
}

.contacts__map {
    height: 500px
}

@media (max-width:1199px) {
    .contacts__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:991px) {
    .contacts__item:nth-child(3) {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .contacts__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts__item {
        width: 100%;
        margin-bottom: 30px
    }

    .contacts__map {
        height: 400px
    }
}

@media (max-width:576px) {
    .contacts__wrap {
        padding-bottom: 40px
    }

    .contacts__list {
        margin-top: 25px
    }
}

.news {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 15px 50px
}

.news__wrap {
    margin-top: 20px
}

.news__item {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    -ms-grid-columns: 25% 75%;
    grid-template-columns: 25% 75%;
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, .04);
    box-shadow: 0 4px 25px rgba(0, 0, 0, .04);
    border-radius: 5px
}

.news__imgWrap {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3
}

.news__img {
    width: 100%;
    height: auto
}

.news__about,
.news__title {
    padding-left: 40px;
    padding-right: 15px
}

.news__about {
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.news__title {
    margin-top: 30px;
    margin-bottom: 12px;
    width: 60%;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px
}

.news__desc {
    font-size: 16px;
    line-height: 28px
}

.news__desc p {
    margin: 0 0 5px
}

.news__link {
    font-size: 14px;
    line-height: 17px;
    text-decoration: underline;
    color: #1574f9
}

.news__date {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #262626;
    border-radius: 0 5px 0 0
}

.news__date p {
    margin: 0;
    padding: 7px 19px 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe539), color-stop(31.08%, #ffd541), color-stop(76.56%, #feb817));
    background: -o-linear-gradient(#ffe539 0, #ffd541 31.08%, #feb817 76.56%);
    background: linear-gradient(#ffe539 0, #ffd541 31.08%, #feb817 76.56%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    line-height: 25px
}

@media (max-width:1199px) {
    .news {
        width: 100%;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 35px 15px 50px
    }
}

@media (max-width:991px) {
    .news__imgWrap {
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-row-span: 1;
        grid-row-end: 3
    }

    .news__title {
        width: 100%;
        padding-left: 0;
        text-align: center;
        -ms-grid-row: 1;
        grid-row-start: 1;
        -ms-grid-row-span: 1;
        grid-row-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

    .news__item {
        -ms-grid-rows: auto 1fr;
        grid-template-rows: auto 1fr;
        -ms-grid-columns: 30% 70%;
        grid-template-columns: 30% 70%
    }

    .news__about {
        padding: 20px 20px 20px 30px
    }

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

@media (max-width:767px) {
    .news__title {
        margin-top: 60px
    }

    .news__date {
        width: 100%;
        border-radius: 5px 5px 0 0;
        text-align: center
    }

    .news__title {
        font-size: 22px;
        line-height: 32px
    }

    .news__about,
    .news__imgWrap {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

    .news__about {
        padding: 0 15px
    }

    .news__imgWrap {
        -ms-grid-row: 3;
        grid-row-start: 3;
        -ms-grid-row-span: 1;
        grid-row-end: 4
    }

    .news__img {
        width: auto
    }
}

@media (max-width:576px) {
    .news__img {
        width: 100%
    }
}

.price {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 15px 20px
}

@media (max-width:1199px) {
    .price {
        width: 100%;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 35px 15px 20px
    }
}

.price--aboutpage {
    padding-bottom: 130px
}

.price__desc {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

.price__desc p {
    margin-top: 15px
}

.price__tabsTitle {
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 32px;
    line-height: 39px
}

.price__tabsDesc p {
    margin-top: 10px
}

.price__tableWrap {
    margin-bottom: 50px
}

.price__table {
    width: 100%;
    margin-top: 40px;
    border-collapse: collapse;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .04);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .04);
    border-radius: 10px 10px 0 0
}

.price__table tr {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.price__table tr:last-of-type {
    border-bottom: none
}

.price__tableCaptionWrap {
    text-align: left;
    background-color: #313a71;
    border-radius: 15px 15px 0 0
}

.price__tableCaption {
    padding-top: 23px;
    padding-left: 50px;
    padding-bottom: 23px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.price__tableCaption:first-of-type {
    width: 74.5%;
    border-radius: 15px 0 0 0
}

.price__tableCaption:last-of-type {
    border-left: 1px solid rgba(255, 255, 255, .1);
    padding-right: 15px;
    border-radius: 0 15px 0 0
}

.price__tableDesc {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    color: #3b3b3b;
}

.price__tabsDesc-bold {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 23px;
    line-height: 28px
}

.price__tableImgWrap,
.serviceExample__time svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.price__tableImgWrap {
    display: none
}

.price__tableImg {
    padding: 10px 24px;
    width: 140px;
    height: 90px
}

.price__tableName {
    padding-left: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px
}

.price__tableName a {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-decoration: underline;
    color: #313a71
}

.price__tableCost {
    text-align: center;
    width: 22.44%;
    border-left: 1px solid rgba(0, 0, 0, .1);
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #3b3b3b
}

.price__buttonWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.price__button {
    width: 320px
}

.price__buttonCaltoActWrap {
    position: relative
}

.price__buttonCaltoAct {
    position: absolute;
    right: -334px;
    bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000
}

.price__buttonCaltoAct:after {
    content: '';
    position: absolute;
    top: 30px;
    left: -40px;
    width: 69px;
    height: 41px;
    background-image: url(..//custom/rekmos/img/svg/point-arrow-bot-left-blc.svg);
    background-size: 100% 100%
}

.price__tabsContent {
    display: none
}

.price__tabsContent.active {
    display: block
}

.price__itemWrap {
    padding: 0;
    margin: 0 0 25px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #e7e7e7
}

.price__item {
    width: 20%;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
    color: #a5a5a5;
    cursor: pointer
}

.price__item.active {
    font-weight: 700;
    color: #3b3b3b;
    text-decoration: underline
}

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

.price__selectType {
    display: none
}

.price__tabsTitle {
    margin: 0;
    line-height: 79px;
    padding-left: 20px
}

.price__table--v2 {
    width: 100%;
    border: none
}

.price__table--v2 tr:hover {
    background-color: #ffdc3a
}

.price__table--v2 th {
    text-align: center;
    height: 73px;
    font-size: 22px;
    font-weight: 600
}

.price__table--v2 th:first-of-type {
    border-radius: 10px 0 0 0
}

.price__table--v2 th:last-of-type {
    border-radius: 0 10px 0 0
}

.price__table--v2 td {
    text-align: center;
    height: 70px;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, .1)
}

.price__table--v2 td:first-child {
    border-left: none
}

.price__table--v2 td:last-child {
    border-right: none
}

.price__table--v2 td.gray {
    background: #f2f2f2
}

.price__table--v2 strong {
    font-size: 20px;
    font-weight: 700
}

@media (max-width:1199px) {
    .price__table__wrap {
        display: block;
        overflow-x: scroll
    }

    .price__table__wrap::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: transparent
    }

    .price__table__wrap::-webkit-scrollbar-thumb {
        background-color: #02ffff;
        border-radius: 1em
    }

    .price__table--v2 {
        width: calc(100% - 1px);
        max-width: 100%;
        min-width: 700px;
        margin-top: 80px;
        margin-bottom: 0 !important
    }
}

.price .price__tableCaptionWrap {
    border-radius: 10px 10px 0 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#313a71), to(#313a71));
    background: -o-linear-gradient(bottom, #313a71, #313a71);
    background: linear-gradient(0deg, #313a71, #313a71);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: #fff
}

.price .serviceExample__link {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #313a71
}

@media (max-width:1199px) {
    .price__item {
        width: 25%
    }

    .price__desc {
        font-weight: 400;
        text-align: center
    }
}

@media (max-width:991px) {
    .price__item {
        width: auto
    }

    .price__item:focus {
        outline: 0
    }

    .price__tabsTitle {
        font-size: 26px;
        line-height: 36px
    }

    .price__selectType {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 23px;
        padding-bottom: 23px;
        padding-left: 15px;
        cursor: pointer
    }

    .price__arrow,
    .price__selectType.active .price__arrow {
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease
    }

    .price__selectType.active .price__arrow {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .price__arrow {
        margin-right: 15px
    }

    .price__itemWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: none;
        border-bottom: 0;
        padding-top: 1px;
        padding-left: 15px;
        padding-bottom: 20px
    }

    .price__select {
        background: #fff;
        -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .04);
        box-shadow: 0 4px 16px rgba(0, 0, 0, .04);
        border-radius: 10px
    }

    .price__item {
        margin: 0;
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: 1px solid #e7e7e7
    }

    .price__item.active {
        text-decoration: none;
        color: #a5a5a5;
        font-weight: 500
    }

    .price__item:first-of-type {
        padding-top: 0
    }

    .price__item:last-of-type {
        padding-bottom: 0;
        border-bottom: 0
    }
}

@media (max-width:767px) {
    .price__desc {
        font-weight: 400;
        text-align: center
    }

    .price__desc,
    .price__tabsDesc-bold {
        font-size: 18px
    }

    .price__tabsTitle {
        font-size: 22px;
        line-height: 32px
    }

    .price__tabsDesc {
        font-size: 18px
    }

    .price__tableImgWrap {
        display: none
    }

    .price__tableName {
        padding-left: 15px
    }

    .price__tableCaption:first-of-type {
        width: 60%;
        padding-left: 15px
    }

    .price__tableCost {
        padding-right: 15px
    }
}

@media (max-width:576px) {
    .priceTable .price__table tr {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .priceTable .price__tableName {
        margin: 0
    }

    .priceTable .price__tableCost {
        width: auto;
        padding-top: 10px;
        padding-left: 15px
    }

    .priceTable .price__table .price__tableCaptionWrap {
        display: none
    }
}

.pricePage table {
    margin-bottom: 55px
}

.price__table--v2 th:only-child {
    border-radius: 10px 10px 0 0
}

.pricePage .title {
    margin-bottom: 15px;
    font-size: 28px
}

.price__table--v2 td {
    font-size: 16px
}

.pricePage .price__table--v2 td:first-child {
    padding-left: 22px;
    padding-right: 22px;
    text-align: left
}

.aboutPage__container {
    margin-top: -130px
}

.aboutPage {
    width: 1920px;
    margin: 0 auto;
    min-height: 725px;
    padding-top: 131px;
    padding-bottom: 77px;

    /* затемнение (оверлей) + картинка */
    background-image:
        linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
        url("https://hdlt.ru/assets/template/upload/files/stat_praktika1.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    background-color: #02ffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


@media (max-width:1919px) {
    .aboutPage {
        width: 100%;
        background-size: 1920px 100%
    }
}

@media (max-width:992px) {
    .aboutPage {
        min-height: auto;
        padding-bottom: 60px;
        background-size: cover
    }
}

@media (max-width:767px) {
    .aboutPage {
        background-size: cover
    }
}

.aboutPage__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1545px;
    margin-left: auto;
    padding-left: 15px
}

@media (max-width:1559px) {
    .aboutPage__wrap {
        width: 100%;
        padding-left: 55px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:1199px) {
    .aboutPage__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:992px) {
    .aboutPage__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.aboutPage__descWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:992px) {
    .aboutPage__descWrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.aboutPage__title {
    padding: 0;
    text-align: left;
    color: #fff
}

.aboutPage__desc {
    padding-right: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

@media (max-width:1199px) {
    .aboutPage__desc {
        padding-right: 60px
    }
}

@media (max-width:992px) {
    .aboutPage__desc {
        padding-right: 160px
    }
}

@media (max-width:767px) {
    .aboutPage__desc {
        padding-right: 0
    }
}

.aboutPage__buttonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 28px
}

@media (max-width:767px) {
    .aboutPage__buttonWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 10px
    }
}

.aboutPage__button {
    width: 320px
}

@media (max-width:767px) {
    .aboutPage__button {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.aboutPage__buttonPrice {
    position: relative;
    margin: 0;
    padding-top: 17px;
    padding-left: 32px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.aboutPage__buttonPrice>* {
    color: #fff
}

@media (max-width:767px) {
    .aboutPage__buttonPrice {
        margin-bottom: 18px;
        padding: 0
    }
}

.aboutPage__buttonPrice::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -38px;
    width: 69px;
    height: 41px;
    background-image: url(..//custom/rekmos/img/svg/point-arrow-bot-left-wh.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media (max-width:992px) {
    .aboutPage__buttonPrice::before {
        display: none
    }
}

.aboutPage__buttonPrice__pick {
    font-size: 30px;
    line-height: 37px;
    color: #ffe539
}

.aboutPage__slider {
    width: 800px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 30px;
    opacity: 0;
    height: 350px;
    overflow: hidden;
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.aboutPage__slider.show {
    opacity: 1;
    height: auto;
    overflow: visible
}

@media (max-width:1559px) {
    .aboutPage__slider {
        width: 600px
    }
}

@media (max-width:1199px) {
    .aboutPage__slider {
        width: 400px
    }
}

@media (max-width:992px) {
    .aboutPage__slider {
        width: 100%;
        position: relative;
        left: 30px
    }
}

@media (max-width:992px) {
    .aboutPage__slider {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.aboutPage__sliderItem {
    position: relative;
    width: 350px;
    height: 350px;
    margin-left: 15px;
    margin-right: 15px;
    cursor: pointer
}

@media (max-width:1559px) {
    .aboutPage__sliderItem {
        width: 320px;
        height: 320px
    }
}

@media (max-width:767px) {
    .aboutPage__sliderItem {
        width: 203px;
        height: 203px
    }
}

.aboutPage__sliderItem.active .gallery__linkImg::before,
.aboutPage__sliderItem:hover .gallery__linkImg::before {
    -webkit-transform: translate(-50%, -50%) scale(4);
    -ms-transform: translate(-50%, -50%) scale(4);
    transform: translate(-50%, -50%) scale(4);
    -webkit-transition-duration: calc(var(--photoboxAnimationDuration, .4s)*2);
    -o-transition-duration: calc(var(--photoboxAnimationDuration, .4s)*2);
    transition-duration: calc(var(--photoboxAnimationDuration, .4s)*2)
}

.aboutPage__sliderItem.active .gallery__about,
.aboutPage__sliderItem:hover .gallery__about {
    -webkit-transition-duration: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    -o-transition-duration: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    transition-duration: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    -webkit-transition-delay: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    -o-transition-delay: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    transition-delay: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    opacity: 1
}

.aboutPage__sliderItem.active .gallery__caption,
.aboutPage__sliderItem:hover .gallery__caption {
    opacity: 1
}

.aboutPage__sliderItem .gallery__linkImg {
    height: 100%;
    border-radius: 40px
}

@media (max-width:992px) {
    .aboutPage__sliderItem .gallery__caption {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        font-size: 14px;
        line-height: 1.2
    }
}

.case,
.case__wrap {
    width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.case__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 1200px;
    min-height: 565px;
    padding: 0 15px
}

@media (max-width:1199px) {
    .case__wrap {
        min-height: auto;
        padding-bottom: 95px
    }
}

.case__title {
    width: 70%;
    margin: 0 auto;
    padding: 0;
    color: #fff
}

.case__item,
.case__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.case__list {
    padding: 0;
    margin: 40px auto 15px;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 60%
}

.case__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    margin-left: 40px;
    margin-bottom: 35px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.case__item span {
    margin-left: 22px
}

.case__item:nth-child(2n) {
    width: 40%;
    margin-left: 0
}

.case__button {
    margin-left: auto;
    margin-right: auto
}

.case__svgWrap {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.case__downWrap {
    position: relative;
    width: 30px;
    height: 40px
}

.case__down {
    position: absolute;
    left: 8px;
    width: 14px;
    height: calc(.2rem*.8);
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
    -webkit-animation: move-case__down 3s ease-out infinite;
    animation: move-case__down 3s ease-out infinite;
    z-index: 2
}

.case__down:first-child {
    -webkit-animation: move-case__down 3s ease-out 1s infinite;
    animation: move-case__down 3s ease-out 1s infinite
}

.case__down:nth-child(2) {
    -webkit-animation: move-case__down 3s ease-out 2s infinite;
    animation: move-case__down 3s ease-out 2s infinite
}

.case__down:before {
    width: 50%
}

.case__down:after,
.case__down:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    background: #fff
}

.case__down:before {
    left: 0;
    -webkit-transform: skewY(30deg);
    -ms-transform: skewY(30deg);
    transform: skewY(30deg)
}

.case__down:after {
    right: 0;
    width: 50%;
    -webkit-transform: skewY(-30deg);
    -ms-transform: skewY(-30deg);
    transform: skewY(-30deg)
}

.case__scrollDownWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
    padding-bottom: 10px
}

@media (max-width:1199px) {
    .case__scrollDownWrap {
        display: none
    }
}

.case__scrollDownWrap svg {
    margin-bottom: 5px;
    -webkit-animation: move-mouse__down 3s ease-out infinite;
    animation: move-mouse__down 3s ease-out infinite
}

.case__scrollDown {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #fff
}

.case__bigButtonWrap,
.case__bigButtonWrapper {
    width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.case__bigButtonWrap {
    width: 1200px;
    padding: 0 15px
}

.case__bigButton {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 61px;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    text-align: left
}

.case__bigButton span {
    position: relative;
    font-weight: 700;
    font-size: 36px;
    line-height: 25px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe539), color-stop(31.08%, #ffd541), color-stop(76.56%, #feb817));
    background: -o-linear-gradient(#ffe539 0, #ffd541 31.08%, #feb817 76.56%);
    background: linear-gradient(#ffe539 0, #ffd541 31.08%, #feb817 76.56%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.case__bigButton span::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -45px;
    width: 31px;
    height: 18px;
    background-image: url(..//custom/rekmos/img/arrow-button-grad.svg)
}

.case__bigButton:focus {
    outline: 0
}

.case__bigButtonWrap,
.case__bigButtonWrapper {
    background-color: #262626
}

@media (max-width:1919px) {
    .case {
        width: 100%
    }

    .case__bigButtonWrapper {
        width: 100%;
        background-color: #262626
    }
}

@media (max-width:1199px) {

    .case__bigButtonWrap,
    .case__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:991px) {
    .case__title {
        width: 90%
    }

    .case__list {
        width: 80%
    }

    .case__bigButton span {
        font-size: 28px
    }
}

@media (max-width:767px) {
    .case__item {
        margin-left: 0;
        margin-bottom: 35px
    }

    .case__item:nth-child(2n) {
        width: 50%
    }

    .case__bigButton {
        padding-top: 40px;
        padding-bottom: 41px
    }

    .case__bigButton span {
        font-size: 22px
    }
}

@media (max-width:576px) {
    .case__title {
        width: 100%
    }

    .case__list {
        margin-top: 30px;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .case__item {
        width: 100%;
        margin-bottom: 25px
    }

    .case__item:nth-child(2n) {
        width: 100%
    }

    .case__bigButton {
        padding-top: 30px;
        padding-bottom: 31px
    }

    .case__bigButton span {
        font-size: 20px
    }

    .case__bigButton span::before {
        top: auto;
        bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.serviceList {
    width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1919px) {
    .serviceList {
        width: 100%
    }
}

.serviceList__wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1199px) {
    .serviceList__wrap {
        width: 100%
    }
}

.industry__desc p,
.serviceList__desc p {
    margin-top: 0
}

.serviceList__itemWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 100px
}

@media (max-width:992px) {
    .serviceList__itemWrap {
        margin-top: 20px;
        margin-bottom: 70px
    }
}

.serviceList__item {
    --marginRight: 30px;
    --elements: 5;
    width: calc(100% / var(--elements) - (((var(--elements) * var(--marginRight)) - var(--marginRight))/ var(--elements)));
    margin-right: var(--marginRight);
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: top .2s ease;
    -o-transition: top .2s ease;
    transition: top .2s ease;
    cursor: pointer
}

.serviceList__item:nth-child(5n) {
    margin-right: 0
}

.serviceList__item:hover {
    top: -5px;
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease
}

@media (max-width:1200px) {
    .serviceList__item {
        --elements: 4;
        margin-right: var(--marginRight)
    }

    .serviceList__item:nth-child(5n) {
        margin-right: var(--marginRight)
    }

    .serviceList__item:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width:992px) {
    .serviceList__item {
        --elements: 3;
        margin-right: var(--marginRight)
    }

    .serviceList__item:nth-child(4n) {
        margin-right: var(--marginRight)
    }

    .serviceList__item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:576px) {
    .serviceList__item {
        --marginRight: 20px;
        --elements: 1;
        margin-right: var(--marginRight)
    }

    .serviceList__item:nth-child(3n) {
        margin-right: var(--marginRight)
    }

    .serviceList__item:nth-child(2n) {
        margin-right: 0
    }
}

.serviceList__itemLink {
    display: block;
    padding: 20px 26px
}

@media (max-width:576px) {
    .serviceList__itemLink {
        padding: 0
    }
}

.serviceList__itemLink:hover .serviceList__itemTitle {
    color: #02ffff;
    text-decoration: none
}

.serviceList__itemLink.current .serviceList__itemTitle {
    color: #02ffff;
    text-decoration: none
}

.serviceList__imgWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 134px
}

.serviceList__img {
    width: auto
}

.serviceList__itemTitle {
    display: block;
    margin: 0 auto;
    padding-top: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #ffffff
}

.goods__itemSubLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    color: #000
}

.goods__itemSubLink:last-child {
    margin-bottom: 0
}

.goods__itemSubLink:hover {
    color: #e9c407
}

.goods__itemSubLink:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    background-color: #e9c407
}

.gallery {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 15px 45px
}

@media (max-width:991px) {
    .gallery {
        padding-bottom: 30px
    }
}

.gallery__desc {
    text-align: center;
    width: 90%;
    margin: 0 auto
}

.gallery__descLink {
    text-decoration: underline;
    color: #1574f9
}

.gallery__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0 0;
    padding: 0 0 70px;
    list-style: none
}

.gallery__item {
    --marginRight: 30px;
    --elements: 4;
    position: relative;
    width: calc(100% / var(--elements) - (((var(--elements) * var(--marginRight)) - var(--marginRight))/ var(--elements)));
    margin-right: var(--marginRight);
    margin-bottom: 30px;
    border-radius: 20px
}

.gallery__item:focus {
    outline: 0
}

.gallery__item:nth-child(4n) {
    margin-right: 0
}

@media (max-width:1199px) {
    .gallery__item {
        --elements: 3
    }

    .gallery__item:nth-child(3n) {
        margin-right: 0
    }

    .gallery__item:nth-child(4n) {
        margin-right: var(--marginRight)
    }
}

@media (max-width:991px) {
    .gallery__item {
        --elements: 1;
        width: 325px;
        height: 308px;
        margin-right: 15px;
        margin-bottom: 0
    }

    .gallery__item:nth-child(3n) {
        margin-right: 15px
    }

    .gallery__item:nth-child(4n) {
        margin-right: 15px
    }
}

.gallery__item:hover .gallery__linkImg::before {
    -webkit-transform: translate(-50%, -50%) scale(4);
    -ms-transform: translate(-50%, -50%) scale(4);
    transform: translate(-50%, -50%) scale(4);
    -webkit-transition-duration: calc(var(--photoboxAnimationDuration, .4s)*2);
    -o-transition-duration: calc(var(--photoboxAnimationDuration, .4s)*2);
    transition-duration: calc(var(--photoboxAnimationDuration, .4s)*2)
}

.gallery__item:hover .gallery__about {
    -webkit-transition-duration: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    -o-transition-duration: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    transition-duration: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    -webkit-transition-delay: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    -o-transition-delay: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    transition-delay: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    opacity: 1
}

.gallery__item:hover .gallery__caption {
    opacity: 1
}

.gallery__linkImg {
    position: relative;
    display: block;
    width: 100%;
    height: 260px;
    overflow: hidden;
    border-radius: 20px
}

.gallery__linkImg::before {
    content: "";
    width: 0;
    height: 0;
    padding: 25%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transition: -webkit-transform var(--photoboxAnimationDuration, .4s) ease;
    transition: -webkit-transform var(--photoboxAnimationDuration, .4s) ease;
    -o-transition: transform var(--photoboxAnimationDuration, .4s) ease;
    transition: transform var(--photoboxAnimationDuration, .4s) ease;
    transition: transform var(--photoboxAnimationDuration, .4s) ease, -webkit-transform var(--photoboxAnimationDuration, .4s) ease;
    will-change: transform;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}

.gallery__btnWrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.gallery__moreForm {
    width: 100%
}

.gallery__about,
.gallery__about--gallery {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.gallery__about {
    width: 95%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity var(--photoboxAnimationDuration, .4s) ease-out;
    -o-transition: opacity var(--photoboxAnimationDuration, .4s) ease-out;
    transition: opacity var(--photoboxAnimationDuration, .4s) ease-out;
    will-change: opacity;
    position: absolute;
    z-index: 3;
    top: 55%
}

.gallery__about--gallery {
    top: 50%
}

.gallery__aboutPlus {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gallery__aboutLook {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #fff
}

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

.gallery__aboutNumber span {
    display: block;
    margin-left: 12px;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #fff
}

.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: -webkit-transform var(--photoboxAnimationDuration, .4s) cubic-bezier(.71, .05, .29, .9);
    transition: -webkit-transform var(--photoboxAnimationDuration, .4s) cubic-bezier(.71, .05, .29, .9);
    -o-transition: transform var(--photoboxAnimationDuration, .4s) cubic-bezier(.71, .05, .29, .9);
    transition: transform var(--photoboxAnimationDuration, .4s) cubic-bezier(.71, .05, .29, .9);
    transition: transform var(--photoboxAnimationDuration, .4s) cubic-bezier(.71, .05, .29, .9), -webkit-transform var(--photoboxAnimationDuration, .4s) cubic-bezier(.71, .05, .29, .9);
    will-change: transform;
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
}

.gallery__caption {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 28px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.gallery__link {
    margin-top: 15px;
    display: block;
    font-size: 20px;
    line-height: 25px;
    color: #ffffff;
    text-align: center
}

.gallery__button {
    display: block;
    margin: 0 auto;
    width: 255px
}

.gallery__btnWrap p {
    text-align: center
}

@media (max-width:1199px) {
    .gallery {
        width: 100%;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 35px 15px 50px
    }
}

.serviceExample,
.serviceExample__wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.serviceExample {
    width: 1200px;
    margin: 0 auto 50px;
    padding: 0 15px;
    color: white;
}

.serviceExample__text {
    margin-bottom: 50px
}

.serviceExample__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 28% 72%;
    grid-template-columns: 28% 72%;
    margin-bottom: 27px
}

.serviceExample__imgWrap {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 3;
    grid-row-end: 4;
    opacity: 0;
    height: 300px;
    overflow: hidden;
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.serviceExample__imgWrap.show {
    opacity: 1;
    height: auto;
    overflow: visible
}

@media (max-width:1199px) {
    .serviceExample__imgWrap {
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-row-span: 1;
        grid-row-end: 3
    }
}

@media (max-width:767px) {
    .serviceExample__imgWrap {
        -ms-grid-row: 3;
        grid-row-start: 3;
        -ms-grid-row-span: 1;
        grid-row-end: 4;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }
}

.serviceExample__img {
    width: 100%;
    height: 300px;
    border-radius: 20px
}

.serviceExample__imgList {
    padding: 0;
    list-style: none;
    margin: 6px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.serviceExample__imgItem {
    width: 30.9%;
    margin-right: 3.6%;
    margin-bottom: 14px
}

.serviceExample__imgItem:nth-child(3n) {
    margin-right: 0
}

.serviceExample__imgMini {
    width: 100%;
    height: 90px
}

.serviceExample__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
}

.serviceExample__title {
    width: 90%;
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: #ffffff
}

.serviceExample__desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: rgba(0, 0, 0, .7)
}

.serviceExample__desc strong {
    color: #313a71
}

.serviceExample__desc p {
    margin-top: 0;
    margin-bottom: 7px;
    color: white;
}

.serviceExample__tableWrap {
    padding-left: 100px
}

.serviceExample__table {
    border-collapse: collapse;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.serviceExample__table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fafafa
}

.serviceExample__table tr:nth-child(2n) {
    background-color: #fff
}

.serviceExample__table tr td {
    width: 50%;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.serviceExample__table tr td:first-child {
    padding-left: 15px
}

.serviceExample__table tr td:last-child {
    padding-right: 15px
}

.serviceExample__table tr:last-of-type td {
    padding-bottom: 0
}

.serviceExample__link {
    font-size: 14px;
    line-height: 17px;
    text-decoration: underline;
    color: #1574f9
}

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

.serviceExample__buttonWrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.serviceExample__buttonWrapper {
    padding-top: 30px;
    padding-left: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.serviceExample__buttonWrap {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.serviceExample__button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 240px;
    height: 60px;
    font-size: 18px
}

.serviceExample__buttonPrice {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 41px;
    margin-right: 96px;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff
}

.serviceExample__buttonPrice__pick {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #02ffff
}

.serviceExample__time {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.serviceExample__time span {
    width: 60%;
    margin-left: 25px;
    color: white;
}

@media (max-width:1199px) {
    .serviceExample {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 40px auto 35px
    }

    .serviceExample__img {
        height: auto
    }

    .serviceExample__about {
        padding-left: 0;
        padding-right: 0;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

    .serviceExample__buttonWrapper {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:991px) {
    .serviceExample__buttonWrap {
        margin-right: 0;
        margin-bottom: 0
    }

    .serviceExample__buttonWrapper {
        margin-bottom: 0
    }

    .serviceExample__wrap {
        -ms-grid-rows: auto 1fr auto;
        grid-template-rows: auto 1fr auto;
        -ms-grid-columns: 40% 60%;
        grid-template-columns: 40% 60%
    }

    .serviceExample__tableWrap {
        padding-bottom: 20px
    }

    .serviceExample__time span {
        width: 100%
    }
}

@media (max-width:767px) {
    .serviceExample__tableWrap {
        -ms-grid-row: 3;
        grid-row-start: 3;
        -ms-grid-row-span: 1;
        grid-row-end: 4;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

    .serviceExample__tableWrap {
        padding-left: 0;
        padding-bottom: 30px;
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-row-span: 1;
        grid-row-end: 3
    }

    .serviceExample__buttonWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 0;
        padding-top: 10px;
        margin-bottom: 0;
        -ms-grid-row: 4;
        grid-row-start: 4;
        -ms-grid-row-span: 1;
        grid-row-end: 5;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

    .serviceExample__buttonWrap {
        margin: 0 auto 20px
    }

    .serviceExample__title {
        font-size: 24px;
        line-height: 24px
    }

    .serviceExample__time {
        margin: 0 auto
    }

    .serviceExample__time span {
        width: 80%
    }

    .serviceExample__table tr {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .serviceExample__table tr td {
        width: auto
    }

    .serviceExample__table tr td:first-child {
        width: 40%
    }

    .serviceExample__table tr td:last-child {
        width: 55%
    }
}

@media (max-width:576px) {
    .serviceExample__wrap {
        padding: 15px
    }

    .serviceExample__title {
        width: 100%;
        padding-top: 15px
    }

    .serviceExample__button,
    .serviceExample__time span {
        width: 100%
    }

    .serviceExample__buttonWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .serviceExample__buttonPrice {
        left: auto;
        top: -12px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0;
        text-align: center;
        padding-right: 0
    }

    .serviceExample__img {
        height: auto
    }

    .serviceExample__link {
        display: block;
        margin-top: 10px
    }
}

@media (max-width:374px) {
    .serviceExample__table {
        font-size: 12px
    }
}

@media (max-width:991px) {
    .serviceExample__wrap {
        -ms-grid-columns: 40% 60%;
        grid-template-columns: 40% 60%
    }
}

@media (max-width:1199px) {
    .serviceExample__img {
        height: auto
    }
}

.block {
    width: 1200px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px auto 60px
}

.block--withimg {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 1fr auto;
    grid-template-rows: auto 1fr auto;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%
}

.block__imgWrap {
    padding-right: 15px;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2
}

.block__desc,
.block__title {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3
}

.block__desc {
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3
}

.block__desc p {
    margin-top: 0
}

.block__img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    border-radius: 12px
}

.block__list {
    padding: 0;
    margin: 15px 0 0;
    list-style: none
}

.block__item {
    position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
    font-size: 18px;
    line-height: 25px
}

.block__item::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    background-image: -o-linear-gradient(86deg, #ffe539 19.1%, #ffd541 36.95%, #feb817 67.37%);
    background-image: linear-gradient(4deg, #ffe539 19.1%, #ffd541 36.95%, #feb817 67.37%);
    border-radius: 50%
}

.block__item:last-of-type {
    margin-bottom: 0
}

@media (max-width:1199px) {
    .block {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 30px auto 60px
    }

    .block__imgWrap {
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-row-span: 1;
        grid-row-end: 3
    }

    .block__title {
        padding-left: 0;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }
}

@media (max-width:991px) {
    .block__imgWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:767px) {

    .block__desc,
    .block__imgWrap {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

    .block__desc {
        padding-left: 0;
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-row-span: 1;
        grid-row-end: 3
    }

    .block__imgWrap {
        padding-right: 0;
        -ms-grid-row: 3;
        grid-row-start: 3;
        -ms-grid-row-span: 1;
        grid-row-end: 4
    }
}

.discount,
.discount__wrap {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.discount {
    width: 1920px;
    background-image: url(..//custom/rekmos/img/discount-bg.jpg);
    background-repeat: no-repeat
}

@media (max-width:1919px) {
    .discount {
        width: 100%
    }
}

@media (max-width:991px) {
    .discount {
        background-size: cover
    }
}

.discount__wrap {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 15px 0
}

@media (max-width:1199px) {
    .discount__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:991px) {
    .discount__wrap {
        padding-bottom: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:576px) {
    .discount__wrap {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.discount__title {
    width: 85%;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 42px;
    color: #fff
}

.discount__desc {
    width: 70%;
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

.discount__desc p {
    margin-top: 10px
}

.discount__titleBig {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe539), color-stop(31.08%, #ffd541), color-stop(76.56%, #feb817));
    background: -o-linear-gradient(#ffe539 0, #ffd541 31.08%, #feb817 76.56%);
    background: linear-gradient(#ffe539 0, #ffd541 31.08%, #feb817 76.56%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.discount__about {
    position: relative
}

.discount__about::before {
    content: "";
    position: absolute;
    top: 120px;
    right: 35px;
    width: 171px;
    height: 65px;
    background-image: url(..//custom/rekmos/img/arrow-feedback.svg);
    background-repeat: no-repeat
}

.discount .feedback {
    position: relative;
    top: -25px
}

@media (max-width:1919px) {
    .discount .feedback {
        top: auto
    }
}

@media (max-width:1199px) {
    .discount__title {
        width: 90%;
        font-size: 30px;
        line-height: 38px
    }

    .discount__desc {
        width: 80%
    }
}

@media (max-width:991px) {
    .discount__title {
        width: 100%;
        margin-top: 0
    }

    .discount__desc {
        width: 80%;
        margin-bottom: 20px
    }

    .discount__about::before {
        display: none
    }
}

@media (max-width:767px) {
    .discount__title {
        font-size: 26px;
        line-height: 36px
    }

    .discount__desc {
        width: 100%;
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width:576px) {
    .discount__title {
        font-size: 24px;
        line-height: 34px
    }
}

.task,
.task__wrap {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.task {
    width: 1920px
}

.task__wrap {
    width: 1200px;
    padding: 40px 15px 22px
}

.task__title {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px
}

.task__desc {
    font-size: 18px;
    line-height: 24px
}

.task__desc p {
    margin-top: 12px
}

@media (max-width:1919px) {
    .task {
        width: 100%
    }
}

@media (max-width:1199px) {
    .task__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.steps {
    width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.steps--grey {
    background-color: #fafafa
}

.steps__wrap {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.steps__about {
    padding-top: 40px;
    width: 50%
}

.steps__imgWrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 49%;
    max-width: 570px
}

@media (max-width:991px) {
    .steps__imgWrap {
        width: 50%;
        margin: 30px auto 0
    }
}

@media (max-width:767px) {
    .steps__imgWrap {
        display: none
    }
}

.steps__img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
    border-radius: 12px
}

.steps__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px
}

.steps__number {
    display: block;
    margin-right: 15px;
    font-size: 16px;
    line-height: 29px;
    width: 30px;
    height: 30px;
    background: -o-linear-gradient(322.6deg, #ffe539 19.1%, #ffd541 34.1%, #feb817 67.37%);
    background: linear-gradient(127.4deg, #ffe539 19.1%, #ffd541 34.1%, #feb817 67.37%);
    border-radius: 50%;
    text-align: center
}

.steps__desc {
    margin-top: 10px;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px
}

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

.steps__item {
    position: relative;
    padding-left: 32px;
    margin-bottom: 11px;
    font-size: 16px;
    line-height: 24px
}

.steps__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 17px;
    background-image: url(..//custom/rekmos/img/svg/icon-check-tabs.svg);
    -webkit-filter: drop-shadow(0 1px 24px rgba(248, 146, 2, .41));
    filter: drop-shadow(0 1px 24px rgba(248, 146, 2, .41))
}

.steps__item:last-of-type {
    margin-bottom: 0
}

.steps__buttonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 41px
}

.steps__caption {
    margin-bottom: 20px
}

.steps__item {
    margin-top: 10px;
    margin-bottom: 20px
}

@media (max-width:1919px) {
    .steps {
        width: 100%
    }
}

@media (max-width:1199px) {
    .steps__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .steps__about {
        padding-top: 0
    }
}

@media (max-width:991px) {
    .steps__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 30px
    }

    .steps__about {
        width: 100%
    }
}

@media (max-width:767px) {
    .steps__caption {
        font-size: 22px;
        line-height: 32px
    }
}

@media (max-width:576px) {
    .steps__caption {
        font-size: 20px;
        line-height: 30px
    }
}

.photo {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 15px 130px
}

.photo__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.photo__item {
    width: 17.2%;
    margin-right: 3.5%;
    margin-bottom: 30px
}

.photo__item:nth-child(5n) {
    margin-right: 0
}

.photo__img {
    border-radius: 8px
}

.photo__button {
    margin: 10px auto 0
}

.photo__img {
    height: 220px
}

@media (max-width:1199px) {
    .photo {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:991px) {
    .photo__item {
        width: 23%;
        margin-right: 2.6%;
        margin-bottom: 30px
    }

    .photo__item:nth-child(5n) {
        margin-right: 2.6%
    }

    .photo__item:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .photo__item {
        width: 31.6%
    }

    .photo__item:nth-child(4n) {
        margin-right: 2.6%
    }

    .photo__item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:576px) {
    .photo {
        padding-top: 40px
    }

    .photo__item {
        width: 48.7%
    }

    .photo__item:nth-child(3n) {
        margin-right: 2.6%
    }

    .photo__item:nth-child(2n) {
        margin-right: 0
    }

    .photo__button {
        width: 100%
    }
}

.blog {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 35px;
    padding-bottom: 70px
}

.blog__item {
    width: 360px;
    margin-right: 30px;
    margin-bottom: 60px
}

.blog__item:nth-child(3n) {
    margin-right: 0
}

.blog__itemImg {
    width: 100%
}

.blog__itemName {
    display: block;
    margin-top: 18px;
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.blog__itemText {
    margin-top: 12px
}

.priceSelect {
    width: 970px;
    max-width: 96%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 43px;
    border-radius: 10px;
    background: #f2f2f2
}

.priceSelect:hover {
    -webkit-box-shadow: 0 0 6px rgba(166, 111, 111, .25);
    box-shadow: 0 0 6px rgba(166, 111, 111, .25)
}

.priceSelect.priceSelect--active {
    -webkit-box-shadow: 0 0 6px rgba(166, 111, 111, .25);
    box-shadow: 0 0 6px rgba(166, 111, 111, .25)
}

.priceSelect__title {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 78px;
    padding-left: 46px;
    padding-right: 46px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer
}

.priceSelect__wrap {
    border-bottom: 1px solid #e7e7e7
}

.priceSelect__title:after {
    content: '';
    width: 31px;
    height: 31px;
    background-image: url(..//custom/rekmos/img/svg/icon-down.svg);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.priceSelect__title--active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.priceSelect__list {
    display: none;
    list-style: none;
    margin: 0;
    padding-top: 15px;
    padding-left: 60px;
    padding-right: 30px;
    padding-bottom: 24px;
    border-top: 1px solid #f1e2e2;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px
}

.priceSelect__listItem {
    margin-bottom: 15px
}

.priceSelect__listItemLink {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #555
}

.priceSelect__listItemLink:hover {
    color: #4200ff
}

.priceSelect__listItemLink--active {
    color: #4200ff
}

@media (max-width:768px) {
    .priceSelect {
        width: 970px;
        max-width: 98%;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 43px;
        border-radius: 10px;
        background: #f2f2f2
    }

    .priceSelect__title {
        position: relative;
        height: 64px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
        line-height: 18px
    }

    .priceSelect__title:after {
        position: absolute;
        right: 15px;
        width: 26px;
        height: 26px;
        background-size: 100% 100%
    }

    .priceSelect__list {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.serviceCase {
    width: 1920px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1919px) {
    .serviceCase {
        width: 100%
    }
}

.serviceCase__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1545px;
    margin-left: auto;
    padding-left: 15px
}

@media (max-width:1559px) {
    .serviceCase__wrap {
        width: 100%;
        padding-left: 55px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:1199px) {
    .serviceCase__wrap {
        width: 100%;
        margin: 0 auto;
        padding-left: 0
    }
}

@media (max-width:991px) {
    .serviceCase__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.serviceCase__descWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 100px;
    padding-right: 144px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1559px) {
    .serviceCase__descWrap {
        padding-top: 60px
    }
}

@media (max-width:1199px) {
    .serviceCase__descWrap {
        margin-bottom: 30px;
        padding: 0 15px
    }
}

.serviceCase__slider {
    width: 950px;
    margin-left: -15px;
    margin-right: -15px;
    opacity: 0;
    height: 460px;
    overflow: hidden;
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease
}

@media (max-width:1559px) {
    .serviceCase__slider {
        width: 800px
    }
}

@media (max-width:1199px) {
    .serviceCase__slider {
        width: 400px
    }
}

@media (max-width:992px) {
    .serviceCase__slider {
        width: 100%;
        margin-left: auto
    }
}

.serviceCase__slider.show {
    opacity: 1;
    height: auto;
    overflow: visible
}

.serviceCase__sliderItem {
    position: relative;
    width: 460px;
    height: 460px;
    margin-left: 15px;
    margin-right: 15px
}

@media (max-width:1559px) {
    .serviceCase__sliderItem {
        width: 320px;
        height: 320px
    }
}

.serviceCase__sliderItem .gallery__linkImg::before {
    background-color: rgba(0, 0, 0, .4)
}

.serviceCase__sliderItem.slick-current .gallery__linkImg::before {
    -webkit-transform: translate(-50%, -50%) scale(4);
    -ms-transform: translate(-50%, -50%) scale(4);
    transform: translate(-50%, -50%) scale(4);
    -webkit-transition-duration: calc(var(--photoboxAnimationDuration, .4s)*2);
    -o-transition-duration: calc(var(--photoboxAnimationDuration, .4s)*2);
    transition-duration: calc(var(--photoboxAnimationDuration, .4s)*2)
}

.serviceCase__sliderItem.slick-current .gallery__about {
    -webkit-transition-duration: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    -o-transition-duration: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    transition-duration: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    -webkit-transition-delay: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    -o-transition-delay: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    transition-delay: calc(var(--photoboxAnimationDuration, .4s)/ 2);
    opacity: 1
}

.serviceCase__sliderItem.slick-current .serviceCase__sliderItem__capWrap {
    opacity: 1
}

.serviceCase__sliderItem .gallery__linkImg {
    height: 100%;
    border-radius: 20px
}

.serviceCase__sliderItem__capWrap {
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 36px 38px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.serviceCase__sliderItem__cap {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px
}

.serviceCase__sliderItem__cta {
    position: relative
}

.serviceCase__sliderItem__cta:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 84px;
    height: 1px;
    background-color: #fff
}

.serviceCase__sliderItem__cta svg {
    width: 6px;
    height: 10px;
    margin-left: 18px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #fff
}

.slider__dots {
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slider__dots li {
    margin-right: 12px;
    width: 12px;
    height: 12px;
    background-color: #dedede;
    border-radius: 50%
}

.slider__dots li:last-of-type {
    margin-right: 0
}

.slider__dots li.slick-active {
    background-color: #4384de
}

.slider__arrow-main {
    position: absolute;
    bottom: -45px;
    width: 22px;
    height: 25px;
    z-index: 2;
    cursor: pointer;
    opacity: .5
}

.slider__arrow-main--left {
    left: 430px
}

.slider__arrow-main--left::before {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.slider__arrow-main--left:hover,
.slider__arrow-main--right:hover {
    opacity: 1
}

.slider__arrow-main--right {
    left: 487px
}

.slider__arrow-main--left::before,
.slider__arrow-main--right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url(..//custom/rekmos/img/slider-arrow-main.svg);
    background-repeat: no-repeat
}

.slider__dots-main {
    position: absolute;
    bottom: -35px;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slider__dots-main li {
    margin-right: 20px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.slider__dots-main li:last-of-type {
    margin-right: 0
}

.slider__dots-main li.slick-active {
    position: relative;
    background-color: #fff
}

.slider__dots-main li.slick-active::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -7px;
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-top: 2px solid #f3b71d;
    border-right: 2px solid #f3b71d;
    -webkit-animation: cssload-spinL .86s linear infinite;
    animation: cssload-spinL .86s linear infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%
}

.slider__arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: -o-linear-gradient(265.42deg, #ffedac -43.24%, #02ffff 96.86%);
    background: linear-gradient(184.58deg, #ffedac -43.24%, #02ffff 96.86%);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1), inset 0 -2px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1), inset 0 -2px 3px rgba(0, 0, 0, .1);
    cursor: pointer
}

.slider__arrow:hover {
    background-image: -o-linear-gradient(317.62deg, #feb817 26.14%, #ffd541 40.97%, #ffe539 62.67%);
    background-image: linear-gradient(132.38deg, #feb817 26.14%, #ffd541 40.97%, #ffe539 62.67%)
}

.slider__arrow--left {
    left: -10px
}

.slider__arrow--left::before,
.slider__arrow--right::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 17px;
    background-image: url(..//custom/rekmos/img/slider-arrow.svg)
}

.slider__arrow--left::before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slider__arrow--right {
    right: -10px
}

.slider__arrow--right::before {
    -webkit-transform: translate(-50%, -50%) scale(-1, 1);
    -ms-transform: translate(-50%, -50%) scale(-1, 1);
    transform: translate(-50%, -50%) scale(-1, 1)
}

@media (max-width:1199px) {
    .slider__arrow-main--left {
        left: 320px
    }

    .slider__arrow-main--right {
        left: 377px
    }
}

@media (max-width:991px) {
    .slider__arrow-main--left {
        left: auto;
        right: 65px
    }

    .slider__arrow-main--right {
        left: auto;
        right: 15px
    }
}

@media (max-width:576px) {
    .slider__arrow-main--left {
        left: auto;
        right: 45px
    }

    .slider__arrow-main--right {
        left: auto;
        right: 0
    }
}

@media (max-width:767px) {
    .slider__arrow {
        display: none
    }
}

.slider__dots-main li .progress {
    width: 30px;
    height: 30px
}

.slider__dots-main li .progress:focus {
    outline: 0
}

.slider__dots-main li .progress .progress__stroke,
.slider__dots-main li .progress .progress__value {
    stroke: none
}

.slider__dots-main li.slick-active {
    position: relative;
    background-color: #fff
}

.slider__dots-main li.slick-active::before {
    display: none
}

.slider__dots-main li.slick-active .progress {
    position: absolute;
    top: -11px;
    left: -11px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.slider__dots-main li.slick-active .progress .progress__value {
    stroke: url("/custom/rekmos/css/#paint0_linear");
    stroke-dasharray: 339.292;
    stroke-dashoffset: 339.292;
    -webkit-animation: progress 7.5s infinite;
    animation: progress 7.5s infinite
}

.slider__dots-main.stop li.slick-active .progress__value {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.siteMapList {
    padding-top: 30px;
    padding-bottom: 60px
}

.siteMapList a {
    color: #666;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.siteMapList a:hover {
    color: #444;
    text-decoration: underline
}

.button__wrap {
    width: 100%;
    display: flex;
    justify-content: center
}