.ui-datepicker {
 width: 17em;
 padding: .2em .2em 0;
 display: none
}

.ui-datepicker .ui-datepicker-header {
 position: relative;
 padding: .2em 0
}

.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,
.ui-datepicker select.ui-datepicker-year {
 width: 45%
}

.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: bold;
 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,
.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: 0
}

.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,
.ui-datepicker-rtl .ui-datepicker-group {
 float: right
}

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

.ui-datepicker .ui-icon {
 display: block;
 text-indent: -99999px;
 overflow: hidden;
 background-repeat: no-repeat;
 left: .5em;
 top: .3em
}


/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

.ui-widget {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em
}

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

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

.ui-widget.ui-widget-content {
 border: 1px solid #c5c5c5
}

.ui-widget-content {
 border: 1px solid #ddd;
 background: #fff;
 color: #333
}

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

.ui-widget-header {
 border: 1px solid #ddd;
 background: #e9e9e9;
 color: #333;
 font-weight: bold
}

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

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
 border: 1px solid #c5c5c5;
 background: #f6f6f6;
 font-weight: normal;
 color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
 color: #454545;
 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,
.ui-button:hover,
.ui-button:focus {
 border: 1px solid #ccc;
 background: #ededed;
 font-weight: normal;
 color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
 color: #2b2b2b;
 text-decoration: none
}

.ui-visual-focus {
 box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
 border: 1px solid #003eff;
 background: #007fff;
 font-weight: normal;
 color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
 border: #003eff;
 background-color: #fff
}

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

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
 border: 1px solid #dad55e;
 background: #fffa90;
 color: #777620
}

.ui-state-checked {
 border: 1px solid #dad55e;
 background: #fffa90
}

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

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
 border: 1px solid #f1a899;
 background: #fddfdf;
 color: #5f3f3f
}

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

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

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

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

.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-state-disabled .ui-icon {
 filter: Alpha(Opacity=35)
}

.ui-icon {
 width: 16px;
 height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
 background-image: url(/ui-icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
 background-image: url(/ui-icons_444444_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
 background-image: url(/ui-icons_555555_256x240.png)
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
 background-image: url(/ui-icons_ffffff_256x240.png)
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
 background-image: url(/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
 background-image: url(/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
 background-image: url(/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
 background-position: 16px 16px
}

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

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

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

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

.ui-icon-caret-1-s {
 background-position: -65px 0
}

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

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

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

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

.ui-icon-caret-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: -65px -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: -65px -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: 1px -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-on {
 background-position: -96px -144px
}

.ui-icon-radio-off {
 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 {
 border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
 border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
 border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
 border-bottom-right-radius: 3px
}

.ui-widget-overlay {
 background: #aaa;
 opacity: 0.3;
 filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
 box-shadow: 0 0 5px #666
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
 line-height: 1.15;
 -webkit-text-size-adjust: 100%
}

body {
 margin: 0
}

main {
 display: block
}

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

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

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

a {
 background-color: transparent
}

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

b,
strong {
 font-weight: bolder
}

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

small {
 font-size: 80%
}

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

sub {
 bottom: -0.25em
}

sup {
 top: -0.5em
}

img {
 border-style: none
}

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
}

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

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

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

fieldset {
 padding: 0.35em 0.75em 0.625em
}

legend {
 box-sizing: border-box;
 color: inherit;
 display: table;
 max-width: 100%;
 padding: 0;
 white-space: normal
}

progress {
 vertical-align: baseline
}

textarea {
 overflow: auto
}

[type="checkbox"],
[type="radio"] {
 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
}

details {
 display: block
}

summary {
 display: list-item
}

template {
 display: none
}

[hidden] {
 display: none
}

@font-face {
 font-family: 'swiper-icons';
 src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
 font-weight: 400;
 font-style: normal
}

:root {
 --swiper-theme-color: #007aff
}

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

.swiper-container-vertical>.swiper-wrapper {
 -ms-flex-direction: column;
 flex-direction: column
}

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

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

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

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

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

.swiper-container-pointer-events {
 -ms-touch-action: pan-y;
 touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
 -ms-touch-action: pan-x;
 touch-action: pan-x
}

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

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

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

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

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

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

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

.swiper-container-3d .swiper-slide-shadow-left {
 background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
 overflow: auto;
 scrollbar-width: none;
 -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
 display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
 scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
 -ms-scroll-snap-type: x mandatory;
 scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
 -ms-scroll-snap-type: y mandatory;
 scroll-snap-type: y mandatory
}

:root {
 --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
 position: absolute;
 top: 50%;
 width: calc(var(--swiper-navigation-size) / 44 * 27);
 height: var(--swiper-navigation-size);
 margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
 z-index: 10;
 cursor: pointer;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: center;
 justify-content: center;
 color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

.swiper-button-prev:after,
.swiper-button-next:after {
 font-family: swiper-icons;
 font-size: var(--swiper-navigation-size);
 text-transform: none !important;
 letter-spacing: 0;
 text-transform: none;
 font-variant: initial;
 line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
 left: 10px;
 right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
 content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
 right: 10px;
 left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
 content: 'next'
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
 --swiper-navigation-color: #ffffff
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
 --swiper-navigation-color: #000000
}

.swiper-button-lock {
 display: none
}

.swiper-pagination {
 position: absolute;
 text-align: center;
 transition: 300ms opacity;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 z-index: 10
}

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

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

.swiper-pagination-bullets-dynamic {
 overflow: hidden;
 font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 -webkit-transform: scale(0.33);
 transform: scale(0.33);
 position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
 -webkit-transform: scale(1);
 transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
 -webkit-transform: scale(1);
 transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
 -webkit-transform: scale(0.66);
 transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
 -webkit-transform: scale(0.33);
 transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
 -webkit-transform: scale(0.66);
 transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
 -webkit-transform: scale(0.33);
 transform: scale(0.33)
}

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

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

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

.swiper-pagination-bullet-active {
 opacity: 1;
 background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

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

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

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 display: inline-block;
 transition: 200ms top, 200ms -webkit-transform;
 transition: 200ms transform, 200ms top;
 transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 transition: 200ms left, 200ms -webkit-transform;
 transition: 200ms transform, 200ms left;
 transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 transition: 200ms right, 200ms -webkit-transform;
 transition: 200ms transform, 200ms right;
 transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 background: var(--swiper-pagination-color, var(--swiper-theme-color));
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 -webkit-transform: scale(0);
 transform: scale(0);
 -webkit-transform-origin: left top;
 transform-origin: left top
}

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

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

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

.swiper-pagination-white {
 --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
 --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
 display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
 display: none
}

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

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

.swiper-slide-zoomed {
 cursor: move
}

.swiper-lazy-preloader {
 width: 42px;
 height: 42px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -21px;
 margin-top: -21px;
 z-index: 10;
 -webkit-transform-origin: 50%;
 transform-origin: 50%;
 -webkit-animation: swiper-preloader-spin 1s infinite linear;
 animation: swiper-preloader-spin 1s infinite linear;
 box-sizing: border-box;
 border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
 border-radius: 50%;
 border-top-color: transparent
}

.swiper-lazy-preloader-white {
 --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
 --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
 100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
 }
}

@keyframes swiper-preloader-spin {
 100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
 }
}

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

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

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

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

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

.swiper-container-cube {
 overflow: visible
}

.swiper-container-cube .swiper-slide {
 pointer-events: none;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 z-index: 1;
 visibility: hidden;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 width: 100%;
 height: 100%
}

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

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

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

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

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

.swiper-container-cube .swiper-cube-shadow {
 position: absolute;
 left: 0;
 bottom: 0px;
 width: 100%;
 height: 100%;
 opacity: 0.6;
 z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
 content: '';
 background: #000;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 -webkit-filter: blur(50px);
 filter: blur(50px)
}

.swiper-container-flip {
 overflow: visible
}

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

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

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

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


/* End */


/* Start:/local/templates/main/css/main.faf44350663d518db2e2.css?1632228035390608*/

.ldBar {
 position: relative
}

.ldBar.label-center>.ldBar-label {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 text-shadow: 0 0 3px #fff
}

.ldBar-label:after {
 content: "%";
 display: inline
}

.ldBar.no-percent .ldBar-label:after {
 content: ""
}


html {
 box-sizing: border-box;
 scroll-behavior: smooth;
}

*,
*:before,
*:after {
 box-sizing: border-box;
 border: none;
 padding: 0;
 outline: none !important
}

html,
body {
 min-height: 100vh;
 font-size: 16px
}

body {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-pack: justify;
 justify-content: space-between;
 margin: 0;
 padding: 0;
 font-family: "Montserrat", sans-serif;
 font-style: normal;
 font-weight: normal;
 color: #ffffff;
 overflow-x: hidden;
}

.header,
.footer {
 -ms-flex: none;
 flex: none
}

.main {
 -ms-flex: 1 0 auto;
 flex: 1 0 auto;
 padding-top: 76px;
 overflow: hidden;
 max-width: 100vw
}

@media (min-width: 768px) {
 .main {
  padding-top: 114px
 }
}

.container {
 width: 85%;
 margin: 0 auto;
 position: relative
}

@media (min-width: 768px) {
 .container {
  width: 87.5%
 }
}

@media (min-width: 1320px) {
 .container {
  width: 70.13177159590044%
 }
}

@media (min-width: 1860px) {
 .container {
  width: 70%
 }
}

.container-endless {
 position: relative;
 width: 92.5%;
 margin-left: 7.5%
}

@media (min-width: 768px) {
 .container-endless {
  width: 93.75%;
  margin-left: 6.25%
 }
}

@media (min-width: 1320px) {
 .container-endless {
  width: 85.06588579795022%;
  margin-left: 14.93411420204978%
 }
}

@media (min-width: 1860px) {
 .container-endless {
  width: 85%;
  margin-left: 15%
 }
}

.container-endless-fix {
 position: relative;
 width: 92.5%;
 margin-left: 7.5%
}

@media (min-width: 768px) {
 .container-endless-fix {
  width: 93.75%;
  margin-left: 6.25%
 }
}

@media (min-width: 1320px) {
 .container-endless-fix {
  width: 85.06588579795022%;
  margin-left: 14.93411420204978%
 }
}

@media (min-width: 1860px) {
 .container-endless-fix {
  width: 70vw;
  margin-left: 15%
 }
}

.endless {
 width: 108.108108108108108%;
 margin-left: -8.108108108108108%;
 padding-left: 8.108108108108108%
}

@media (min-width: 768px) {
 .endless {
  width: 106.666666666666667%;
  margin-left: -6.666666666666667%;
  padding-left: 6.666666666666667%
 }
}

@media (min-width: 1320px) {
 .endless {
  width: calc(100% + 40px);
  margin-left: -40px;
  padding-left: 40px
 }
}

.h1,
h1,
.h2,
h2,
.h3,
h3 {
 margin: 0;
 padding: 0
}

.h1,
h1 {
 font-weight: 700;
 font-size: 24px;
 line-height: 1.3;
 letter-spacing: 0.02em
}

@media (min-width: 768px) {
 .h1,
 h1 {
  font-size: 60px;
  line-height: 1.4
 }
}

.h2,
h2 {
 font-weight: 500;
 font-size: 20px;
 line-height: 1.3;
 letter-spacing: 0.02em
}

@media (min-width: 768px) {
 .h2,
 h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.4
 }
}

@media (min-width: 1860px) {
 .h2,
 h2 {
  font-size: 30px
 }
}

.h3,
h3 {
 font-weight: 500;
 font-size: 14px;
 line-height: 1.6
}

@media (min-width: 768px) {
 .h3,
 h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.02em
 }
}

p {
 margin: 0;
 padding: 0;
 font-size: 14px
}

@media (min-width: 768px) {
 p {
  font-size: 18px
 }
}

.clearfix::after {
 display: block;
 content: "";
 clear: both
}

ul {
 margin: 0;
 padding: 0
}

li {
 list-style: none;
 margin: 0;
 padding: 0
}

.pic {
 display: block;
 max-width: 100%;
 width: 100%;
 height: auto
}

a,
a.link,
.link {
 text-decoration: none;
 color: #1B98A8;
 transition: all 0.2s;
 cursor: pointer
}

@media (min-width: 1320px) {
 a:hover,
 a.link:hover,
 .link:hover {
  color: #1B98A8
 }
}

a.active,
a.link.active,
.link.active {
 color: #1B98A8 !important
}

a.revers,
a.link.revers,
.link.revers {
 color: #1B98A8
}

a.revers:hover,
a.link.revers:hover,
.link.revers:hover {
 color: #ffffff
}

.btn,
a.btn,
.button.btn,
.input.btn {
 display: inline-block;
 -ms-flex-align: center;
 align-items: center;
 cursor: pointer;
 font-size: 14px;
 line-height: 1.2;
 transition: all .3s;
 font-family: "Montserrat", sans-serif;
 white-space: nowrap;
}

.btn_primary,
a.btn_primary,
.button.btn_primary,
.input.btn_primary {
 padding: 14px 34px;
 height: 50px;
 font-weight: 500;
 color: #ffffff;
 background-color: #1B98A8;
 border: 2px solid #1B98A8;
}

.btn_primary:hover,
a.btn_primary:hover,
.button.btn_primary:hover,
.input.btn_primary:hover {
 background-color: #fff;
 border-color: #1B98A8;
 color:#1B98A8;
}

.btn_primary:active,
a.btn_primary:active,
.button.btn_primary:active,
.input.btn_primary:active {
 color: #ffffff;
 background-color: #1a1111;
 border-color: #1a1111;
 box-shadow: inset 5px 4px 10px rgba(49, 4, 38, 0.5), inset -2px -2px 30px rgba(255, 255, 255, 0.2)
}

.btn_primary:focus,
a.btn_primary:focus,
.button.btn_primary:focus,
.input.btn_primary:focus {
 color: #ffffff;
 background-color: #1B98A8;
 border-color: #1B98A8;
 box-shadow: 0 0 0 2px #1a1111, -14px -28px 40px rgba(35, 33, 58, 0.64), 14px 28px 30px rgba(4, 5, 14, 0.64), inset 5px 4px 10px rgba(49, 4, 38, 0.5), inset -2px -2px 30px rgba(255, 255, 255, 0.2)
}

.btn_primary.inactive,
a.btn_primary.inactive,
.button.btn_primary.inactive,
.input.btn_primary.inactive {
 cursor: default;
 color: #6c6c6c;
 background: #5B4589;
 border-color: #5B4589;
 box-shadow: inset 5px 4px 10px rgba(49, 4, 38, 0.5), inset -2px -2px 30px rgba(255, 255, 255, 0.2)
}

.btn_primary.not-focused,
a.btn_primary.not-focused,
.button.btn_primary.not-focused,
.input.btn_primary.not-focused {
 color: #ffffff;
 background-color: #1B98A8;
 border: 2px solid #1B98A8;
}

.btn_primary.not-focused:hover,
a.btn_primary.not-focused:hover,
.button.btn_primary.not-focused:hover,
.input.btn_primary.not-focused:hover {
 background-color: #1a1111;
 border-color: #1a1111;
}

.btn_secondary,
a.btn_secondary,
.button.btn_secondary,
.input.btn_secondary {
 padding: 14px 24px;
 height: 50px;
 font-weight: 500;
 color: #1B98A8;
 border: 2px solid #1B98A8;
}

.btn_secondary:hover,
a.btn_secondary:hover,
.button.btn_secondary:hover,
.input.btn_secondary:hover {
 color: #000;
}

.btn_secondary:active,
a.btn_secondary:active,
.button.btn_secondary:active,
.input.btn_secondary:active {
 color: #6c6c6c;
 background: #070707;
}

.btn_secondary:focus,
a.btn_secondary:focus,
.button.btn_secondary:focus,
.input.btn_secondary:focus {
 color: #ffffff;
 background: #1f0d0d;
}

.btn_secondary.inactive,
a.btn_secondary.inactive,
.button.btn_secondary.inactive,
.input.btn_secondary.inactive {
 cursor: default;
 color: #4b3737;
 background: #1f0d0d;
}

.btn_calltoaction,
a.btn_calltoaction,
.button.btn_calltoaction,
.input.btn_calltoaction {
 padding: 16px 34px;
 height: 54px;
 font-weight: 500;
 color: #1B98A8;
 background: #1f0d0d;
}

.btn_calltoaction:hover,
a.btn_calltoaction:hover,
.button.btn_calltoaction:hover,
.input.btn_calltoaction:hover {
 color: #1a1111;
}

.btn_calltoaction:active,
a.btn_calltoaction:active,
.button.btn_calltoaction:active,
.input.btn_calltoaction:active {
 color: #5B4589;
 background: #070707;
}

.btn_calltoaction:focus,
a.btn_calltoaction:focus,
.button.btn_calltoaction:focus,
.input.btn_calltoaction:focus {
 color: #1a1111;
 background: #1f0d0d;
}

.btn_calltoaction.inactive,
a.btn_calltoaction.inactive,
.button.btn_calltoaction.inactive,
.input.btn_calltoaction.inactive {
 cursor: default;
 color: #4b3737;
 background: #1f0d0d;
}

.btn_ghost,
a.btn_ghost,
.button.btn_ghost,
.input.btn_ghost {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 margin-right: 31px;
 padding: 8px 12px;
 height: 38px;
 font-weight: 400;
 border-radius: 10px;
 box-shadow: 0 0 0 2px rgba(56, 35, 89, 0);
 transition: all 0.2s
}

.btn_ghost:hover svg path,
a.btn_ghost:hover svg path,
.button.btn_ghost:hover svg path,
.input.btn_ghost:hover svg path {
 stroke: #ffffff
}

.btn_ghost:hover .arr,
a.btn_ghost:hover .arr,
.button.btn_ghost:hover .arr,
.input.btn_ghost:hover .arr {
 color: #ffffff
}

.btn_ghost:active svg path,
a.btn_ghost:active svg path,
.button.btn_ghost:active svg path,
.input.btn_ghost:active svg path {
 stroke: #ffffff
}

.btn_ghost:active .arr,
a.btn_ghost:active .arr,
.button.btn_ghost:active .arr,
.input.btn_ghost:active .arr {
 color: #ffffff
}

.btn_ghost:focus,
a.btn_ghost:focus,
.button.btn_ghost:focus,
.input.btn_ghost:focus {
 box-shadow: 0 0 0 2px #382359
}

.btn_ghost:focus svg path,
a.btn_ghost:focus svg path,
.button.btn_ghost:focus svg path,
.input.btn_ghost:focus svg path {
 stroke: #1B98A8
}

.btn_ghost:focus .arr,
a.btn_ghost:focus .arr,
.button.btn_ghost:focus .arr,
.input.btn_ghost:focus .arr {
 color: #1B98A8
}

.btn_ghost.inactive,
a.btn_ghost.inactive,
.button.btn_ghost.inactive,
.input.btn_ghost.inactive {
 cursor: default
}

.btn_ghost.inactive svg path,
a.btn_ghost.inactive svg path,
.button.btn_ghost.inactive svg path,
.input.btn_ghost.inactive svg path {
 stroke: #4b3737
}

.btn_ghost.inactive .arr,
a.btn_ghost.inactive .arr,
.button.btn_ghost.inactive .arr,
.input.btn_ghost.inactive .arr {
 color: #4b3737
}

.btn_ghost .icon-pic,
a.btn_ghost .icon-pic,
.button.btn_ghost .icon-pic,
.input.btn_ghost .icon-pic {
 height: 16px;
 width: 16px;
 margin-right: 11px;
 margin-top: -2px
}

.btn_ghost .icon-pic svg,
a.btn_ghost .icon-pic svg,
.button.btn_ghost .icon-pic svg,
.input.btn_ghost .icon-pic svg {
 -webkit-transform: translate(1px, 1px);
 transform: translate(1px, 1px)
}

.btn_ghost .icon-pic svg path,
a.btn_ghost .icon-pic svg path,
.button.btn_ghost .icon-pic svg path,
.input.btn_ghost .icon-pic svg path {
 transition: all 0.2s
}

.btn_ghost .arr,
a.btn_ghost .arr,
.button.btn_ghost .arr,
.input.btn_ghost .arr {
 color: #1B98A8;
 transition: all 0.2s
}

.btn_ghost .arr svg,
a.btn_ghost .arr svg,
.button.btn_ghost .arr svg,
.input.btn_ghost .arr svg {
 -webkit-transform: translate(8px, 4px);
 transform: translate(8px, 4px)
}

.btn_ghost .arr svg path,
a.btn_ghost .arr svg path,
.button.btn_ghost .arr svg path,
.input.btn_ghost .arr svg path {
 transition: all 0.2s
}

.btn_icon-outlined,
a.btn_icon-outlined,
.button.btn_icon-outlined,
.input.btn_icon-outlined {
 padding: 12px;
 width: 48px;
 height: 48px;
 border-radius: 50%;
 background: #1f0d0d;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 cursor: pointer
}

@media (min-width: 1320px) {
 .btn_icon-outlined:hover,
 a.btn_icon-outlined:hover,
 .button.btn_icon-outlined:hover,
 .input.btn_icon-outlined:hover {
  color: #000;
 }
 .btn_icon-outlined:hover svg path,
 a.btn_icon-outlined:hover svg path,
 .button.btn_icon-outlined:hover svg path,
 .input.btn_icon-outlined:hover svg path {
  stroke: #000;
 }
}




.btn_play,
a.btn_play,
.button.btn_play,
.input.btn_play {
 position: relative;
 padding: 12px;
 width: 48px;
 height: 48px;
 border-radius: 50%;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 cursor: pointer;
 transition: all 0.2s;
 border: 2px solid #1B98A8;
 background-color: #1B98A8;
}

.btn_play::before,
.btn_play::after,
a.btn_play::before,
a.btn_play::after,
.button.btn_play::before,
.button.btn_play::after,
.input.btn_play::before,
.input.btn_play::after {
 transition: all 0.2s;
 content: "";
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-repeat: no-repeat;
 background-position: center
}

@media (min-width: 768px) {
 .btn_play::before,
 .btn_play::after,
 a.btn_play::before,
 a.btn_play::after,
 .button.btn_play::before,
 .button.btn_play::after,
 .input.btn_play::before,
 .input.btn_play::after {
  background-size: 50%
 }
}

.btn_play::before,
a.btn_play::before,
.button.btn_play::before,
.input.btn_play::before {
 opacity: 1
}

.btn_play::after,
a.btn_play::after,
.button.btn_play::after,
.input.btn_play::after {
 opacity: 0
}

@media (min-width: 768px) {
 .btn_play,
 a.btn_play,
 .button.btn_play,
 .input.btn_play {
  width: 98px;
  height: 98px;
  border-width: 3px
 }
 .btn_play:hover,
 .feedback__pic:hover .btn,
 a.btn_play:hover,
 .feedback__pic:hover a.btn,
 .button.btn_play:hover,
 .feedback__pic:hover .button.btn,
 .input.btn_play:hover,
 .feedback__pic:hover .input.btn {
  background-color: #1a1111;
  border-color: #1a1111
 }
 .btn_play:hover::before,
 .feedback__pic:hover .btn::before,
 a.btn_play:hover::before,
 .feedback__pic:hover a.btn::before,
 .button.btn_play:hover::before,
 .feedback__pic:hover .button.btn::before,
 .input.btn_play:hover::before,
 .feedback__pic:hover .input.btn::before {
  opacity: 0
 }
 .btn_play:hover::after,
 .feedback__pic:hover .btn::after,
 a.btn_play:hover::after,
 .feedback__pic:hover a.btn::after,
 .button.btn_play:hover::after,
 .feedback__pic:hover .button.btn::after,
 .input.btn_play:hover::after,
 .feedback__pic:hover .input.btn::after {
  opacity: 1
 }
}

.btn svg path,
a.btn svg path,
.button.btn svg path,
.input.btn svg path {
 transition: all .2s linear
}

.slider-controller {
 position: absolute;
 left: -135px;
 top: 50%;
 width: 68px;
 height: 68px;
 display: none !important
}

@media (min-width: 1320px) {
 .slider-controller {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
 }
}

@media (min-width: 1860px) {
 .slider-controller {
  left: -190px
 }
}

.slider-controller svg path {
 transition: all .3s
}

.slider-controller_next svg {
 position: relative;
 -webkit-transform: translate(2px, 1px);
 transform: translate(2px, 1px)
}

.slider-controller_prev svg {
 -webkit-transform: scale(-1, 1);
 transform: scale(-1, 1)
}

.social-icon {
 display: inline-block;
 position: relative;
 height: 48px;
 width: 48px;
 border-radius: 50%;
 background: linear-gradient(333.73deg, rgba(11, 13, 25, 0.7) 9.78%, rgba(37, 38, 58, 0.5) 87.2%)
}

.social-icon__pic {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 position: absolute;
 height: 42px;
 width: 42px;
 top: 3px;
 left: 3px;
 border-radius: 50%;
 background: linear-gradient(321.49deg, #301c1c -6.41%, #0B0C12 90.97%);
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.4)
}

.social-icon__pic svg {
 width: 18px;
 height: 18px
}

.social-icon__pic svg path {
 transition: all 0.2s;
 stroke: #1B98A8
}

.social-icon:hover svg path {
 stroke: #6c6c6c
}

.section {
 position: relative;
 margin-top: 96px;
 margin-bottom: 96px
}

.section_contacts {
  background: linear-gradient(124.74deg, #003548 29.52%, #0B788B 100%);
 padding: 100px 0;
 margin-bottom: 0!important;
}

.clients__card {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
}
.clients__card img {
  max-height: 150px;
}

@media (min-width: 768px) {
 .section {
  margin-top: 134px;
  margin-bottom: 134px
 }
}

@media (min-width: 1860px) {
 .section {
  margin-top: 150px;
  margin-bottom: 150px
 }
}

.section__title {
 line-height: 130%;
 letter-spacing: 0.02em;
 font-size: 24px;
 font-weight: 800;
 color: #121212;
 margin-bottom: 48px
}

.section__title .title {
 margin-right: 24px
}

@media (min-width: 768px) {
 .section__title {
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 68px
 }
}

@media (min-width: 1860px) {
 .section__title {
  font-size: 60px;
  margin-bottom: 134px
 }
}

.section__link {
 display: block;
 margin-top: 12px;
 line-height: 1.6;
 font-size: 16px
}

@media (min-width: 768px) {
 .section__link {
  display: inline-block
 }
}

.section__link a {
 font-size: 16px;
 font-weight: 500;
 letter-spacing: 0.02em;
 line-height: 1.15
}

@media (min-width: 768px) {
 .section__link a {
  line-height: 1.6
 }
}

@media (min-width: 768px) {
 .section__link a:hover svg path {
  stroke: #ffffff
 }
}

.section__link a svg {
 position: relative;
 -webkit-transform: translate(6px, 4px);
 transform: translate(6px, 4px)
}

.section__link a svg path {
 transition: all 0.2s
}

.input,
.textarea {
 min-width: 144px;
 height: 46px;
 background-color: #070707;
 padding: 12px 32px 12px 60px;
 border-radius: 999px;
 display: inline-block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 text-align: left;
 color: #6c6c6c;
 font-weight: 400;
 font-size: 14px;
 line-height: 160%;
 transition: all 0.2s;
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

.input:focus,
.textarea:focus {
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06), 0px 0px 0px 2px #463370
}

.textarea {
 resize: none;
 border-radius: 24px;
 overflow: initial;
 white-space: initial;
 text-overflow: initial
}

.input:-webkit-autofill,
.input:-webkit-autofill:hover,
.input:-webkit-autofill:focus,
.input:-webkit-autofill:active,
.textarea:-webkit-autofill,
.textarea:-webkit-autofill:hover,
.textarea:-webkit-autofill:focus,
.textarea:-webkit-autofill:active {
 -webkit-transition: all 5000s linear 0s;
 transition: all 5000s linear 0s;
 -webkit-transition-property: background-color, color;
 transition-property: background-color, color
}

.input[type="checkbox"]:checked+.checker .check {
 opacity: 1
}

.input[type="checkbox"]:checked+.checker .uncheck {
 opacity: 0
}

.input[type="text"]::-ms-clear {
 display: none
}

.input[type="password"]::-ms-reveal {
 display: none
}

.label {
 margin-right: 16px
}

@media (min-width: 768px) {
 .label {
  margin-right: 24px
 }
}

.label__icon {
 position: relative
}

.label__icon .icon {
 width: 16px;
 height: 16px;
 position: absolute;
 top: 50%;
 left: 32px;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%)
}

.label__icon .icon img {
 width: 40px;
 max-width: none;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.controller {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 width: 100%;
 margin-bottom: 24px
}

@media (min-width: 768px) {
 .controller {
  margin-bottom: 48px
 }
}

.controller__input {
 height: 46px;
 z-index: 1;
 position: relative
}

.controller__check {
 z-index: 5
}

.controller-group {
 width: 100%;
 margin-bottom: 34px
}

.controller-group .input,
.controller-group .textarea {
 width: 100%
}

@media (min-width: 1860px) {
 .controller-group .input,
 .controller-group .textarea {
  font-weight: normal;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: #ffffff
 }
}

@media (min-width: 1860px) {
 .controller-group .input {
  height: 80px;
  padding: 24px 24px 24px 92px
 }
}

@media (min-width: 1860px) {
 .controller-group .textarea {
  padding: 24px 24px 24px 92px
 }
}

.controller-group .label__icon {
 margin: 0;
 width: 100%
}

.controller-group .validator {
 position: absolute;
 right: 0;
 top: 9px
}

@media (min-width: 768px) {
 .controller-group .validator {
  display: block
 }
}

.controller-group .validator__cross {
 display: none
}

@media (min-width: 1320px) {
 .controller-group .validator__cross {
  display: block;
  right: -72px;
  top: 25px
 }
}

@media (min-width: 1860px) {
 .controller-group .validator__cross {
  display: none
 }
}

@media (min-width: 1320px) {
 .controller-group .validator__check {
  right: -120px;
  top: 25px
 }
}

@media (min-width: 1860px) {
 .controller-group .validator__check {
  right: -72px
 }
}

.controller-label {
 display: block;
 width: 100%;
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 12px
}

@media (min-width: 1320px) {
 .controller-label {
  font-size: 18px
 }
}

.controller-wrap {
 width: 100%;
 position: relative
}

.controller-icon {
 display: block;
 position: absolute;
 width: 46px;
 top: -5px;
 left: 17px
}

@media (min-width: 1860px) {
 .controller-icon {
  width: 120px;
  top: -33px;
  left: -7px
 }
}

.validator {
 width: 32px;
 height: 32px;
 margin-right: 16px;
 transition: all 0.2s;
 position: relative
}

.validator img {
 width: 100px;
 max-width: 100px;
 height: 100px;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 opacity: 0;
 transition: all 0.2s
}

.controller.checked.valid .validator__cross .valid,
.controller.checked.valid .validator__check .valid {
 opacity: 1
}

.controller.checked.valid .validator__cross .invalid,
.controller.checked.valid .validator__check .invalid {
 opacity: 0
}

.controller.checked.valid.single-valid-warning .validator__check {
 display: block
}

.controller.checked.valid.single-valid-warning .validator__cross {
 display: none
}

.controller.checked.invalid .validator__cross .valid,
.controller.checked.invalid .validator__check .valid {
 opacity: 0
}

.controller.checked.invalid .validator__cross .invalid,
.controller.checked.invalid .validator__check .invalid {
 opacity: 1
}

.controller.checked.invalid.single-valid-warning .validator__cross {
 display: block
}

@media (max-width: 767px) {
 .controller.checked.invalid.single-valid-warning .validator__check {
  display: none
 }
}

.validator__cross {
 display: none
}

@media (min-width: 768px) {
 .validator__cross {
  display: block
 }
}

.validator__cross .valid {
 opacity: 1
}

.validator__cross .invalid {
 opacity: 0
}

.validator__check .valid {
 opacity: 0
}

.validator__check .invalid {
 opacity: 1
}

.bounce-top {
 -webkit-animation: bounce-top 0.9s both;
 animation: bounce-top 0.9s both
}

@-webkit-keyframes bounce-top {
 0% {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 1
 }
 24% {
  opacity: 1
 }
 40% {
  -webkit-transform: translateY(-12px);
  transform: translateY(-6px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
 }
 65% {
  -webkit-transform: translateY(-6px);
  transform: translateY(-3px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
 }
 82% {
  -webkit-transform: translateY(-3px);
  transform: translateY(-2px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
 }
 93% {
  -webkit-transform: translateY(-2px);
  transform: translateY(-1px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
 }
 25%,
 55%,
 75%,
 87% {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
 }
 100% {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  opacity: 1
 }
}

@keyframes bounce-top {
 0% {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 1
 }
 24% {
  opacity: 1
 }
 40% {
  -webkit-transform: translateY(-12px);
  transform: translateY(-6px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
 }
 65% {
  -webkit-transform: translateY(-6px);
  transform: translateY(-3px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
 }
 82% {
  -webkit-transform: translateY(-3px);
  transform: translateY(-2px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
 }
 93% {
  -webkit-transform: translateY(-2px);
  transform: translateY(-1px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
 }
 25%,
 55%,
 75%,
 87% {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
 }
 100% {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  opacity: 1
 }
}

input {
 outline: 0 !important;
 overflow: hidden !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important
}

.input[type="number"]::-webkit-outer-spin-button,
.input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none
}

.input[type='number'],
.input[type="number"]:hover,
.input[type="number"]:focus {
 -webkit-appearance: none;
 appearance: none;
 -moz-appearance: textfield
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
 color: #4b3737;
 opacity: 1;
 -webkit-transition: opacity 0.2s ease;
 transition: opacity 0.2s ease
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
 color: #4b3737;
 opacity: 1;
 -moz-transition: opacity 0.2s ease;
 transition: opacity 0.2s ease
}

.input:-moz-placeholder,
.textarea:-moz-placeholder {
 color: #4b3737;
 opacity: 1;
 -moz-transition: opacity 0.2s ease;
 transition: opacity 0.2s ease
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
 color: #4b3737;
 opacity: 1;
 -ms-transition: opacity 0.2s ease;
 transition: opacity 0.2s ease
}

.input:focus::-webkit-input-placeholder,
.textarea:focus::-webkit-input-placeholder {
 color: #4b3737;
 opacity: 0;
 -webkit-transition: opacity 0.2s ease;
 transition: opacity 0.2s ease
}

.input:focus::-moz-placeholder,
.textarea:focus::-moz-placeholder {
 color: #4b3737;
 opacity: 0;
 -moz-transition: opacity 0.2s ease;
 transition: opacity 0.2s ease
}

.input:focus:-moz-placeholder,
.textarea:focus:-moz-placeholder {
 color: #4b3737;
 opacity: 0;
 -moz-transition: opacity 0.2s ease;
 transition: opacity 0.2s ease
}

.input:focus:-ms-input-placeholder,
.textarea:focus:-ms-input-placeholder {
 color: #4b3737;
 opacity: 0;
 -ms-transition: opacity 0.2s ease;
 transition: opacity 0.2s ease
}

.slide-nums {
 width: 84px;
 height: 42px;
 display: -ms-flexbox;
 display: flex;
 position: absolute;
 z-index: 1
}

.slide-nums__current {
 width: 42px;
 height: 42px
}

.slide-nums__scrolled {
 height: 42px;
 width: auto;
 display: -ms-flexbox;
 display: flex;
 position: absolute;
 top: 0;
 left: 0;
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
 transition: -webkit-transform .5s ease-out;
 transition: transform .5s ease-out;
 transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.slide-nums__number {
 width: 42px;
 height: 42px;
 font-weight: 700;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #1B98A8;
 transition: opacity .2s linear;
 text-align: right;
 padding-top: 7px;
 opacity: 0
}

@media (min-width: 1320px) {
 .slide-nums__number {
  font-size: 30px;
  line-height: 140%;
  padding-top: 5px
 }
}

.slide-nums__number.active {
 opacity: 1;
 transition: opacity .4s linear
}

.slide-nums__all {
 width: 42px;
 height: 42px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-pack: end;
 justify-content: flex-end
}

.slide-nums__all .number {
 font-weight: 500;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 -ms-flex-pack: start;
 justify-content: flex-start;
 padding-bottom: 5px;
 padding-left: 6px
}

@media (min-width: 1320px) {
 .slide-nums__all .number {
  font-weight: 400;
  padding-bottom: 0;
  padding-left: 10px
 }
}

.slide-nums__all .number::before {
 content: "/";
 display: inline-block;
 margin-right: 4px
}

.default-animation {
 opacity: 1;
 -webkit-transform: translate(0, 0) scale(1, 1);
 transform: translate(0, 0) scale(1, 1);
 transition: all .7s ease-out;
 -webkit-filter: grayscale(0) blur(0);
 filter: grayscale(0) blur(0)
}

.point,
.faq__description ul li span::before,
.privacy-policy__description ul li::before {
 display: block;
 border-radius: 50%;
 width: 9px;
 height: 9px;
 background: linear-gradient(296.57deg, #0B0C12 12.5%, #301c1c 75%);
 box-shadow: -2px -1px 4px rgba(35, 33, 58, 0.6), 2px 1px 4px #04050E
}

.modal-open {
 overflow: hidden !important
}

.modal {
 width: 100vw;
 height: 100vh;
 top: 0;
 left: -9999px;
 opacity: 0;
 position: fixed;
 z-index: 999;
 overflow-x: hidden;
 overflow-y: auto;
 outline: 0;
 background-color: rgba(0, 0, 0, 0.5);
 -webkit-backdrop-filter: blur(0);
 backdrop-filter: blur(0);
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 transition: left 0s linear .15s, opacity .15s linear 0s, -webkit-backdrop-filter .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, backdrop-filter .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, backdrop-filter .15s linear 0s, -webkit-backdrop-filter .15s linear 0s
}

.modal__dialog {
 position: relative;
 width: 272px;
 margin: 1.75rem auto;
 -webkit-transform: translate(0, -25px);
 transform: translate(0, -25px);
 transition: -webkit-transform .15s linear;
 transition: transform .15s linear;
 transition: transform .15s linear, -webkit-transform .15s linear
}

@media (min-width: 768px) {
 .modal__dialog {
  width: 414px
 }
}

@media (min-width: 1320px) {
 .modal__dialog {
  width: 621px
 }
}

.modal__content {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 width: 100%;
 pointer-events: auto;
 background-clip: padding-box;
 outline: 0;
 padding: 24px 16px;
 border-radius: 12px;
 background: linear-gradient(318.46deg, #301c1c -26.8%, #070707 91.86%)
}

@media (min-width: 768px) {
 .modal__content {
  padding: 48px 68px;
  background: linear-gradient(317.6deg, #301c1c -101.32%, #070707 92.12%)
 }
}

@media (min-width: 1320px) {
 .modal__content {
  padding: 64px 68px
 }
}

.modal__header {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: center;
 align-items: center
}

.modal__body {
 position: relative;
 -ms-flex: 1 1 auto;
 flex: 1 1 auto;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: center;
 align-items: center
}

.modal__footer {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: center;
 align-items: center
}

.modal__title {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 text-align: center;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px
}

@media (min-width: 768px) {
 .modal__title {
  margin-bottom: 16px
 }
}

@media (min-width: 1320px) {
 .modal__title {
  font-size: 40px;
  line-height: 140%;
  margin-bottom: 24px
 }
}

.modal__subtitle {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 text-align: center;
 color: #ffffff;
 margin-bottom: 38px;
 padding: 0 5.882352941176471%
}

@media (min-width: 768px) {
 .modal__subtitle {
  margin-bottom: 4px;
  padding: 0
 }
}

@media (min-width: 1320px) {
 .modal__subtitle {
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 18px
 }
}

.modal-img {
 display: none;
 width: 198px;
 opacity: 0;
 -webkit-transform: translateY(-15px) scale(0.9);
 transform: translateY(-15px) scale(0.9);
 transition: all 0.5s cubic-bezier(0, 0.55, 0.45, 1)
}

@media (min-width: 768px) {
 .modal-img {
  display: block;
  margin-bottom: 4px
 }
}

@media (min-width: 1320px) {
 .modal-img {
  margin-bottom: 18px
 }
}

.modal.visible {
 left: 0;
 opacity: 1;
 -webkit-backdrop-filter: blur(4px);
 backdrop-filter: blur(4px);
 transition: left 0s linear 0s, opacity .15s linear 0s, -webkit-backdrop-filter .15s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, backdrop-filter .15s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, backdrop-filter .15s linear 0s, -webkit-backdrop-filter .15s linear 0s
}

.modal.visible .modal__dialog {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 transition: -webkit-transform 0.5s cubic-bezier(0, 0.55, 0.45, 1);
 transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1);
 transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.5s cubic-bezier(0, 0.55, 0.45, 1)
}

.modal.visible .modal-img {
 opacity: 1;
 -webkit-transform: translateY(0) scale(1);
 transform: translateY(0) scale(1)
}

.label-controll {
 margin-bottom: 34px;
 position: relative
}

.label-controll:last-child {
 margin-bottom: 0
}

@media (min-width: 1320px) {
 .label-controll {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 48px
 }
 .label-controll:last-child {
  margin-right: 0
 }
}

@media (min-width: 1860px) {
 .label-controll {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 96px
 }
}

.label-controll:nth-child(1) {
 z-index: 19
}

.label-controll:nth-child(2) {
 z-index: 18
}

.label-controll:nth-child(3) {
 z-index: 17
}

.label-controll:nth-child(4) {
 z-index: 16
}

.label-controll:nth-child(5) {
 z-index: 15
}

.label-controll:nth-child(6) {
 z-index: 14
}

.label-controll:nth-child(7) {
 z-index: 13
}

.label-controll:nth-child(8) {
 z-index: 12
}

.label-controll:nth-child(9) {
 z-index: 11
}

.label-controll:nth-child(10) {
 z-index: 10
}

.label-controll:nth-child(11) {
 z-index: 9
}

.label-controll:nth-child(12) {
 z-index: 8
}

.label-controll:nth-child(13) {
 z-index: 7
}

.label-controll:nth-child(14) {
 z-index: 6
}

.label-controll:nth-child(15) {
 z-index: 5
}

.label-controll:nth-child(16) {
 z-index: 4
}

.label-controll:nth-child(17) {
 z-index: 3
}

.label-controll:nth-child(18) {
 z-index: 2
}

.label-controll:nth-child(19) {
 z-index: 1
}

.label-controll:nth-child(20) {
 z-index: 0
}

.label-controll__help {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 display: inline-block;
 position: relative;
 top: 3px;
 cursor: pointer;
 z-index: 4
}

.label-controll__help svg circle,
.label-controll__help svg path {
 transition: all 0.2s
}

@media (min-width: 1320px) {
 .label-controll__help:hover>svg circle {
  stroke: #1B98A8
 }
 .label-controll__help:hover>svg path {
  stroke: #1B98A8
 }
}

@media (min-width: 1860px) {
 .label-controll__help {
  top: 0;
  -ms-flex-order: 3;
  order: 3;
  margin-left: 24px
 }
}

.label-controll__caption {
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-align: center;
 align-items: center;
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 z-index: 1;
 position: relative;
 transition: all .3s linear
}

.label-controll__caption::after {
 content: "";
 display: inline-block;
 width: 16px;
 height: 16px;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 position: relative;
 top: 1px;
 margin-left: 9px;
 transition: all .3s linear
}

@media (min-width: 1320px) {
 .label-controll__caption::after {
  display: none
 }
}

.label-controll__body {
 height: auto;
 max-height: 0;
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
 opacity: 0;
 padding-left: 7.5vw;
 margin-left: -7.5vw;
 position: relative;
 left: -999999999px;
 transition: left 0s linear .5s, max-height .4s linear .2s, opacity .5s linear 0s, -webkit-transform .5s linear 0s;
 transition: left 0s linear .5s, max-height .4s linear .2s, transform .5s linear 0s, opacity .5s linear 0s;
 transition: left 0s linear .5s, max-height .4s linear .2s, transform .5s linear 0s, opacity .5s linear 0s, -webkit-transform .5s linear 0s
}

@media (min-width: 768px) {
 .label-controll__body {
  padding-left: 6.25vw;
  margin-left: -6.25vw;
  padding-top: 30px;
  margin-top: -30px;
  padding-bottom: 30px;
  margin-bottom: -30px
 }
}

@media (min-width: 1320px) {
 .label-controll__body {
  padding: 0;
  margin: 0;
  max-height: none;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  overflow: initial;
  left: 0
 }
}

.label-controll__content {
 padding-top: 24px;
 position: relative
}

@media (min-width: 768px) {
 .label-controll__content {
  padding-top: 12px
 }
}

@media (min-width: 1320px) {
 .label-controll__content {
  padding-top: 16px
 }
}

@media (min-width: 1860px) {
 .label-controll__content {
  padding-top: 0;
  margin-left: 34px;
  -ms-flex-order: 2;
  order: 2
 }
}

.label-controll .visible::after {
 -webkit-transform: scale(1, -1);
 transform: scale(1, -1)
}

.label-controll .visible+.label-controll__body {
 max-height: 200px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 left: 0;
 transition: left 0s linear 0s, max-height .4s linear 0s, opacity .4s linear .1s, -webkit-transform .5s linear 0s;
 transition: left 0s linear 0s, max-height .4s linear 0s, transform .5s linear 0s, opacity .4s linear .1s;
 transition: left 0s linear 0s, max-height .4s linear 0s, transform .5s linear 0s, opacity .4s linear .1s, -webkit-transform .5s linear 0s
}

@media (min-width: 768px) {
 .label-controll .visible+.label-controll__body {
  max-height: 180px
 }
}

.label-controll.label-controll_checkbox {
 margin-bottom: 24px
}

@media (min-width: 1860px) {
 .label-controll.label-controll_checkbox {
  margin-bottom: 34px !important
 }
}

.label-controll.label-controll_checkbox+.label-controll:not(.label-controll_checkbox) {
 padding-top: 10px
}

.label-controll.label-controll_checkbox .label-controll__help {
 position: absolute;
 right: -24px;
 margin: 0;
 top: 4px
}

@media (min-width: 1320px) {
 .label-controll.label-controll_checkbox .label-controll__help {
  right: -30px
 }
}

@media (min-width: 1860px) {
 .label-controll.label-controll_checkbox .label-controll__help {
  right: -38px
 }
}

.label-controll_with-warning {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}

@media (min-width: 1860px) {
 .label-controll_with-warning {
  width: 500px
 }
}

@media (min-width: 1320px) {
 .label-controll_with-warning .label-controll__help {
  right: auto;
  left: 208px
 }
}

@media (min-width: 1860px) {
 .label-controll_with-warning .label-controll__help {
  left: auto
 }
}

.label-controll__warning {
 width: auto;
 min-width: 300px;
 max-width: 300px;
 height: auto;
 -ms-flex-order: 999;
 order: 999;
 z-index: -1;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 margin-top: 0;
 margin-left: -16px;
 padding-left: 16px;
 position: relative;
 opacity: 0;
 max-height: 0;
 overflow: hidden;
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
 transition: max-height .4s ease-out .1s, margin-top .4s ease-out .1s, opacity .3s linear 0s, -webkit-transform .3s linear 0s;
 transition: max-height .4s ease-out .1s, margin-top .4s ease-out .1s, opacity .3s linear 0s, transform .3s linear 0s;
 transition: max-height .4s ease-out .1s, margin-top .4s ease-out .1s, opacity .3s linear 0s, transform .3s linear 0s, -webkit-transform .3s linear 0s
}

@media (min-width: 1860px) {
 .label-controll__warning {
  left: 220px
 }
}

.label-controll__warning.visible {
 opacity: 1;
 max-height: 100px;
 margin-top: 24px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: max-height .5s ease-out 0s, margin-top .5s ease-out 0s, opacity 1s linear .1s, -webkit-transform 1s ease-out .1s;
 transition: max-height .5s ease-out 0s, margin-top .5s ease-out 0s, opacity 1s linear .1s, transform 1s ease-out .1s;
 transition: max-height .5s ease-out 0s, margin-top .5s ease-out 0s, opacity 1s linear .1s, transform 1s ease-out .1s, -webkit-transform 1s ease-out .1s
}

.label-controll__warning::before {
 content: "!";
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 width: 12px;
 height: 12px;
 position: absolute;
 top: 0;
 left: 0;
 border-radius: 50%;
 border: 1px solid #1B98A8;
 color: #1B98A8;
 font-size: 8px;
 font-weight: bold;
 -webkit-animation: blink 1.8s infinite both;
 animation: blink 1.8s infinite both
}

.label-controll.label-controll_hidden {
 padding: 0 !important;
 margin: 0 !important;
 height: auto;
 opacity: 0;
 max-height: 0;
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear 0s, -webkit-transform .3s linear 0s;
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear 0s, transform .3s linear 0s;
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear 0s, transform .3s linear 0s, -webkit-transform .3s linear 0s
}

.label-controll.label-controll_hidden .label-controll_hidden-content {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 1860px) {
 .label-controll.label-controll_hidden .label-controll_hidden-content {
  -ms-flex-direction: row;
  flex-direction: row
 }
}

.label-controll.label-controll_hidden.hide {
 display: none
}

.label-controll.label-controll_hidden.visible {
 max-height: 110px;
 margin-bottom: 34px !important;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear .1s, -webkit-transform .3s linear .1s;
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear .1s, transform .3s linear .1s;
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear .1s, transform .3s linear .1s, -webkit-transform .3s linear .1s
}

.label-controll.label-controll_hidden.visible:last-child {
 margin-bottom: 0 !important
}

.blink-animation {
 -webkit-animation: blink 1.8s infinite both;
 animation: blink 1.8s infinite both
}

@-webkit-keyframes blink {
 0%,
 50%,
 100% {
  opacity: 1
 }
 25%,
 75% {
  opacity: 0
 }
}

@keyframes blink {
 0%,
 50%,
 100% {
  opacity: 1
 }
 25%,
 75% {
  opacity: 0
 }
}

.d-none {
 display: none
}

@media (max-width: 767px) {
 .sm-visible {
  display: block !important
 }
}

@media (min-width: 768px) and (max-width: 1319px) {
 .md-visible {
  display: block !important
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .lg-visible {
  display: block !important
 }
}

@media (min-width: 1860px) {
 .xl-visible {
  display: block !important
 }
}

.ymaps-2-1-78-map .ymaps-2-1-78-gototech:hover,
.ymaps-2-1-78-map .ymaps-2-1-78-copyright__link:hover {
 color: #1B98A8 !important
}

.visuallyhidden {
 border: 0 !important;
 clip: rect(1px, 1px, 1px, 1px) !important;
 -webkit-clip-path: inset(50%) !important;
 clip-path: inset(50%) !important;
 height: 0 !important;
 overflow: hidden !important;
 padding: 0 !important;
 margin: 0 !important;
 position: absolute !important;
 width: 0 !important;
 white-space: nowrap !important;
 z-index: -1 !important;
 opacity: 0 !important
}

.visuallyhidden:focus,
.visuallyhidden:active {
 clip: auto !important;
 -webkit-clip-path: none !important;
 clip-path: none !important;
 height: auto !important;
 overflow: visible !important;
 width: auto !important;
 white-space: normal !important
}

.mr-0 {
 margin-right: 0 !important
}

.cursor-default {
 cursor: default !important
}

.place-target-container {
 position: relative
}

.place-target-anchor {
 position: absolute;
 top: -100px
}

@media (min-width: 768px) {
 .place-target-anchor {
  top: -160px
 }
}

@media (min-width: 1860px) {
 .place-target-anchor {
  top: -170px
 }
}

.grecaptcha-badge {
 z-index: 3
}

.debug-grid {
 position: fixed;
 width: 100%;
 height: 100vh;
 top: 0;
 left: 0;
 z-index: 999;
 background-color: transparent;
 display: none
}

.debug-grid .container,
.debug-grid .row {
 height: 100%
}

.debug-grid .container {
 background: rgba(212, 224, 101, 0.1)
}

.debug-grid .column {
 background: rgba(255, 0, 0, 0.1);
 height: 100%
}

.page-grid .debug-grid {
 display: block
}

.header {
 width: 100%;
 height: 76px;
 padding: 0 5vw;
 position: fixed;
 top: 0;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-align: center;
 align-items: center;
 z-index: 30;
 background: #fff;
 border-bottom: 1px solid rgba(27, 152, 168, .2)
}

@media (min-width: 768px) {
 .header {
  height: 76px;
  padding: 0 6.25vw
 }
}

@media (min-width: 1320px) {
 .header {
  padding: 0 4.978038067349927vw
 }
}

@media (min-width: 1860px) {
 .header {
  padding: 0 5vw
 }
}

.header.quiz-open {
 background-color: transparent;
 box-shadow: 0 0 0 rgba(4, 5, 14, 0)
}

.header.quiz-open.hover-with-quiz,
.header.quiz-open.paint-background {
 background-color: #070707;
 box-shadow: 30px 30px 64px rgba(4, 5, 14, 0.6)
}

.header #navLine {
 display: block;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 0;
 height: 6px;
 opacity: 0;
 background: #1f0d0d;
 box-shadow: inset -2px -2px 3px rgba(35, 33, 58, 0.5), inset 2px 2px 3px rgba(0, 2, 12, 0.5), 5px 5px 30px rgba(54, 38, 66, 0.3), -5px -5px 30px rgba(4, 5, 14, 0.4);
 transition: all .1s;
 z-index: -1
}

.header #navLine.visible {
 opacity: 1;
 width: 100%;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

@media (min-width: 1860px) {
 .header #navLine {
  display: -ms-flexbox;
  display: flex
 }
}

.header.nav-visible .nav-toggler svg path {
 fill: #1b98a8;
 transition: stroke .1s linear .1s
}

.header.nav-visible .nav-toggler .top-line {
 margin-top: -1px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 transition: margin-top .1s linear 0s, -webkit-transform .1s linear .3s;
 transition: margin-top .1s linear 0s, transform .1s linear .3s;
 transition: margin-top .1s linear 0s, transform .1s linear .3s, -webkit-transform .1s linear .3s
}

.header.nav-visible .nav-toggler .middle-line {
 opacity: 0;
 transition: opacity .1s linear .1s
}

.header.nav-visible .nav-toggler .bottom-line {
 margin-top: -1px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 transition: margin-top .1s linear 0s, -webkit-transform .1s linear .3s;
 transition: margin-top .1s linear 0s, transform .1s linear .3s;
 transition: margin-top .1s linear 0s, transform .1s linear .3s, -webkit-transform .1s linear .3s
}

.header.nav-visible .nav {
 left: 0;
 opacity: 1
}

.header.nav-visible .nav__item {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
 transition: all 0.8s cubic-bezier(0, 0.55, 0.45, 1)
}

.header.nav-visible .nav__item:nth-child(1) {
 transition-delay: 0.1s
}

.header.nav-visible .nav__item:nth-child(2) {
 transition-delay: 0.2s
}

.header.nav-visible .nav__item:nth-child(3) {
 transition-delay: 0.3s
}

.header.nav-visible .nav__item:nth-child(4) {
 transition-delay: 0.4s
}

.header.nav-visible .nav__item:nth-child(5) {
 transition-delay: 0.5s
}

.header.nav-visible .nav__item:nth-child(6) {
 transition-delay: 0.6s
}

.header.nav-visible .nav__item:nth-child(7) {
 transition-delay: 0.7s
}

.header.nav-visible .nav__item:nth-child(8) {
 transition-delay: 0.8s
}

.header.nav-visible .nav__item:nth-child(9) {
 transition-delay: 0.9s
}

.header.nav-visible .nav__item:nth-child(10) {
 transition-delay: 1s
}

.header.nav-visible .nav__item:nth-child(11) {
 transition-delay: 1.1s
}

.header.nav-visible .nav__item:nth-child(12) {
 transition-delay: 1.2s
}

.header.nav-visible .nav__item:nth-child(13) {
 transition-delay: 1.3s
}

.header.nav-visible .nav__item:nth-child(14) {
 transition-delay: 1.4s
}

.header.nav-visible .nav__item:nth-child(15) {
 transition-delay: 1.5s
}

.header .nav-toggler {
 width: 48px;
 height: 48px;
 position: relative;
 border-radius: 50%;
 background: #1f0d0d;
 transition: all .3s;
 margin-left: 20px;
 flex-shrink: 0;
 box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.35), 14px 28px 30px rgba(4, 5, 14, 0.3), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

@media (min-width: 768px) {
 .header .nav-toggler {
  width: 50px;
  height: 50px
 }
}

@media (min-width: 1320px) {
 .header .nav-toggler {
  display: none
 }
}

.header .nav-toggler span {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 18px;
 height: 2px;
 margin-left: -9px
}

.header .nav-toggler .top-line {
 margin-top: -7px;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 transition: margin-top .1s linear .3s, -webkit-transform .1s linear 0s;
 transition: transform .1s linear 0s, margin-top .1s linear .3s;
 transition: transform .1s linear 0s, margin-top .1s linear .3s, -webkit-transform .1s linear 0s
}

.header .nav-toggler .middle-line {
 margin-top: -1px;
 transition: opacity .1s linear .1s
}

.header .nav-toggler .bottom-line {
 margin-top: 5px;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 transition: margin-top .1s linear .3s, -webkit-transform .1s linear 0s;
 transition: transform .1s linear 0s, margin-top .1s linear .3s;
 transition: transform .1s linear 0s, margin-top .1s linear .3s, -webkit-transform .1s linear 0s
}

.header .nav-toggler svg path {
 fill: #1B98A8;
 transition: fill .1s linear .1s
}

@media (min-width: 768px) {
 .header .nav-toggler svg path {
  fill: #ffffff
 }
}

.header__logo {
 width: 150px;
 height: auto
}

@media (min-width: 1320px) {
 .header__logo {
  margin-right: 3vw
 }
}

@media (min-width: 1860px) {
 .header__logo {
  margin-right: 6.145833333333333vw
 }
}

.header__logo .logo-desc {
 display: none
}

@media (min-width: 768px) {
 .header__logo .logo-desc {
  display: block
 }
}

@media (min-width: 1320px) {
 .header__logo .logo-desc {
  margin-top: -1px
 }
}

@media (min-width: 768px) {
 .header__logo .logo-mob {
  display: none
 }
}

.header .nav {
 display: block;
 position: fixed;
 top: 76px;
 left: -100%;
 opacity: 0;
 height: calc(100% - 76px);
 overflow-x: hidden;
 overflow-y: auto;
 width: 100%;
 background: #070707;
 padding: 0 7.5%;
 transition: all .3s
}

.header .nav__list {
 left: 0;
 top: 0;
 display: block;
 height: auto;
 padding: 16px 0 34px
}

@media (min-width: 1320px) {
 .header .nav__list>.nav__item>a {
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
 }
}

.header .nav__item {
 margin-right: 0;
 margin-bottom: 24px;
 height: auto;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
 opacity: 0;
 transition: all .2s;
 transition-delay: 0s
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .header .nav__item:nth-child(n+5) {
  display: none
 }
}

.header .nav__item a {
 font-size: 14px;
 line-height: 1.6;
 display: inline-block;
 height: 100%;
 font-weight: 500
}

.header .nav__item.dropdown {
 position: relative
}

.header .nav__item.dropdown .drop-arr {
 display: inline-block;
 position: relative;
 -webkit-transform: translate(4px, 3px);
 transform: translate(4px, 3px);
 transition: all .3s
}

.header .nav__item.dropdown .drop-arr svg {
 transition: all .3s;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1)
}

.header .nav__item.dropdown .drop-arr svg path {
 transition: all .3s
}

@media (min-width: 1320px) {
 .header .nav__item.dropdown .drop-arr {
  -webkit-transform: translate(3px, 3px);
  transform: translate(3px, 3px);
  padding-right: 1px
 }
 .header .nav__item.dropdown .drop-arr svg path {
  stroke: #ffffff
 }
}

.header .nav__item_icon {
 margin-bottom: 16px
}

.header .nav__item_icon .icon {
 display: inline-block;
 float: left;
 position: relative;
 width: 18px;
 height: 18px;
 margin-top: 3px;
 margin-right: 11px
}

.header .nav__item_icon .icon img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.header .nav__item_icon .icon_calc img {
 width: 14px;
 height: 14px
}

.header .nav__item_icon .icon_mail img {
 margin-top: 1px
}

.header .nav__item_icon a {
 font-size: 16px;
 font-weight: 400;
 color: #1B98A8
}

@media (min-width: 1320px) {
 .header .nav__item_icon {
  display: none
 }
}

.header .nav .dropsection {
 height: auto;
 max-height: 0;
 overflow: hidden;
 padding-top: 0;
 opacity: 0;
 transition: all 0.2s;
 z-index: 50
}

.header .nav .drop-visible .dropsection {
 max-height: 700px;
 padding-top: 16px;
 opacity: 1
}

.header .nav .drop-visible>a {
 color: #1B98A8 !important
}

.header .nav .drop-visible .drop-arr svg {
 -webkit-transform: scale(1, -1);
 transform: scale(1, -1)
}

.header .nav .drop-visible .drop-arr svg path {
 stroke: #1B98A8
}

.header .nav__droplist {
 margin-left: 8px;
 margin-bottom: 24px
}

.header .nav__droplist:last-child {
 margin-bottom: 0
}

.header .nav__dropitem a {
 font-weight: 400;
 font-size: 14px;
 line-height: 1.6;
 color: #ffffff;
 margin-bottom: 8px;
 margin-left: 24px
}

.header .nav__dropitem_caption a {
 font-weight: 500;
 font-size: 14px;
 color: #ffffff !important;
 margin-bottom: 16px;
 margin-left: 0
}

@media (max-width: 1319px) {
 .header .nav__dropitem:last-child a {
  margin-bottom: 0
 }
}

.header .nav .nav__points {
 display: none;
 margin: 0
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .header .nav .nav__points {
  display: block
 }
}

.header .nav .nav__points .dropsection {
 padding: 108px 0 34px calc(4.978038067349927vw + 215px + 4.978038067349927vw)
}

.header .nav .nav__points .dropsection::before {
 height: calc(100% - 55px)
}

.header .nav .nav__points .nav__droplist {
 padding-top: 9px;
 padding-left: 76px;
 margin-left: 355px
}

.header .nav .nav__points .nav__droplist::before {
 content: '';
 display: block;
 position: absolute;
 width: 6px;
 height: 100%;
 max-height: 0;
 top: 50%;
 left: 0;
 background: #1f0d0d;
 box-shadow: inset -2px -2px 3px rgba(35, 33, 58, 0.5), inset 2px 2px 3px rgba(0, 2, 12, 0.5), -5px -5px 30px rgba(54, 38, 66, 0.3), 5px 5px 30px rgba(4, 5, 14, 0.4);
 border-radius: 12px;
 transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1)
}

.header .nav .nav__points .nav__points-btn {
 padding: 0;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-align: center;
 align-items: center;
 width: auto
}

.header .nav .nav__points .nav__points-btn::before,
.header .nav .nav__points .nav__points-btn::after {
 content: ""
}

.header .nav .nav__points .nav__points-btn span,
.header .nav .nav__points .nav__points-btn::before,
.header .nav .nav__points .nav__points-btn::after {
 display: block;
 position: relative;
 width: 3px;
 height: 3px;
 background: #ffffff;
 border-radius: 50%;
 padding: 0;
 margin: 0 3px 0 0;
 top: auto;
 right: auto;
 -webkit-transform: none;
 transform: none;
 border: none
}

@media (min-width: 768px) {
 .header .nav {
  top: 75px;
  padding: 0 6.25vw;
  height: max-content;
 }
 .header .nav__list {
  padding-top: 60px
 }
}

@media (min-width: 1320px) {
 .header .nav {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 100%;
  overflow: visible;
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  padding: 0;
  background: transparent;
  opacity: 1
 }
 .header .nav__list {
  left: 0;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0
 }
 .header .nav__item {
  margin-right: 26px;
  margin-bottom: 0;
  height: auto;
  -webkit-transform: initial !important;
  transform: initial !important;
  opacity: 1
 }
 .header .nav__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-weight: 400;
  margin-left: 0
 }
 .header .nav__item a:hover {
  color: #1B98A8
 }
 .header .nav__item.dropdown:hover>a {
  color: #1B98A8
 }
 .header .nav__item.dropdown:hover>a svg {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1)
 }
 .header .nav__item.dropdown:hover>a svg path {
  stroke: #1B98A8
 }
 .header .nav__item.nav__points:hover .nav__points-btn span,
 .header .nav__item.nav__points:hover .nav__points-btn::before,
 .header .nav__item.nav__points:hover .nav__points-btn::after {
  background-color: #1B98A8
 }
 .header .nav .dropsection {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 100px 0 49px calc(4.978038067349927vw + 215px + 4.978038067349927vw);
  position: fixed;
  left: -9999px;
  transition: left 0s linear .1s, opacity .1s linear, -webkit-transform .1s ease-out;
  transition: left 0s linear .1s, transform .1s ease-out, opacity .1s linear;
  transition: left 0s linear .1s, transform .1s ease-out, opacity .1s linear, -webkit-transform .1s ease-out;
  opacity: 0;
  background-color: transparent;
  overflow: initial;
  max-height: none
 }
 .header .nav .dropsection::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(100% - 46px);
  background-color: #070707
 }
 .header .nav__droplist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  margin-left: 0;
  margin-bottom: 0
 }
 .header .nav__droplist:first-child {
  width: 264px;
  padding-left: 0
 }
 .header .nav__droplist:nth-child(2) {
  width: 351px;
  padding-left: 67px;
  padding-right: 40px
 }
 .header .nav__droplist:last-child {
  width: 290px;
  padding-left: 68px
 }
 .header .nav__droplist:last-child::after {
  display: none
 }
 .header .nav__droplist::after {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 100%;
  max-height: 0;
  top: 50%;
  right: 0;
  background: #1f0d0d;
  box-shadow: inset -2px -2px 3px rgba(35, 33, 58, 0.5), inset 2px 2px 3px rgba(0, 2, 12, 0.5), -5px -5px 30px rgba(54, 38, 66, 0.3), 5px 5px 30px rgba(4, 5, 14, 0.4);
  border-radius: 12px;
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1)
 }
 .header .nav__droplist li {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  transition: all .4s ease-out
 }
 .header .nav__droplist li:nth-child(1) {
  transition-delay: calc(1 * 0.01s)
 }
 .header .nav__droplist li:nth-child(2) {
  transition-delay: calc(2 * 0.01s)
 }
 .header .nav__droplist li:nth-child(3) {
  transition-delay: calc(3 * 0.01s)
 }
 .header .nav__droplist li:nth-child(4) {
  transition-delay: calc(4 * 0.01s)
 }
 .header .nav__droplist li:nth-child(5) {
  transition-delay: calc(5 * 0.01s)
 }
 .header .nav__droplist li:nth-child(6) {
  transition-delay: calc(6 * 0.01s)
 }
 .header .nav__droplist li:nth-child(7) {
  transition-delay: calc(7 * 0.01s)
 }
 .header .nav__droplist li:nth-child(8) {
  transition-delay: calc(8 * 0.01s)
 }
 .header .nav__droplist li:nth-child(9) {
  transition-delay: calc(9 * 0.01s)
 }
 .header .nav__droplist li:nth-child(10) {
  transition-delay: calc(10 * 0.01s)
 }
 .header .nav__dropitem {
  color: #ffffff
 }
 .header .nav__dropitem a {
  padding: 0;
  margin-bottom: 18px
 }
 .header .nav__dropitem_caption a {
  font-size: 18px;
  color: #ffffff;
  padding: 25px 0 40px;
  margin: 0
 }
 .header .nav__dropitem_caption a:hover {
  color: #1B98A8
 }
 .header .nav .dropdown:hover .dropsection {
  left: 0;
  opacity: 1;
  transition: left 0s linear 0s, opacity .2s linear, -webkit-transform .2s ease-out;
  transition: left 0s linear 0s, transform .2s ease-out, opacity .2s linear;
  transition: left 0s linear 0s, transform .2s ease-out, opacity .2s linear, -webkit-transform .2s ease-out
 }
 .header .nav .dropdown:hover .nav__droplist::after,
 .header .nav .dropdown:hover .nav__droplist::before {
  max-height: 100%;
  top: 0
 }
 .header .nav .dropdown:hover .nav__dropitem {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
 }
}

@media (min-width: 1860px) {
 .header .nav__item {
  margin-right: 36px
 }
 .header .nav__droplist:first-child {
  width: 292px
 }
 .header .nav__droplist:nth-child(2) {
  width: 406px;
  padding-left: 96px
 }
 .header .nav__droplist:last-child {
  width: 300px;
  padding-left: 97px
 }
 .header .nav .dropsection {
  padding-left: calc(5vw + 215px + 6.145833333333333vw)
 }
}

.header__action-group {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 z-index: 1
}

.header__btns-group {
 display: none
}

@media (min-width: 768px) {
 .header__btns-group {
  display: block
 }
}

@media (min-width: 1320px) {
 .header__btns-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center
 }
}

.header__btns-group .btn_ghost {
 display: none
}

@media (min-width: 1320px) {
 .header__btns-group .btn_ghost {
  display: -ms-flexbox;
  display: flex
 }
}

.header__btns-group .btn_calltoaction {
 margin-right: 34px
}

@media (min-width: 1320px) {
 .header__btns-group .btn_calltoaction {
  margin-right: 0
 }
}

.footer {
 position: relative;
 padding: 48px 7.5% 24px;
 background: #fff;
}

.w-80 {
 width: 80%;
}

@media (min-width: 768px) {
 .footer {
  padding: 68px 6.25% 34px
 }
}

@media (min-width: 1320px) {
 .footer {
  padding: 96px 4.978038067349927vw 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

@media (min-width: 1860px) {
 .footer {
  padding: 96px 5vw 48px
 }
}



.footer__logotype {
 display: none
}

@media (min-width: 1320px) {
 .footer__logotype {
  display: block;
  width: 25.3%
 }
}

@media (min-width: 1860px) {
 .footer__logotype {
  width: 25.25%
 }
}

.footer__logotype .logo {
 width: 215px;
 margin-bottom: 30px;
 display: inline-block
}

.с2 {
 color: #6c6c6c;
 font-size: 13px;
 max-width: 50%;
 margin-top: 10px;
 line-height: 1.5;
}

@media (min-width: 1860px) {
 .footer__logotype .logo {
  width: 298px;
  margin-bottom: 0
 }
}

.footer__logotype .designed {
 display: block;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 1860px) {
 .footer__logotype .designed {
  display: none
 }
}

.footer__content {
 margin-bottom: 36px
}

@media (min-width: 768px) {
 .footer__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 18px
 }
}

@media (min-width: 1320px) {
 .footer__content {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: 16px;
  margin-bottom: 16px;
  width: 70%;
 }
}

@media (min-width: 1860px) {
 .footer__content {
  margin-bottom: 0;
  margin-top: 0
 }
}

.footer__contacts {
 margin-bottom: 28px
}

@media (min-width: 768px) {
 .footer__contacts {
  -ms-flex-order: 2;
  order: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 0;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
}

.footer__contacts .phone {
 display: inline-block;
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #1B98A8;
 margin-bottom: 24px
}

@media (min-width: 768px) {
 .footer__contacts .phone {
  margin-bottom: 34px
 }
}

@media (min-width: 1320px) {
 .footer__contacts .phone {
  font-size: 30px;
  line-height: 140%
 }
 .footer__contacts .phone:hover {
  color: #1B98A8
 }
}

.footer__contacts .socials {
 display: -ms-flexbox;
 display: flex;
 margin-bottom: 24px
}

@media (min-width: 768px) {
 .footer__contacts .socials {
  margin-bottom: 40px
 }
}

@media (min-width: 1860px) {
 .footer__contacts .socials {
  margin-bottom: 0
 }
}

.footer__contacts .socials li {
 margin-right: 16px
}

@media (min-width: 768px) {
 .footer__contacts .socials li {
  margin-right: 0;
  margin-left: 16px
 }
}

.footer__contacts .logo {
 width: 136px;
 display: inline-block;
 position: relative
}

@media (min-width: 768px) {
 .footer__contacts .logo {
  width: 215px
 }
}

@media (min-width: 1320px) {
 .footer__contacts .logo {
  display: none
 }
}

@media (min-width: 768px) {
 .footer__contacts .logo-mob {
  display: none
 }
}

.footer__contacts .logo-desc {
 display: none
}

@media (min-width: 768px) {
 .footer__contacts .logo-desc {
  display: block
 }
}

@media (min-width: 768px) {
 .footer .nav {
  -ms-flex-order: 1;
  order: 1
 }
}

@media (min-width: 1320px) {
 .footer .nav {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
}

@media (min-width: 1860px) {
 .footer .nav {
  margin-top: 16px
 }
}

.footer .nav__list {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}

@media (min-width: 1320px) {
 .footer .nav__list {
  width: 47.2913616398243vw
 }
}

@media (min-width: 1860px) {
 .footer .nav__list {
  width: 48.59375vw
 }
}

@media (max-width: 1319px) {
 .footer .nav__item:nth-child(odd) {
  width: 43%
 }
 .footer .nav__item:nth-child(even) {
  width: 50%
 }
}

@media (max-width: 767px) {
 .footer .nav__item:nth-child(odd) {
  width: 57%
 }
 .footer .nav__item:nth-child(even) {
  width: auto
 }
}

@media (min-width: 1320px) {
 .footer .nav__item:first-child,
 .footer .nav__item:nth-child(3n+4) {
  width: 16.32503660322108vw
 }
 .footer .nav__item:nth-child(3n+3) {
  width: 16.98389458272328vw
 }
 .footer .nav__item:nth-child(2),
 .footer .nav__item:nth-child(3n+5) {
  width: 13.98243045387994vw
 }
}

@media (min-width: 1860px) {
 .footer .nav__item:first-child,
 .footer .nav__item:nth-child(4n+5) {
  width: 12.65625vw
 }
 .footer .nav__item:nth-child(2),
 .footer .nav__item:nth-child(4n+6) {
  width: 9.791666666666667vw
 }
 .footer .nav__item:nth-child(3),
 .footer .nav__item:nth-child(4n+7) {
  width: 10.15625vw
 }
 .footer .nav__item:nth-child(4n+4) {
  width: 15vw
 }
}

.footer .nav__item a {
 display: inline-block;
 font-size: 12px;
 font-weight: 400;
 line-height: 1.6;
 color: #000;
 font-weight: 500;
 margin-bottom: 12px;
 text-transform: uppercase;
}

.footer .nav__item a:hover {
 color: #1B98A8
}

@media (min-width: 768px) {
 .footer .nav__item a {
  font-size: 14px;
  margin-bottom: 16px
 }
}

.footer__copyright {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 768px) {
 .footer__copyright {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

@media (min-width: 1320px) {
 .footer__copyright {
  width: 100%
 }
}

@media (min-width: 1860px) {
 .footer__copyright {
  margin-top: 53px
 }
}

.footer__copyright .content {
 margin-bottom: 16px
}

@media (min-width: 768px) {
 .footer__copyright .content {
  -ms-flex-order: 1;
  order: 1
 }
}

@media (min-width: 1320px) {
 .footer__copyright .content {
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .footer__copyright .content {
  -ms-flex-order: 2;
  order: 2;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
}

.footer__copyright .copy {
 margin-bottom: 34px
}

@media (min-width: 768px) {
 .footer__copyright .copy {
  -ms-flex-order: 3;
  order: 3;
  width: 50%;
  margin-bottom: 0;
  text-align: right
 }
}

@media (min-width: 768px) {
 .footer__copyright .copy {
  width: auto
 }
}

@media (min-width: 1860px) {
 .footer__copyright .copy {
  -ms-flex-order: 3;
  order: 3
 }
}

@media (min-width: 768px) {
 .footer__copyright .designed {
  -ms-flex-order: 2;
  order: 2;
  width: 50%
 }
}

@media (min-width: 1320px) {
 .footer__copyright .designed {
  display: none
 }
}

@media (min-width: 1860px) {
 .footer__copyright .designed {
  display: block;
  -ms-flex-order: 1;
  order: 1;
  width: 25.25%
 }
}

.loader {
 width: 100px;
 height: 100px;
 display: inline-block;
 overflow: hidden;
 background: rgba(0, 0, 0, 0.6);
 z-index: 9999;
 position: fixed;
 top: calc(50% - 50px);
 left: -1000vw;
 border-radius: 50%;
 opacity: 0;
 -webkit-transform: translateY(-25px);
 transform: translateY(-25px);
 transition: left 0s linear .4s, opacity .4s linear 0s, -webkit-transform .4s linear 0s;
 transition: left 0s linear .4s, opacity .4s linear 0s, transform .4s linear 0s;
 transition: left 0s linear .4s, opacity .4s linear 0s, transform .4s linear 0s, -webkit-transform .4s linear 0s
}

.loader.visible {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 left: calc(50% - 50px);
 transition: left 0s linear 0s, opacity .4s linear 0s, -webkit-transform .4s linear 0s;
 transition: left 0s linear 0s, opacity .4s linear 0s, transform .4s linear 0s;
 transition: left 0s linear 0s, opacity .4s linear 0s, transform .4s linear 0s, -webkit-transform .4s linear 0s
}

.spinner {
 width: 100%;
 height: 100%;
 position: relative;
 -webkit-transform: translateZ(0) scale(1);
 transform: translateZ(0) scale(1);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0
}

.spinner>div {
 -webkit-transform: translate(0px, -9.5px);
 transform: translate(0px, -9.5px)
}

.spinner>div>div {
 -webkit-animation: spinner-animation-first 1.6666666666666667s linear infinite;
 animation: spinner-animation-first 1.6666666666666667s linear infinite;
 -webkit-transform-origin: 50px 50px;
 transform-origin: 50px 50px
}

.spinner>div>div>div {
 position: absolute;
 -webkit-transform: translate(50px, 38.6px);
 transform: translate(50px, 38.6px)
}

.spinner>div>div>div>div {
 width: 38px;
 height: 38px;
 border-radius: 50%;
 background: #ab78ff;
 -webkit-animation: spinner-animation-second 1.6666666666666667s linear infinite;
 animation: spinner-animation-second 1.6666666666666667s linear infinite
}

.spinner>div>div:last-child {
 -webkit-animation-delay: -0.8333333333333334s;
 animation-delay: -0.8333333333333334s
}

.spinner>div>div:last-child>div>div {
 -webkit-animation-delay: -0.8333333333333334s;
 animation-delay: -0.8333333333333334s;
 background: #9a5bff
}

.spinner div {
 box-sizing: content-box
}

@-webkit-keyframes spinner-animation-first {
 0%,
 100% {
  -webkit-animation-timing-function: cubic-bezier(0.2 0 0.8 0.8);
  animation-timing-function: cubic-bezier(0.2 0 0.8 0.8)
 }
 50% {
  -webkit-animation-timing-function: cubic-bezier(0.2 0.2 0.8 1);
  animation-timing-function: cubic-bezier(0.2 0.2 0.8 1)
 }
 0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
 }
 50% {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
 }
 100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
 }
}

@keyframes spinner-animation-first {
 0%,
 100% {
  -webkit-animation-timing-function: cubic-bezier(0.2 0 0.8 0.8);
  animation-timing-function: cubic-bezier(0.2 0 0.8 0.8)
 }
 50% {
  -webkit-animation-timing-function: cubic-bezier(0.2 0.2 0.8 1);
  animation-timing-function: cubic-bezier(0.2 0.2 0.8 1)
 }
 0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
 }
 50% {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
 }
 100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
 }
}

@-webkit-keyframes spinner-animation-second {
 0%,
 100% {
  -webkit-animation-timing-function: cubic-bezier(0.2 0 0.8 0.8);
  animation-timing-function: cubic-bezier(0.2 0 0.8 0.8)
 }
 50% {
  -webkit-animation-timing-function: cubic-bezier(0.2 0.2 0.8 1);
  animation-timing-function: cubic-bezier(0.2 0.2 0.8 1)
 }
 0% {
  -webkit-transform: translate(-19px, -19px) scale(0);
  transform: translate(-19px, -19px) scale(0)
 }
 50% {
  -webkit-transform: translate(-19px, -19px) scale(1);
  transform: translate(-19px, -19px) scale(1)
 }
 100% {
  -webkit-transform: translate(-19px, -19px) scale(0);
  transform: translate(-19px, -19px) scale(0)
 }
}

@keyframes spinner-animation-second {
 0%,
 100% {
  -webkit-animation-timing-function: cubic-bezier(0.2 0 0.8 0.8);
  animation-timing-function: cubic-bezier(0.2 0 0.8 0.8)
 }
 50% {
  -webkit-animation-timing-function: cubic-bezier(0.2 0.2 0.8 1);
  animation-timing-function: cubic-bezier(0.2 0.2 0.8 1)
 }
 0% {
  -webkit-transform: translate(-19px, -19px) scale(0);
  transform: translate(-19px, -19px) scale(0)
 }
 50% {
  -webkit-transform: translate(-19px, -19px) scale(1);
  transform: translate(-19px, -19px) scale(1)
 }
 100% {
  -webkit-transform: translate(-19px, -19px) scale(0);
  transform: translate(-19px, -19px) scale(0)
 }
}

.offer .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.offer .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.offer .section__link {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.offer .section__link.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

.offer__list {
 padding-top: 40px;
 margin-top: -24px;
 margin-bottom: -38px
}

@media (min-width: 768px) {
 .offer__list {
  margin-top: -6px
 }
}

@media (min-width: 1860px) {
 .offer__list {
  padding-top: 0;
  margin-top: 0
 }
}

.offer__slide {
 padding-bottom: 38px;
 height: auto
}



.offer__slide:nth-child(1) .offer__card {
 transition-delay: 0.3s
}

.offer__slide:nth-child(2) .offer__card {
 transition-delay: 0.6s
}

.offer__slide:nth-child(3) .offer__card {
 transition-delay: 0.9s
}

.offer__slide:nth-child(4) .offer__card {
 transition-delay: 1.2s
}

.offer__slide:nth-child(5) .offer__card {
 transition-delay: 1.5s
}

.offer__card {
 display: block;
 width: 200px;
 height: 100%;
 background: #003548;
 position: relative;
 padding: 32px 16px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 border-bottom: 6px solid #1B98A8;
}

.offer__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}



@media (min-width: 1860px) {
 .offer__card {
  padding: 30px;
 }
 .offer__card:hover .image {
  width: 110%;
  height: 110%
 }
 .offer__card:hover .offer__caption {
  color: #1B98A8
 }
 .offer__card:active .offer__caption {
  color: #1a1111
 }
}

.offer__pic {
 height: 200px;
 width: 100%;
 overflow: hidden;
 transform: translateY(-30%)
}

.offer__pic .image {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: all .4s ease-out
}

.offer__caption {
 font-weight: 500;
 font-size: 14px;
 line-height: 1.6;
 color: #ffffff;
 margin-top: 8px;
 transition: all .4s ease-out
}

@media (min-width: 768px) {
 .offer__caption {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.02em;
  margin-top: 0
 }
}

@media (min-width: 1320px) {
 .offer__caption {
  padding-left: 8px
 }
}

@media (min-width: 1860px) {
 .offer__caption {
  font-size: 30px;
  line-height: 1.4;
  margin-top: -40px;
  padding-left: 12px
 }
}

.offer__content {
 font-weight: 400;
 font-size: 12px;
 line-height: 1.6;
 color: #fff;
 margin-top: 8px
}

@media (min-width: 768px) {
 .offer__content {
  font-size: 14px;
  margin-top: 16px
 }
}

@media (min-width: 1320px) {
 .offer__content {
  padding-left: 8px
 }
}

@media (min-width: 1860px) {
 .offer__content {
  margin-top: 14px;
  padding-left: 12px
 }
}

#btnOfferSliderPrev {
 margin-top: 0
}

@media (min-width: 1860px) {
 #btnOfferSliderPrev {
  margin-top: -6px
 }
}

#btnOfferSliderNext {
 margin-top: -102px
}

@media (min-width: 1860px) {
 #btnOfferSliderNext {
  margin-top: -108px
 }
}

.list .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.list .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .list .section__title {
  width: 500px
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .list .section__title {
  width: 640px;
  margin-bottom: 96px
 }
}

@media (min-width: 1860px) {
 .list .section__title {
  width: 700px
 }
}

.list__background {
 position: absolute;
 overflow: hidden;
 width: 100%;
 display: none;
 z-index: -1;
 background-repeat: no-repeat;
 background-position: top center;
 background-size: 100% 100%
}

@media (min-width: 768px) {
 .list__background {
  display: block;
  bottom: -540px;
  height: 685px;
 }
}

@media (min-width: 1320px) {
 .list__background {
  bottom: -550px;
  height: 571px;
 }
}

@media (min-width: 1860px) {
 .list__background {
  bottom: -640px;
 }
}

@media (min-width: 2520px) {
 .list__background {
  bottom: -830px;
  height: 800px
 }
}

@media (min-width: 1320px) {
 .list__list__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
 }
}

@media (min-width: 1860px) {
 .list__list__wrap {
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

.list__list {
 margin-top: -25px;
 padding-top: 25px
}

@media (min-width: 1320px) {
 .list__list {
  margin-bottom: -68px
 }
}

@media (min-width: 1860px) {
 .list__list {
  margin-bottom: -96px
 }
}

.list__slide {
 width: 224px;
 position: relative;
 padding-top: 72px
}

@media (min-width: 768px) {
 .list__slide {
  width: 508px;
  padding-top: 0
 }
}

@media (min-width: 1320px) {
 .list__slide {
  width: 42.85714285714286% !important;
  padding-left: 130px;
  margin-bottom: 68px
 }
 .list__slide:nth-child(odd) {
  margin-right: 8.261617900172117%
 }
}

@media (min-width: 1860px) {
 .list__slide {
  width: 46.42857142857143% !important;
  padding-left: 144px;
  margin-bottom: 96px;
  margin-right: 0 !important
 }
}

.list__slide::before {
 content: '';
 display: block;
 position: absolute;
 width: 120px;
 height: 6px;
 top: 24px;
 right: 24px;
 background: #070707;
 box-shadow: inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8);
 border-radius: 12px
}

@media (min-width: 768px) {
 .list__slide::before {
  display: none
 }
}

.list__card {
 width: 200px
}

@media (min-width: 768px) {
 .list__card {
  width: 324px
 }
}

@media (min-width: 1320px) {
 .list__card {
  width: 100%
 }
}

.list__num {
 width: 56px;
 height: 56px;
 position: absolute;
 top: 0;
 left: 0
}

@media (min-width: 768px) {
 .list__num {
  width: 92px;
  height: 92px
 }
}

@media (min-width: 1320px) {
 .list__num {
  width: 96px;
  height: 96px;
  top: 11px;
  left: 0
 }
}

.list__num .back {
 width: 100%;
 height: 100%;
 border-radius: 50%;
 position: absolute;
 top: 0;
 left: 0;
 background: linear-gradient(321.49deg, #301c1c -6.41%, #0B0C12 90.97%);
 box-shadow: -8px -6px 30px rgba(35, 33, 58, 0.8), 8px 8px 58px rgba(4, 5, 14, 0.76);
 -webkit-filter: blur(4px);
 filter: blur(4px)
}

@media (min-width: 1860px) {
 .list__num .back {
  box-shadow: -12px -10px 30px rgba(35, 33, 58, 0.8), 12px 12px 58px rgba(4, 5, 14, 0.76)
 }
}

.list__num .number {
 width: 100%;
 height: 100%;
 position: relative;
 display: block
}

.list__num .number .img {
 width: 58px;
 height: 58px;
 top: 1px;
 left: -2px;
 display: block;
 z-index: 1;
 position: absolute;
 transition: all 1.7s cubic-bezier(0.22, 1, 0.36, 1);
 -webkit-filter: grayscale(0);
 filter: grayscale(0);
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 opacity: 1;
 background-repeat: no-repeat;
 background-position: center;
 background-size: 100%
}

.list__num .number .img.animation-element {
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
 opacity: 0;
 -webkit-transform: scale(0.3, 0.3);
 transform: scale(0.3, 0.3)
}



@media (min-width: 768px) {
 .list__num .number .img {
  width: 109px;
  height: 109px
 }
 .list__num .number .img.img_1 {
  top: -7px;
  left: -12px
 }
 .list__num .number .img.img_2 {
  top: -9px;
  left: -10px
 }
 .list__num .number .img.img_3 {
  top: -7px;
  left: -10px
 }
 .list__num .number .img.img_4 {
  top: -9px;
  left: -12px
 }
 .list__num .number .img.img_5 {
  top: -8px;
  left: -10px
 }
 .list__num .number .img.img_6 {
  top: -8px;
  left: -11px
 }
 .list__num .number .img.img_7 {
  top: -6px;
  left: -11px
 }
}

@media (min-width: 1320px) {
 .list__num .number .img {
  width: 111px;
  height: 111px
 }
 .list__num .number .img.img_1 {
  top: -8px;
  left: -10px
 }
 .list__num .number .img.img_2 {
  top: -9px;
  left: -8px
 }
 .list__num .number .img.img_3 {
  top: -7px;
  left: -8px
 }
 .list__num .number .img.img_4 {
  top: -10px;
  left: -9px
 }
 .list__num .number .img.img_5 {
  top: -8px;
  left: -8px
 }
 .list__num .number .img.img_6 {
  top: -8px;
  left: -8px
 }
 .list__num .number .img.img_7 {
  top: -7px;
  left: -8px
 }
}

@media (min-width: 1860px) {
 .list__num .number .img {
  width: 114px;
  height: 114px
 }
 .list__num .number .img.img_1 {
  top: -11px;
  left: -11px
 }
 .list__num .number .img.img_2 {
  top: -11px;
  left: -9px
 }
 .list__num .number .img.img_3 {
  top: -11px;
  left: -9px
 }
 .list__num .number .img.img_4 {
  top: -11px;
  left: -9px
 }
 .list__num .number .img.img_5 {
  top: -11px;
  left: -9px
 }
 .list__num .number .img.img_6 {
  top: -11px;
  left: -10px
 }
 .list__num .number .img.img_7 {
  top: -10px;
  left: -9px
 }
}

.list__title {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #121212;
 margin-bottom: 12px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 1.7s cubic-bezier(0, 0.55, 0.45, 1)
}

.list__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.list__title:nth-child(1) {
 transition-delay: 0.1s
}

.list__title:nth-child(2) {
 transition-delay: 0.2s
}

.list__title:nth-child(3) {
 transition-delay: 0.3s
}

.list__title:nth-child(4) {
 transition-delay: 0.4s
}

.list__title:nth-child(5) {
 transition-delay: 0.5s
}

.list__title:nth-child(6) {
 transition-delay: 0.6s
}

.list__title:nth-child(7) {
 transition-delay: 0.7s
}

@media (min-width: 768px) {
 .list__title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 16px;
  -webkit-transform: translateX(116px);
  transform: translateX(116px)
 }
}

@media (min-width: 1320px) {
 .list__title {
  -webkit-transform: translateX(0);
  transform: translateX(0)
 }
}

@media (min-width: 1860px) {
 .list__title {
  max-width: 480px;
  font-size: 30px;
  line-height: 1.4;
  margin-bottom: 24px
 }
}

.list__content {
 font-weight: 400;
 font-size: 12px;
 line-height: 1.6;
 color: #6c6c6c;
 margin-top: 12px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 1.7s cubic-bezier(0, 0.55, 0.45, 1)
}

.list__content.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

.list__content:nth-child(1) {
 transition-delay: 0.1s
}

.list__content:nth-child(2) {
 transition-delay: 0.2s
}

.list__content:nth-child(3) {
 transition-delay: 0.3s
}

.list__content:nth-child(4) {
 transition-delay: 0.4s
}

.list__content:nth-child(5) {
 transition-delay: 0.5s
}

.list__content:nth-child(6) {
 transition-delay: 0.6s
}

.list__content:nth-child(7) {
 transition-delay: 0.7s
}

@media (min-width: 768px) {
 .list__content {
  font-size: 14px;
  -webkit-transform: translateX(116px);
  transform: translateX(116px)
 }
}

@media (min-width: 1320px) {
 .list__content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-top: 0
 }
}

.list .lets-meet {
 display: none
}

.list .lets-meet::before {
 display: none
}

@media (min-width: 1320px) {
 .list .lets-meet {
  display: block
 }
}

@media (min-width: 1860px) {
 .list .lets-meet {
  margin-top: -16px
 }
}

.list .lets-meet .text {
 display: inline-block;
 font-weight: bold;
 font-size: 40px;
 line-height: 140%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 24px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 transition-delay: .3s
}

.list .lets-meet .text.animation-element {
 opacity: 0;
 -webkit-transform: translateY(50px);
 transform: translateY(50px)
}

@media (min-width: 1860px) {
 .list .lets-meet .text {
  font-weight: 700;
  font-size: 60px;
  line-height: 1.4;
  margin-top: 4px;
  margin-bottom: 13px
 }
}

.list .lets-meet .link {
 font-weight: 400;
 font-size: 16px;
 line-height: 1.6;
 transition: all 0.2s
}

.list .lets-meet .link-container {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 transition-delay: .5s
}

.list .lets-meet .link-container.animation-element {
 opacity: 0;
 -webkit-transform: translateY(50px);
 transform: translateY(50px)
}

@media (min-width: 768px) {
 .list .lets-meet .link:hover svg path {
  stroke: #ffffff
 }
}

.list .lets-meet .link svg {
 position: relative;
 -webkit-transform: translate(7px, 4px);
 transform: translate(7px, 4px)
}

.list .lets-meet .link svg path {
 transition: all 0.2s
}

.projects .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.projects .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .projects .section__title {
  width: 450px
 }
}

@media (min-width: 1860px) {
 .projects .section__title {
  width: 687px
 }
}

.projects .section__link {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.projects .section__link.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

.projects__list {
 padding-top: 50px;
 margin-top: -50px;
 padding-bottom: 200px;
 margin-bottom: -184px
}

@media (min-width: 768px) {
 .projects__list {
  margin-bottom: -166px
 }
}

@media (min-width: 1860px) {
 .projects__list {
  margin-bottom: -90px
 }
}

.projects__slide {
 width: 216px
}

@media (min-width: 768px) {
 .projects__slide {
  width: 512px
 }
}

@media (min-width: 1320px) {
 .projects__slide {
  width: 532px
 }
}

@media (min-width: 1860px) {
 .projects__slide {
  width: 918px
 }
}

.projects__slide:nth-child(1) .projects__card {
 transition-delay: 0.3s
}

.projects__slide:nth-child(2) .projects__card {
 transition-delay: 0.6s
}

.projects__slide:nth-child(3) .projects__card {
 transition-delay: 0.9s
}

.projects__card {
 display: block;
 width: 200px;
 min-height: 282px;
 background: #fff;
 padding: 16px 16px 0 16px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.projects__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .projects__card {
  width: 440px;
  height: 444px;
  padding: 34px 34px 0 34px
 }
}

@media (min-width: 1860px) {
 .projects__card {
  width: 648px;
  height: 584px;
  padding: 48px 48px 0 48px
 }
 .projects__card:hover .image {
  width: 110%;
  height: 110%
 }
 .projects__card:hover .projects__place {
  color: #1B98A8
 }
}

.projects__place {
 font-weight: 500;
 min-height: 44px;
 font-size: 14px;
 line-height: 160%;
 color: #1B98A8;
 transition: color .5s
}

@media (min-width: 768px) {
 .projects__place {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
  min-height: 62px
 }
}

@media (min-width: 1860px) {
 .projects__place {
  font-size: 30px;
  line-height: 140%
 }
}

.projects__params {
 font-weight: 500;
 font-size: 12px;
 line-height: 160%;
 color: #1B98A8;
 text-decoration: underline;
}

@media (min-width: 768px) {
 .projects__params {
  font-size: 14px;
 }
}

.projects__pic {
 width: 168px;
 height: 168px;
 -webkit-transform: translateY(24px);
 transform: translateY(24px);
 position: relative;
 overflow: hidden
}

@media (min-width: 768px) {
 .projects__pic {
  height: 280px;
  width: 430px;
  -webkit-transform: translateY(34px);
  transform: translateY(34px)
 }
}

@media (min-width: 1860px) {
 .projects__pic {
  height: 446px;
  width: 754px;
  -webkit-transform: translate(20px, 68px);
  transform: translate(20px, 68px);
  margin-top: -20px
 }
}

.projects__pic .image {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: all .4s ease-out
}

.projects #btnProjectsPrev {
 margin-top: 40px
}

@media (min-width: 1860px) {
 .projects #btnProjectsPrev {
  margin-top: -23px
 }
}

.projects #btnProjectsNext {
 margin-top: -62px
}

@media (min-width: 1860px) {
 .projects #btnProjectsNext {
  margin-top: -126px
 }
}

.clients .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.clients .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.clients__list {
 padding-top: 40px;
 padding-bottom: 40px;
 margin-top: -40px;
 margin-bottom: -40px
}



.clients__slide:nth-child(1) .clients__link {
 transition-delay: 0.3s
}

.clients__slide:nth-child(2) .clients__link {
 transition-delay: 0.6s
}

.clients__slide:nth-child(3) .clients__link {
 transition-delay: 0.9s
}

.clients__slide:nth-child(4) .clients__link {
 transition-delay: 1.2s
}

.clients__slide:nth-child(5) .clients__link {
 transition-delay: 1.5s
}




.clients__link {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 background-color: #070707;
 border-radius: 12px;
 box-shadow: -5px -5px 20px rgba(35, 33, 58, 0.15), 5px 5px 20px rgba(4, 5, 14, 0.3);
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

@media (min-width: 768px) {
 .clients__link {
  box-shadow: -14px -14px 20px rgb(35 33 58 / 15%), 16px 5px 20px rgb(4 5 14 / 30%);
 }
}



.clients__link.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

.clients__link svg {
 max-width: 100%;
 height: auto
}

.clients__link svg {
 transition: all 0.2s
}

.clients__link svg path {
 transition: all 0.2s
}

.clients__link .picture {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: no-repeat center;
 background-size: cover
}

@media (min-width: 1320px) {
 .clients__link .picture {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  transition: all .3s
 }
}

.clients__link .txt {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 text-align: center;
 text-transform: uppercase;
 padding: 10px;
 font-style: normal;
 letter-spacing: 0.02em;
 color: #ffffff;
 transition: color .5s ease-out;
 font-weight: 500;
 font-size: 20px;
 line-height: 130%
}

@media (min-width: 768px) {
 .clients__link .txt {
  font-weight: bold;
  font-size: 30px;
  line-height: 140%
 }
}

@media (min-width: 1320px) {
 .clients__link .txt:hover {
  color: #1B98A8
 }
}

@media (min-width: 1320px) {
 .clients__link:hover path {
  fill: #1B98A8
 }
 .clients__link:hover .picture {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none
 }
}

.clients #btnClientsSliderPrev {
 margin-top: 16px
}

.clients #btnClientsSliderNext {
 margin-top: -87px
}

.faq .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.faq .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.faq .section__link {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.faq .section__link.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

.faq__list {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-top: 48px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.faq__list.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 1860px) {
 .faq__list {
  margin-top: 134px
 }
}

.faq__item {
 display: none;
 width: 100%;
 border-radius: 12px;
 margin-bottom: 16px;
 background: #070707;
 padding: 12px;
 box-shadow: -5px -5px 20px rgba(35, 33, 58, 0.35), 5px 5px 20px rgba(4, 5, 14, 0.8), inset 24px 24px 110px rgba(4, 2, 19, 0.5), inset -24px -24px 110px rgba(255, 255, 255, 0.06);
 -webkit-transform: translateY(25px);
 transform: translateY(25px);
 opacity: 0;
 transition: opacity .5s ease-out, background-color .2s, box-shadow .2s, -webkit-transform .5s ease-out;
 transition: opacity .5s ease-out, transform .5s ease-out, background-color .2s, box-shadow .2s;
 transition: opacity .5s ease-out, transform .5s ease-out, background-color .2s, box-shadow .2s, -webkit-transform .5s ease-out
}

.faq__item:nth-child(1) {
 z-index: calc(21 - 1)
}

.faq__item:nth-child(2) {
 z-index: calc(21 - 2)
}

.faq__item:nth-child(3) {
 z-index: calc(21 - 3)
}

.faq__item:nth-child(4) {
 z-index: calc(21 - 4)
}

.faq__item:nth-child(5) {
 z-index: calc(21 - 5)
}

.faq__item:nth-child(6) {
 z-index: calc(21 - 6)
}

.faq__item:nth-child(7) {
 z-index: calc(21 - 7)
}

.faq__item:nth-child(8) {
 z-index: calc(21 - 8)
}

.faq__item:nth-child(9) {
 z-index: calc(21 - 9)
}

.faq__item:nth-child(10) {
 z-index: calc(21 - 10)
}

.faq__item:nth-child(11) {
 z-index: calc(21 - 11)
}

.faq__item:nth-child(12) {
 z-index: calc(21 - 12)
}

.faq__item:nth-child(13) {
 z-index: calc(21 - 13)
}

.faq__item:nth-child(14) {
 z-index: calc(21 - 14)
}

.faq__item:nth-child(15) {
 z-index: calc(21 - 15)
}

.faq__item:nth-child(16) {
 z-index: calc(21 - 16)
}

.faq__item:nth-child(17) {
 z-index: calc(21 - 17)
}

.faq__item:nth-child(18) {
 z-index: calc(21 - 18)
}

.faq__item:nth-child(19) {
 z-index: calc(21 - 19)
}

.faq__item:nth-child(20) {
 z-index: calc(21 - 20)
}

@media (min-width: 768px) {
 .faq__item {
  margin-bottom: 24px;
  padding: 24px 34px;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
}

@media (min-width: 1320px) {
 .faq__item {
  padding: 34px
 }
 .faq__item:hover {
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6), inset 24px 24px 110px rgba(4, 2, 19, 0.5), inset -24px -24px 110px rgba(255, 255, 255, 0.06)
 }
}

@media (min-width: 1860px) {
 .faq__item {
  padding: 48px;
  margin-bottom: 34px
 }
}

.faq__item.visible {
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6), inset 24px 24px 110px rgba(4, 2, 19, 0.5), inset -24px -24px 110px rgba(255, 255, 255, 0.06)
}

.faq__item.visible .faq__description {
 opacity: 1
}

.faq__item.visible .faq__toggler {
 -webkit-transform: scale(1, -1);
 transform: scale(1, -1)
}

.faq__item.display {
 display: block
}

.faq__item.show {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1
}

.faq__toggler {
 width: 9px;
 height: 6px;
 top: calc(50% - 3px);
 right: 4px;
 position: absolute;
 background-size: 100%;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 transition: all 0.2s
}

@media (min-width: 768px) {
 .faq__toggler {
  width: 28px;
  height: 16px;
  top: calc(50% - 7px);
  right: 0
 }
}

@media (min-width: 1860px) {
 .faq__toggler {
  top: calc(50% - 9px)
 }
}

.faq__caption {
 font-size: 20px;
 font-weight: 500;
 line-height: 130%;
 letter-spacing: 0.02em;
 text-align: left;
 color: #ffffff;
 cursor: pointer;
 position: relative;
 padding-right: 24px;
 padding-top: 12px;
 padding-bottom: 12px;
 margin-top: -12px;
 margin-bottom: -12px
}

@media (min-width: 768px) {
 .faq__caption {
  font-weight: bold;
  font-size: 24px;
  min-height: 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: -24px;
  margin-bottom: -24px
 }
}

@media (min-width: 1860px) {
 .faq__caption {
  padding-top: 34px;
  padding-bottom: 34px;
  margin-top: -34px;
  margin-bottom: -34px
 }
}

@media (min-width: 1860px) {
 .faq__caption {
  font-size: 30px;
  line-height: 140%
 }
}

.faq__description {
 overflow-y: hidden;
 max-height: 0;
 height: auto;
 opacity: 0
}

.faq__description p {
 font-weight: 400;
 font-size: 12px;
 line-height: 160%;
 color: #bebebe;
 margin: 8px 0
}

@media (min-width: 768px) {
 .faq__description p {
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .faq__description p {
  font-size: 16px;
  margin: 12px 0
 }
}

.faq__description ul li {
 margin: 24px 0
}

.faq__description ul li span {
 display: block;
 font-weight: 400;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 opacity: 0.8;
 position: relative;
 padding-left: 18px
}

@media (min-width: 768px) {
 .faq__description ul li span {
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .faq__description ul li span {
  font-size: 16px;
  padding-left: 25px
 }
}

.faq__description ul li span::before {
 content: "";
 position: absolute;
 top: 5px;
 left: 0
}

@media (min-width: 1860px) {
 .faq__description ul li span::before {
  top: 8px
 }
}

@media (min-width: 768px) {
 .faq__description ul li:first-child span:first-child {
  margin-top: 34px
 }
}

@media (min-width: 1860px) {
 .faq__description ul li:first-child span:first-child {
  margin-top: 36px
 }
 .faq__description ul li p {
  padding-left: 25px
 }
}

.faq__description-body {
 padding-top: 28px
}

@media (min-width: 768px) {
 .faq__description-body {
  padding-top: 50px
 }
}

@media (min-width: 1320px) {
 .faq__description-body {
  padding-top: 35px
 }
}

@media (min-width: 1860px) {
 .faq__description-body {
  padding-top: 56px
 }
}

.faq__description-footer {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -ms-flex-align: start;
 align-items: flex-start
}

@media (min-width: 768px) {
 .faq__description-footer {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 34px;
  margin-bottom: 10px
 }
}

@media (min-width: 1320px) {
 .faq__description-footer {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .faq__description-footer {
  margin-top: 36px
 }
}

.faq__description-footer p {
 color: #ffffff;
 margin-top: 0
}

@media (min-width: 768px) {
 .faq__description-footer p {
  margin: 0
 }
}

.faq__description-footer .btn {
 margin-top: 8px
}

@media (min-width: 768px) {
 .faq__description-footer .btn {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: 0;
  margin-left: 24px
 }
}

.faq__more {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-align: center;
 align-items: center;
 width: 100%;
 height: 76px;
 box-shadow: -5px -5px 20px rgba(35, 33, 58, 0.35), 5px 5px 20px rgba(4, 5, 14, 0.8), inset 24px 24px 110px rgba(4, 2, 19, 0.5), inset -24px -24px 110px rgba(255, 255, 255, 0.06);
 background: #070707;
 border-radius: 12px;
 font-size: 20px;
 font-weight: 500;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 transition: background-color .2s, box-shadow .2s;
 padding: 0 12px
}

.faq__more .points .point,
.faq__more .points .faq__description ul li span::before,
.faq__description ul li .faq__more .points span::before,
.faq__more .points .privacy-policy__description ul li::before,
.privacy-policy__description ul .faq__more .points li::before {
 display: none
}

.faq__more .points .point:first-child,
.faq__more .points .faq__description ul li span:first-child::before,
.faq__description ul li .faq__more .points span:first-child::before,
.faq__more .points .privacy-policy__description ul li:first-child::before,
.privacy-policy__description ul .faq__more .points li:first-child::before {
 display: block
}

@media (min-width: 768px) {
 .faq__more .points .point,
 .faq__more .points .faq__description ul li span::before,
 .faq__description ul li .faq__more .points span::before,
 .faq__more .points .privacy-policy__description ul li::before,
 .privacy-policy__description ul .faq__more .points li::before {
  display: block !important;
  margin-right: 8px
 }
}

@media (min-width: 768px) {
 .faq__more .points {
  display: -ms-flexbox;
  display: flex
 }
}

@media (min-width: 768px) {
 .faq__more {
  height: 90px;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  font-weight: bold;
  font-size: 24px;
  padding: 0 34px
 }
}

@media (min-width: 1320px) {
 .faq__more {
  height: 110px;
  cursor: pointer
 }
 .faq__more:hover {
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6), inset 24px 24px 110px rgba(4, 2, 19, 0.5), inset -24px -24px 110px rgba(255, 255, 255, 0.06)
 }
}

@media (min-width: 1860px) {
 .faq__more {
  height: 138px;
  font-size: 30px;
  line-height: 140%;
  padding: 0 48px
 }
}

.feedback .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.feedback .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.feedback__background {
 position: absolute;
 overflow: hidden;
 width: 100%;
 display: none;
 z-index: -1;
 background-repeat: no-repeat;
 background-position: top center;
 background-size: 100% 100%
}

@media (min-width: 768px) {
 .feedback__background {
  display: block;
  bottom: -583px;
  height: 685px;
 }
}

@media (min-width: 1320px) {
 .feedback__background {
  bottom: -610px;
  height: 571px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
 }
}

@media (min-width: 1860px) {
 .feedback__background {
  bottom: -720px;
 }
}

@media (min-width: 2520px) {
 .feedback__background {
  bottom: -920px;
  height: 800px
 }
}

.feedback__list {
 padding-top: 40px;
 padding-bottom: 40px;
 margin-top: -40px;
 margin-bottom: -40px
}

.feedback__slide {
 width: 216px
}

.feedback__slide:nth-child(1) .feedback__card {
 transition-delay: 0.3s
}

.feedback__slide:nth-child(2) .feedback__card {
 transition-delay: 0.6s
}

.feedback__slide:nth-child(3) .feedback__card {
 transition-delay: 0.9s
}

@media (min-width: 768px) {
 .feedback__slide {
  width: 624px
 }
}

@media (min-width: 1320px) {
 .feedback__slide {
  width: 957px
 }
}

@media (min-width: 1860px) {
 .feedback__slide {
  width: 1298px
 }
}

.feedback__card {
 width: 200px;
 min-height: 434px;
 background: #070707;
 box-shadow: -5px -5px 20px rgba(35, 33, 58, 0.35), 5px 5px 20px rgba(4, 5, 14, 0.8);
 border-radius: 12px;
 padding: 0 16px 16px 16px;
 margin-top: 16px;
 position: relative;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.feedback__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .feedback__card {
  width: 556px;
  min-height: 408px;
  padding: 0 0 0 348px;
  margin-top: 0;
  box-shadow: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
 }
}

@media (min-width: 1320px) {
 .feedback__card {
  width: 861px;
  padding-left: 378px
 }
}

@media (min-width: 1860px) {
 .feedback__card {
  width: 1164px;
  padding-left: 480px
 }
}

.feedback__pic {
 width: 168px;
 height: 168px;
 border-radius: 12px;
 -webkit-transform: translateY(-16px);
 transform: translateY(-16px);
 background-size: cover;
 background-position: center top;
 background-repeat: no-repeat;
 position: relative;
 cursor: pointer;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center
}

@media (min-width: 768px) {
 .feedback__pic {
  position: absolute;
  width: 321px;
  height: 408px;
  left: 0;
  top: 0;
  -webkit-transform: none;
  transform: none;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
}

@media (min-width: 1320px) {
 .feedback__pic {
  width: 330px
 }
}

@media (min-width: 1860px) {
 .feedback__pic {
  width: 420px;
  height: 520px
 }
}

.feedback__pic .btn {
 z-index: 7
}

.feedback__quotes {
 display: none
}

.feedback__quotes::before,
.feedback__quotes::after {
 content: "";
 width: 40px;
 height: 68px;
 display: inline-block;
 position: relative;
 margin-right: 7px;
 background-size: auto 52px
}

@media (min-width: 768px) {
 .feedback__quotes {
  display: block;
  -ms-flex-order: 1;
  order: 1;
  padding-top: 2px;
  padding-left: 6px
 }
}

@media (min-width: 1320px) {
 .feedback__quotes {
  padding-top: 16px;
  padding-left: 0
 }
}

@media (min-width: 1860px) {
 .feedback__quotes {
  padding-top: 36px;
  padding-left: 15px
 }
 .feedback__quotes::before,
 .feedback__quotes::after {
  background-size: auto 68px;
  margin-right: 24px
 }
}

.feedback__line {
 display: none;
 height: 12px;
 background: #070707;
 box-shadow: -20px -27px 40px rgba(35, 33, 58, 0.35), 20px 27px 40px rgba(4, 5, 14, 0.17), inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8);
 border-radius: 12px;
 margin: 35px 0 0 -200px
}

@media (min-width: 768px) {
 .feedback__line {
  display: block;
  -ms-flex-order: 2;
  order: 2
 }
}

@media (min-width: 1320px) {
 .feedback__line {
  margin-top: 22px
 }
}

@media (min-width: 1860px) {
 .feedback__line {
  margin-top: 58px
 }
}

.feedback__msg {
 display: none;
 font-weight: 700;
 letter-spacing: 0.02em;
 color: #ffffff;
 transition: all 0.2s;
 font-size: 24px;
 line-height: 130%;
 -ms-flex-order: 3;
 order: 3;
 margin-top: 68px
}

@media (min-width: 1320px) {
 .feedback__msg {
  display: block
 }
 .feedback__msg.hover {
  color: #1B98A8 !important
 }
}

@media (min-width: 1860px) {
 .feedback__msg {
  font-size: 30px;
  line-height: 140%;
  margin-top: 65px
 }
}

.feedback__name {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 text-transform: uppercase;
 font-weight: 400;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 margin-top: 8px;
 transition: all 0.2s
}

@media (min-width: 768px) {
 .feedback__name {
  -ms-flex-order: 4;
  order: 4;
  font-size: 14px;
  margin-top: 48px;
  display: block
 }
 .feedback__name span {
  display: inline-block;
  margin-right: 5px
 }
}

@media (min-width: 1320px) {
 .feedback__name {
  margin-top: 34px
 }
}

@media (min-width: 1860px) {
 .feedback__name {
  -ms-flex-direction: row;
  flex-direction: row;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  margin-top: 48px
 }
}

.feedback__job {
 font-weight: 400;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-top: 8px
}

@media (min-width: 768px) {
 .feedback__job {
  -ms-flex-order: 5;
  order: 5;
  font-size: 14px;
  margin-top: 16px
 }
}

@media (min-width: 1860px) {
 .feedback__job {
  padding-bottom: 22px
 }
}

.feedback__socials {
 width: 110%;
 margin-top: 34px;
 height: 48px
}

@media (min-width: 768px) {
 .feedback__socials {
  width: auto
 }
}

.feedback__socials .social-icon {
 margin-right: 10px
}

.feedback__socials .social-icon:last-child {
 margin-right: 0
}

@media (min-width: 768px) {
 .feedback__socials .social-icon {
  margin-right: 16px
 }
}

@media (min-width: 768px) {
 .feedback__socials {
  -ms-flex-order: 3;
  order: 3;
  margin-top: 18px;
  height: 50px
 }
}

@media (min-width: 1320px) {
 .feedback__socials {
  position: absolute;
  top: 10px;
  right: 0
 }
}

@media (min-width: 1860px) {
 .feedback__socials {
  margin-top: 26px
 }
}

.feedback #btnFeedbackPrev {
 margin-top: 15px
}

.feedback #btnFeedbackNext {
 margin-top: -87px
}

.work {
 overflow: hidden
}

.work .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.work .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .work .section__title {
  width: 444px
 }
}

@media (min-width: 1860px) {
 .work .section__title {
  width: 600px
 }
}

.work__background {
 position: absolute;
 overflow: hidden;
 width: 100%;
 display: none;
 z-index: -1;
 background-repeat: no-repeat;
 background-position: top center;
 background-size: 100% 100%
}

@media (min-width: 768px) {
 .work__background {
  display: block;
  bottom: -595px;
  height: 685px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
 }
}

@media (min-width: 1320px) {
 .work__background {
  bottom: -618px;
  height: 571px;
  -webkit-transform: none;
  transform: none;
 }
}

@media (min-width: 1860px) {
 .work__background {
  bottom: -737px;
 }
}

@media (min-width: 2520px) {
 .work__background {
  bottom: -927px;
  height: 800px
 }
}

@media (min-width: 1320px) {
 .work__list__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
 }
}

.work__list {
 padding-top: 68px;
 margin-top: -68px
}

@media (min-width: 1320px) {
 .work__list {
  overflow: initial;
  margin-bottom: -68px
 }
}

@media (min-width: 1860px) {
 .work__list {
  margin-bottom: -97px
 }
}

.work__slide {
 width: 224px;
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

.work__slide:nth-child(1) .work__title,
.work__slide:nth-child(1) .work__content {
 transition-delay: 0.1s
}

.work__slide:nth-child(2) .work__title,
.work__slide:nth-child(2) .work__content {
 transition-delay: 0.2s
}

.work__slide:nth-child(3) .work__title,
.work__slide:nth-child(3) .work__content {
 transition-delay: 0.3s
}

.work__slide:nth-child(4) .work__title,
.work__slide:nth-child(4) .work__content {
 transition-delay: 0.4s
}

.work__slide:nth-child(5) .work__title,
.work__slide:nth-child(5) .work__content {
 transition-delay: 0.5s
}

.work__slide:nth-child(6) .work__title,
.work__slide:nth-child(6) .work__content {
 transition-delay: 0.6s
}

@media (min-width: 768px) {
 .work__slide {
  width: 508px
 }
}

@media (min-width: 1320px) {
 .work__slide {
  width: 44.40619621342513%;
  margin-bottom: 68px
 }
 .work__slide:nth-child(odd) .work__day:before {
  width: 100vw;
  position: absolute;
  top: calc(50% - 6px);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  left: -20px
 }
 .work__slide:nth-child(odd) .work__day:after {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
 .work__slide:nth-child(even) .work__day:after {
  width: 100vw;
  -ms-flex: none;
  flex: none
 }
 .work__slide:nth-child(even) .work__day span {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
}

@media (min-width: 1860px) {
 .work__slide {
  width: 33.5692868844858%;
  margin-bottom: 97px
 }
 .work__slide:nth-child(3),
 .work__slide:nth-child(6) {
  width: 27.63438533584742%
 }
 .work__slide:nth-child(1) .work__card,
 .work__slide:nth-child(2) .work__card,
 .work__slide:nth-child(4) .work__card,
 .work__slide:nth-child(5) .work__card {
  width: 82.32044198895028%
 }
 .work__slide:nth-child(1) .work__day:before,
 .work__slide:nth-child(2) .work__day:before,
 .work__slide:nth-child(4) .work__day:before,
 .work__slide:nth-child(5) .work__day:before {
  width: 100vw;
  position: absolute;
  top: calc(50% - 6px);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  left: -20px
 }
 .work__slide:nth-child(1) .work__day:after,
 .work__slide:nth-child(2) .work__day:after,
 .work__slide:nth-child(4) .work__day:after,
 .work__slide:nth-child(5) .work__day:after {
  width: auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
 .work__slide:nth-child(1) .work__day span,
 .work__slide:nth-child(2) .work__day span,
 .work__slide:nth-child(4) .work__day span,
 .work__slide:nth-child(5) .work__day span {
  -ms-flex: none;
  flex: none
 }
 .work__slide:nth-child(3) .work__day:after,
 .work__slide:nth-child(6) .work__day:after {
  width: 100vw;
  -ms-flex: none;
  flex: none
 }
 .work__slide:nth-child(3) .work__day span,
 .work__slide:nth-child(6) .work__day span {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
 .work__slide:nth-child(2) .work__day:before,
 .work__slide:nth-child(3) .work__day:before,
 .work__slide:nth-child(5) .work__day:before,
 .work__slide:nth-child(6) .work__day:before {
  display: none
 }
}

.work__slide .number,
.work__slide .lines {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0
}

.work__slide .number {
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
 opacity: 0;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.work__slide .number svg {
 width: 130px;
 height: 130px;
 margin-top: 20px;
 margin-left: 20px
}

@media (min-width: 768px) {
 .work__slide .number svg {
  width: 184px;
  height: auto;
  margin-top: 0;
  margin-left: 0
 }
}

@media (min-width: 1320px) {
 .work__slide .number svg {
  width: 240px;
  height: auto
 }
}

.work__slide .lines {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.work__slide .lines svg {
 width: 170px;
 height: 170px
}

@media (min-width: 768px) {
 .work__slide .lines svg {
  width: 184px;
  height: auto
 }
}

@media (min-width: 1320px) {
 .work__slide .lines svg {
  width: 240px;
  height: auto
 }
}

.work__slide .animation .number,
.work__slide .animation .lines {
 -webkit-filter: grayscale(0);
 filter: grayscale(0);
 opacity: 1;
 -webkit-transform: rotate(0) scale(1);
 transform: rotate(0) scale(1)
}

.work__slide:nth-child(1) #num1 {
 fill: #ffffff
}

.work__slide:nth-child(1) #line1 path {
 stroke: #1B98A8
}

.work__slide:nth-child(1):nth-child(1).lines,
.work__slide:nth-child(1):nth-child(1) .number {
 transition-delay: 0.2s
}

.work__slide:nth-child(2) #num2 {
 fill: #ffffff
}

.work__slide:nth-child(2) #line1 path {
 stroke: #1B98A8
}

.work__slide:nth-child(2) #line2 path {
 stroke: #1B98A8
}

.work__slide:nth-child(2):nth-child(2).lines,
.work__slide:nth-child(2):nth-child(2) .number {
 transition-delay: 0.4s
}

.work__slide:nth-child(3) #num3 {
 fill: #ffffff
}

.work__slide:nth-child(3) #line1 path {
 stroke: #1B98A8
}

.work__slide:nth-child(3) #line2 path {
 stroke: #1B98A8
}

.work__slide:nth-child(3) #line3 path {
 stroke: #1B98A8
}

.work__slide:nth-child(3):nth-child(3).lines,
.work__slide:nth-child(3):nth-child(3) .number {
 transition-delay: 0.6s
}

.work__slide:nth-child(4) #num4 {
 fill: #ffffff
}

.work__slide:nth-child(4) #line1 path {
 stroke: #1B98A8
}

.work__slide:nth-child(4) #line2 path {
 stroke: #1B98A8
}

.work__slide:nth-child(4) #line3 path {
 stroke: #1B98A8
}

.work__slide:nth-child(4) #line4 path {
 stroke: #1B98A8
}

.work__slide:nth-child(4):nth-child(4).lines,
.work__slide:nth-child(4):nth-child(4) .number {
 transition-delay: 0.8s
}

.work__slide:nth-child(5) #num5 {
 fill: #ffffff
}

.work__slide:nth-child(5) #line1 path {
 stroke: #1B98A8
}

.work__slide:nth-child(5) #line2 path {
 stroke: #1B98A8
}

.work__slide:nth-child(5) #line3 path {
 stroke: #1B98A8
}

.work__slide:nth-child(5) #line4 path {
 stroke: #1B98A8
}

.work__slide:nth-child(5) #line5 path {
 stroke: #1B98A8
}

.work__slide:nth-child(5):nth-child(5).lines,
.work__slide:nth-child(5):nth-child(5) .number {
 transition-delay: 1s
}

.work__slide:nth-child(6) #num6 {
 fill: #ffffff
}

.work__slide:nth-child(6) #line1 path {
 stroke: #1B98A8
}

.work__slide:nth-child(6) #line2 path {
 stroke: #1B98A8
}

.work__slide:nth-child(6) #line3 path {
 stroke: #1B98A8
}

.work__slide:nth-child(6) #line4 path {
 stroke: #1B98A8
}

.work__slide:nth-child(6) #line5 path {
 stroke: #1B98A8
}

.work__slide:nth-child(6) #line6 path {
 stroke: #1B98A8
}

.work__slide:nth-child(6):nth-child(6).lines,
.work__slide:nth-child(6):nth-child(6) .number {
 transition-delay: 1.2s
}

.work__card {
 width: 200px
}

@media (min-width: 768px) {
 .work__card {
  width: 440px
 }
}

@media (min-width: 1320px) {
 .work__card {
  width: 85.27131782945736%
 }
}

@media (min-width: 1860px) {
 .work__card {
  width: 100%
 }
}

.work__num {
 width: 170px;
 height: 170px;
 margin-left: -38px;
 margin-bottom: -21px;
 position: relative;
 margin-top: -37px
}

.work__num::after {
 content: "";
 display: block;
 position: absolute;
 top: 80px;
 left: 158px;
 width: 80px;
 height: 10px;
 background: #070707;
 border-radius: 12px;
 box-shadow: -20px -27px 40px rgba(35, 33, 58, 0.35), 20px 27px 40px rgba(4, 5, 14, 0.17), inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8)
}

@media (min-width: 768px) {
 .work__num::after {
  display: none
 }
}

@media (min-width: 768px) {
 .work__num {
  position: absolute;
  width: 184px;
  height: 184px;
  margin-left: -46px;
  margin-bottom: 0;
  margin-top: -52px
 }
}

@media (min-width: 1320px) {
 .work__num {
  width: 240px;
  height: 240px;
  margin-top: -55px;
  margin-left: -60px
 }
}

.work__day {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -ms-flex-align: start;
 align-items: flex-start;
 font-weight: 500;
 font-size: 14px;
 line-height: 160%;
 margin-bottom: 8px;
 color: #1B98A8;
 position: relative;
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1);
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0)
}

.work__day.animation-element {
 opacity: 0;
 -webkit-transform: translateX(50px);
 transform: translateX(50px)
}

.work__day img {
 width: 24px;
 height: 24px;
 margin-right: 8px
}

@media (min-width: 768px) {
 .work__day img {
  width: 25px;
  margin-left: 8px;
  height: auto;
  margin-right: 8px
 }
}

@media (min-width: 1320px) {
 .work__day img {
  margin-left: 13px
 }
}

@media (min-width: 1860px) {
 .work__day img {
  margin-left: 12px
 }
}

.work__day span {
 display: inline-block;
 margin-right: 34px;
 text-transform: uppercase;
 font-weight: 700;
}

@media (min-width: 768px) {
 .work__day {
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
  line-height: 130%;
  letter-spacing: 0.02em;
  margin-bottom: 16px
 }
}

@media (min-width: 1320px) {
 .work__day {
  margin-bottom: 24px;
  width: calc(100% + 55px)
 }
 .work__day::before,
 .work__day::after {
  content: "";
  display: block;
  height: 12px;
  border-radius: 12px;
  background: #070707;
  box-shadow: -20px -27px 40px rgba(35, 33, 58, 0.35), 20px 27px 40px rgba(4, 5, 14, 0.17), inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8)
 }
}

@media (min-width: 1860px) {
 .work__day {
  margin-top: 10px;
  margin-bottom: 33px;
  width: calc(100% + 76px)
 }
 .work__day::after {
  content: "";
  display: block;
  height: 12px;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  border-radius: 12px;
  background: #070707;
  box-shadow: -20px -27px 40px rgba(35, 33, 58, 0.35), 20px 27px 40px rgba(4, 5, 14, 0.17), inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8)
 }
}

.work__title {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 margin-bottom: 16px;
 color: #111111;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.work__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .work__title {
  padding-left: 116px;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  min-height: 92px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0
 }
}

@media (min-width: 1320px) {
 .work__title {
  min-height: 120px;
  margin-bottom: 34px;
  padding-left: 154px;
  margin-top: 12px
 }
}

@media (min-width: 1860px) {
 .work__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 48px
 }
}

.work__content {
 font-weight: 400;
 font-size: 16px;
 line-height: 160%;
 color: #323232;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.work__content.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .work__content {
  font-size: 16px
 }
}

@media (min-width: 1860px) {
 .work__content {
  font-size: 18px
 }
}

.work__steps {
 display: none;
 position: absolute;
 bottom: 7px;
 right: 2px;
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #1B98A8;
 opacity: 1;
 -webkit-filter: blur(1);
 filter: blur(1);
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.work__steps.animation-element {
 opacity: 0;
 -webkit-filter: blur(2);
 filter: blur(2)
}

.work__steps.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 1320px) {
 .work__steps {
  display: block
 }
}

@media (min-width: 1860px) {
 .work__steps {
  bottom: 14px;
  right: -203px
 }
}

@media (min-width: 768px) {
 .callback .container,
 .callback .container-endless {
  padding-left: 34px
 }
}

@media (min-width: 1320px) {
 .callback .container,
 .callback .container-endless {
  padding-left: 0
 }
}

.callback .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.callback .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.callback .section__link {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.callback .section__link.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .callback .section__link {
  display: inline-block
 }
}

.callback__title {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-top: -13px;
 transition-delay: 0.5s !important;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.callback__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .callback__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 140%;
  margin-top: 96px;
  padding-right: 68px
 }
}

@media (min-width: 1320px) {
 .callback__title {
  padding-right: 400px
 }
}

@media (min-width: 1860px) {
 .callback__title {
  font-size: 30px;
  line-height: 140%;
  margin-top: -38px;
  max-width: 570px;
  padding-right: 0
 }
}

.callback__subtitle {
 font-weight: 400;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-top: 12px;
 width: 200px;
 transition-delay: 0.7s !important;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.callback__subtitle.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .callback__subtitle {
  width: auto;
  font-size: 14px;
  margin-top: 16px
 }
}

@media (min-width: 1860px) {
 .callback__subtitle {
  font-size: 14px;
  margin-top: 24px
 }
}

.callback__form {
 margin-top: 34px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 padding-right: 16px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.callback__form.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .callback__form {
  margin-top: 68px
 }
}

@media (min-width: 1860px) {
 .callback__form {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
 }
}

.callback .controller .input {
 width: 224px
}

@media (min-width: 768px) {
 .callback .controller__input {
  height: 90px;
  margin-bottom: 36px
 }
 .callback .controller__input .input {
  width: 370px;
  height: 90px;
  font-size: 30px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0.02em;
  color: #ffffff;
  padding: 24px 24px 24px 48px
 }
 .callback .controller__input .icon {
  display: none
 }
}

@media (min-width: 1860px) {
 .callback__data {
  width: 558px
 }
}

.callback__actions {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start;
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 768px) {
 .callback__actions {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12px
 }
}

@media (min-width: 1860px) {
 .callback__actions {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 0;
  z-index: 1
 }
}

.callback__actions .btn {
 margin-top: 34px;
 -ms-flex-order: 2;
 order: 2
}

@media (min-width: 768px) {
 .callback__actions .btn {
  margin-top: 0;
  -ms-flex-order: 1;
  order: 1
 }
}

@media (min-width: 1860px) {
 .callback__actions .btn {
  margin-top: 20px
 }
}

.callback__actions .privacy {
 display: inline-block;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-top: 10px;
 -ms-flex-order: 1;
 order: 1
}

@media (min-width: 768px) {
 .callback__actions .privacy {
  -ms-flex-order: 2;
  order: 2;
  margin-left: 24px;
  margin-top: 0;
  max-width: 376px;
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .callback__actions .privacy {
  margin-left: 0;
  margin-top: 34px
 }
}

.callback .send-mail {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-top: 16px
}

@media (min-width: 768px) {
 .callback .send-mail {
  margin-top: 34px;
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .callback .send-mail {
  display: block;
  width: 100%;
  margin-top: -23px
 }
}

.callback__background-pic {
 position: absolute;
 display: none;
 transition-delay: 1.7s !important;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.callback__background-pic.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 1320px) {
 .callback__background-pic {
  display: block;
  top: 100px;
  left: calc(50% + 220px)
 }
}

@media (min-width: 1860px) {
 .callback__background-pic {
  top: -64px;
  left: calc(50% + 360px)
 }
}

.callback__background-pic img {
 width: 431px;
 max-width: none;
 height: auto
}

@media (min-width: 1860px) {
 .callback__background-pic img {
  width: 557px
 }
}

@media (min-width: 768px) {
 .callback .validator__cross {
  display: block !important
 }
}

@media (min-width: 1320px) {
 .types {
  background: #1f0d0d;
  padding-top: 96px;
  padding-bottom: 96px
 }
}

@media (min-width: 1860px) {
 .types {
  padding-top: 134px;
  padding-bottom: 134px
 }
}

.types .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.types .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .types .section__title .title {
  display: block;
  margin-bottom: -15px
 }
}

@media (min-width: 1320px) {
 .types .section__title .title {
  display: inline-block;
  margin-bottom: 0
 }
}

.types .section__link {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.types .section__link.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

.types__list {
 padding-top: 50px;
 padding-bottom: 50px;
 margin-top: -50px;
 margin-bottom: -50px
}

.types__slide {
 margin-top: 16px;
 width: 266px
}

@media (min-width: 768px) {
 .types__slide {
  width: 493px;
  margin-top: 48px;
  height: auto
 }
}

@media (min-width: 1320px) {
 .types__slide {
  width: 513px;
  margin-top: 48px
 }
}

@media (min-width: 1860px) {
 .types__slide {
  width: 720px;
  margin-top: 89px
 }
}

.types__slide:nth-child(1) .types__card {
 transition-delay: 0.3s
}

.types__slide:nth-child(2) .types__card {
 transition-delay: 0.6s
}

.types__slide:nth-child(3) .types__card {
 transition-delay: 0.9s
}

.types__slide:nth-child(4) .types__card {
 transition-delay: 1.2s
}

.types__slide:nth-child(5) .types__card {
 transition-delay: 1.5s
}

.types__card {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 position: relative;
 width: 242px;
 height: auto;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 padding: 0 16px 16px;
 background: #1f0d0d;
 border-radius: 12px;
 box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
}

.types__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .types__card {
  width: 445px;
  height: 100%;
  padding: 0 34px 34px;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
}

@media (min-width: 1860px) {
 .types__card {
  width: 624px;
  padding: 0 48px 48px
 }
}

.types__pic {
 position: relative;
 width: 211px;
 height: 168px;
 border-radius: 12px;
 -webkit-transform: translateY(-16px);
 transform: translateY(-16px);
 overflow: hidden
}

@media (min-width: 768px) {
 .types__pic {
  width: 377px;
  height: 323px;
  -webkit-transform: translateY(-48px);
  transform: translateY(-48px);
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
}

@media (min-width: 1320px) {
 .types__pic {
  width: 377px;
  height: 323px;
  -webkit-transform: translateY(-48px);
  transform: translateY(-48px)
 }
}

@media (min-width: 1860px) {
 .types__pic {
  width: 528px;
  height: 364px;
  -webkit-transform: translateY(-89px);
  transform: translateY(-89px)
 }
}

.types__pic .image {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: all .4s ease-out;
 background-color: #070707
}

@media (min-width: 1320px) {
 .types__pic:hover .image {
  width: 110%;
  height: 110%
 }
}

.types__title {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: justify;
 justify-content: space-between
}

@media (min-width: 768px) {
 .types__title {
  display: block;
  margin-top: -14px
 }
}

@media (min-width: 1860px) {
 .types__title {
  margin-top: -41px
 }
}

.types__caption {
 width: 170px;
 font-weight: 500;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff
}

@media (min-width: 768px) {
 .types__caption {
  width: 100%;
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em
 }
}

@media (min-width: 1860px) {
 .types__caption {
  font-size: 30px;
  line-height: 140%
 }
}

.types__description {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 height: auto;
 max-height: 0;
 overflow: hidden;
 opacity: 0;
 -webkit-transform: translateY(-25px);
 transform: translateY(-25px);
 transition: all .7s
}

@media (min-width: 768px) {
 .types__description {
  max-height: none;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  overflow: initial
 }
}

@media (min-width: 1320px) {
 .types__description {
  font-size: 14px
 }
}

.types__description .text {
 margin-top: 16px
}

@media (min-width: 768px) {
 .types__description .text {
  margin-top: 8px
 }
}

@media (min-width: 1860px) {
 .types__description .text {
  margin-top: 16px
 }
}

.types__btn {
 margin-right: 3px;
 width: 9px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center
}

.types__btn svg {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 transition: -webkit-transform .3s;
 transition: transform .3s;
 transition: transform .3s, -webkit-transform .3s
}

@media (min-width: 768px) {
 .types__btn {
  display: none
 }
}

.types .open .types__description {
 max-height: 400px;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0)
}

.types .open .types__btn svg {
 -webkit-transform: scale(1, -1);
 transform: scale(1, -1)
}

.types #btnTypesSliderPrev {
 margin-top: 16px
}

.types #btnTypesSliderNext {
 margin-top: -87px
}

.section_banner {
 margin-top: 0
}

.section_banner .container {
 width: 100%;
 position: relative
}

.banner {
 padding-bottom: 50px;
 margin-bottom: -50px
}

.banner__slide {
 padding: 16px 7.5% 0
}

@media (min-width: 768px) {
 .banner__slide {
  padding: 24px 6.25% 0
 }
}

@media (min-width: 1320px) {
 .banner__slide {
  padding: 48px 4.978038067349927% 0;
  display: -ms-flexbox;
  display: flex
 }
}

@media (min-width: 1860px) {
 .banner__slide {
  padding: 96px 5vw 0
 }
}

.banner__picture {
 width: 100%;
 height: 176px;
 border-radius: 12px;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 margin-bottom: 79px;
 box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
}

@media (min-width: 768px) {
 .banner__picture {
  height: 378px;
  margin-bottom: 96px
 }
}

@media (min-width: 1320px) {
 .banner__picture {
  width: 48.69918699186992%;
  height: 556px;
  margin-bottom: 0;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
}

@media (min-width: 1860px) {
 .banner__picture {
  width: 47.69140853302162%;
  height: 620px;
  -ms-flex: none;
  flex: none;
  box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3)
 }
}

.banner__content {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex: 1 0 auto;
 flex: 1 0 auto;
 position: relative
}

@media (min-width: 1320px) {
 .banner__content {
  padding-left: 48px;
  -ms-flex: auto;
  flex: auto;
  display: block
 }
}

@media (min-width: 1860px) {
 .banner__content {
  padding-left: 5.555555555555556%
 }
}

.banner .slide-nums {
 position: absolute;
 top: 209px;
 left: 7.5%;
 margin-left: -15px;
 z-index: 1
}

@media (min-width: 768px) {
 .banner .slide-nums {
  top: 430px;
  left: 6.25%
 }
}

@media (min-width: 1320px) {
 .banner .slide-nums {
  top: 44px;
  right: calc(4.978038067349927% - 5px);
  left: auto
 }
}

@media (min-width: 1860px) {
 .banner .slide-nums {
  top: 356px;
  left: auto;
  right: calc(5vw + 200px)
 }
}

.banner__title {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 margin-bottom: 16px;
 color: #ffffff
}

@media (min-width: 768px) {
 .banner__title {
  font-size: 40px;
  line-height: 140%;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 24px
 }
}

@media (min-width: 1320px) {
 .banner__title {
  margin-bottom: 34px;
  max-width: 75%
 }
}

@media (min-width: 1860px) {
 .banner__title {
  font-size: 60px;
  margin-bottom: 54px;
  min-height: 168px
 }
}

.banner__subtitle {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 margin-bottom: 12px;
 color: #ffffff
}

@media (min-width: 768px) {
 .banner__subtitle {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  width: 280px;
  -ms-flex-order: 3;
  order: 3
 }
}

@media (min-width: 1320px) {
 .banner__subtitle {
  width: auto;
  margin-bottom: 24px;
  max-width: 75%
 }
}

@media (min-width: 1860px) {
 .banner__subtitle {
  font-size: 30px;
  line-height: 140%;
  color: #BDBDBD;
  max-width: 50%;
  margin-bottom: 48px
 }
}

.banner__text {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 768px) {
 .banner__text {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-order: 4;
  order: 4
 }
}

@media (min-width: 1320px) {
 .banner__text {
  -ms-flex-direction: column;
  flex-direction: column
 }
}

@media (min-width: 1860px) {
 .banner__text {
  -ms-flex-direction: column;
  flex-direction: column;
  width: 60%
 }
}

.banner__text .paragraph {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 768px) {
 .banner__text .paragraph:first-child {
  width: 38.0952380952381%;
  padding: 0 !important
 }
 .banner__text .paragraph:last-child {
  width: 60%;
  padding-left: 92px
 }
}

@media (min-width: 1320px) {
 .banner__text .paragraph {
  width: 100% !important;
  padding: 0 !important;
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .banner__text .paragraph {
  font-weight: normal;
  font-size: 14px;
  color: #636363
 }
}

.banner__actions {
 margin-top: 34px
}

@media (min-width: 768px) {
 .banner__actions {
  -ms-flex-order: 5;
  order: 5
 }
}

@media (min-width: 1320px) {
 .banner__actions {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
 }
}

.banner__actions .btn {
 margin-right: 24px
}

@media (min-width: 1320px) {
 .banner__actions .btn {
  -ms-flex-order: 2;
  order: 2;
  margin-right: 0
 }
}

.banner__actions .link {
 display: inline-block;
 margin-top: 24px;
 font-weight: normal;
 font-size: 16px;
 line-height: 160%
}

@media (min-width: 768px) {
 .banner__actions .link {
  margin-top: 0
 }
}

@media (min-width: 1320px) {
 .banner__actions .link {
  font-size: 18px;
  margin-right: 34px;
  -ms-flex-order: 1;
  order: 1
 }
}

.banner #btnBannerProjectsPrev,
.banner #btnBannerProjectsNext {
 left: auto;
 z-index: 1;
 top: 331px
}

.banner #btnBannerProjectsPrev svg,
.banner #btnBannerProjectsNext svg {
 position: relative
}

.banner #btnBannerProjectsPrev svg path,
.banner #btnBannerProjectsNext svg path {
 transition: all .3s
}

@media (max-width: 1859px) {
 .banner #btnBannerProjectsPrev,
 .banner #btnBannerProjectsNext {
  width: 48px;
  height: 48px;
  top: 124px
 }
 .banner #btnBannerProjectsPrev svg,
 .banner #btnBannerProjectsNext svg {
  width: 10px
 }
}

.banner #btnBannerProjectsPrev {
 right: calc(5vw + 102px)
}

@media (max-width: 1859px) {
 .banner #btnBannerProjectsPrev {
  right: 141px
 }
}

.banner #btnBannerProjectsNext {
 right: 5vw
}

@media (max-width: 1859px) {
 .banner #btnBannerProjectsNext {
  right: 68px
 }
}

.section_banner-content {
 margin-top: 0
}

.section_banner-content .container {
 width: 100%;
 position: relative
}

.banner-content {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.banner-content.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

.banner-content__wrap {
 padding: 16px 7.5% 0
}

@media (min-width: 768px) {
 .banner-content__wrap {
  padding: 24px 6.25% 0
 }
}

@media (min-width: 1320px) {
 .banner-content__wrap {
  padding: 48px 4.978038067349927% 0;
  display: -ms-flexbox;
  display: flex
 }
}

@media (min-width: 1860px) {
 .banner-content__wrap {
  padding: 96px 5vw 0
 }
}

.banner-content__picture {
 width: 100%;
 height: 176px;
 border-radius: 12px;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 margin-bottom: 79px;
 box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
}

@media (min-width: 768px) {
 .banner-content__picture {
  height: 378px;
  margin-bottom: 96px
 }
}

@media (min-width: 1320px) {
 .banner-content__picture {
  width: 48.69918699186992%;
  height: 556px;
  margin-bottom: 0;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
}

@media (min-width: 1860px) {
 .banner-content__picture {
  width: 47.69140853302162%;
  height: 620px;
  -ms-flex: none;
  flex: none;
  box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3)
 }
}

.banner-content__desc {
 position: relative
}

@media (min-width: 1320px) {
 .banner-content__desc {
  padding-left: 48px;
  padding-bottom: 80px;
  display: block
 }
}

@media (min-width: 1860px) {
 .banner-content__desc {
  padding-left: 5.555555555555556%
 }
}

.banner-content .slide-nums {
 position: absolute;
 top: 209px;
 left: 7.5%;
 margin-left: -15px;
 z-index: 1
}

@media (min-width: 768px) {
 .banner-content .slide-nums {
  top: 430px;
  left: 6.25%
 }
}

@media (min-width: 1320px) {
 .banner-content .slide-nums {
  top: 44px;
  right: calc(4.978038067349927% - 5px);
  left: auto
 }
}

@media (min-width: 1860px) {
 .banner-content .slide-nums {
  top: 356px;
  left: auto;
  right: calc(5vw + 200px)
 }
}

.banner-content__slider {
 width: 100vw;
 -webkit-transform: translateX(-7.5%);
 transform: translateX(-7.5%)
}

@media (min-width: 768px) {
 .banner-content__slider {
  -webkit-transform: translateX(-6.25%);
  transform: translateX(-6.25%)
 }
}

@media (min-width: 1320px) {
 .banner-content__slider {
  width: 51.135841471vw;
  margin-left: -48px;
  -webkit-transform: none;
  transform: none
 }
}

@media (min-width: 1860px) {
 .banner-content__slider {
  width: 51.588541vw;
  margin-left: -4.95036vw
 }
}

.banner-content__slide {
 padding: 0 7.5%
}

@media (min-width: 768px) {
 .banner-content__slide {
  padding: 0 6.25%
 }
}

@media (min-width: 1320px) {
 .banner-content__slide {
  padding: 0 0 0 48px
 }
}

@media (min-width: 1860px) {
 .banner-content__slide {
  padding-left: 4.950364583333333vw
 }
}

.banner-content__title {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 margin-bottom: 16px;
 color: #ffffff
}

@media (min-width: 768px) {
 .banner-content__title {
  font-size: 40px;
  line-height: 140%;
  margin-bottom: 24px
 }
}

@media (min-width: 1320px) {
 .banner-content__title {
  margin-bottom: 34px;
  max-width: 70%
 }
}

@media (min-width: 1860px) {
 .banner-content__title {
  font-size: 60px;
  margin-bottom: 54px;
  min-height: 168px
 }
}

.banner-content__subtitle {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 margin-bottom: 12px;
 color: #ffffff
}

@media (min-width: 768px) {
 .banner-content__subtitle {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%
 }
}

@media (min-width: 1320px) {
 .banner-content__subtitle {
  width: 65%;
  margin-bottom: 24px
 }
}

@media (min-width: 1860px) {
 .banner-content__subtitle {
  font-size: 30px;
  line-height: 140%;
  color: #BDBDBD;
  width: 50%;
  margin-bottom: 48px
 }
}

.banner-content__text {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}

@media (min-width: 768px) {
 .banner-content__text {
  -ms-flex-direction: row;
  flex-direction: row
 }
}

@media (min-width: 1320px) {
 .banner-content__text {
  -ms-flex-direction: column;
  flex-direction: column
 }
}

@media (min-width: 1860px) {
 .banner-content__text_large-50 {
  width: 50%
 }
 .banner-content__text_large-55 {
  width: 55%
 }
 .banner-content__text_large-60 {
  width: 60%
 }
 .banner-content__text_large-65 {
  width: 65%
 }
 .banner-content__text_large-70 {
  width: 70%
 }
 .banner-content__text_large-75 {
  width: 75%
 }
 .banner-content__text_large-80 {
  width: 80%
 }
 .banner-content__text_large-85 {
  width: 85%
 }
 .banner-content__text_large-90 {
  width: 90%
 }
}

.banner-content__text .paragraph {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 16px
}

.banner-content__text .paragraph:last-child {
 margin-bottom: 0
}

@media (min-width: 768px) {
 .banner-content__text .paragraph {
  width: 50%;
  padding-right: 34px;
  margin-bottom: 16px
 }
 .banner-content__text .paragraph:last-child {
  padding-right: 0;
  width: 75%
 }
 .banner-content__text .paragraph+.paragraph {
  padding-right: 34px;
  width: 50%
 }
}

@media (min-width: 1320px) {
 .banner-content__text .paragraph {
  width: 100% !important;
  max-width: 90%;
  padding: 0 !important;
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .banner-content__text .paragraph {
  max-width: none;
  color: #636363
 }
}

.banner-content__text .paragraph__single-list {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

.banner-content__text .paragraph__single-list-item {
 margin-bottom: 16px;
 padding-left: 28px;
 position: relative
}

.banner-content__text .paragraph__single-list-item:last-child {
 margin-bottom: 0
}

.banner-content__text .paragraph__single-link {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff
}

@media (min-width: 1320px) {
 .banner-content__text .paragraph__single-link {
  font-size: 16px
 }
}

@media (min-width: 1860px) {
 .banner-content__text .paragraph__single-link {
  font-size: 18px
 }
 .banner-content__text .paragraph__single-link:hover {
  color: #1B98A8
 }
 .banner-content__text .paragraph__single-link:hover .icon svg path {
  stroke: #1B98A8
 }
}

.banner-content__text .paragraph__single-link .icon {
 width: 20px;
 height: 20px;
 display: block;
 position: absolute;
 top: calc(50% - 12px);
 left: 0;
 z-index: -1
}

.banner-content__text .paragraph__single-link .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.banner-content__text .paragraph__single-link .icon svg path {
 transition: all 0.2s;
 stroke: #ffffff
}

.banner-content__text_two-column {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 768px) {
 .banner-content__text_two-column {
  -ms-flex-direction: row;
  flex-direction: row
 }
}

.banner-content__text_two-column .paragraph {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 16px
}

.banner-content__text_two-column .paragraph:last-child {
 margin-bottom: 0
}

@media (min-width: 768px) {
 .banner-content__text_two-column .paragraph {
  width: 50%;
  max-width: 400px;
  margin-bottom: 0
 }
 .banner-content__text_two-column .paragraph:last-child {
  padding-left: 34px
 }
}

@media (min-width: 1320px) {
 .banner-content__text_two-column .paragraph {
  padding: 0 68px 0 0
 }
 .banner-content__text_two-column .paragraph:last-child {
  padding-left: 0
 }
}

@media (min-width: 1860px) {
 .banner-content__text_two-column .paragraph {
  padding-right: 34px
 }
 .banner-content__text_two-column .paragraph:last-child {
  padding-left: 34px;
  padding-right: 0
 }
}

.banner-content__text_two-column .paragraph__title {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 12px;
 position: relative;
 padding-left: 28px
}

@media (min-width: 1320px) {
 .banner-content__text_two-column .paragraph__title {
  font-size: 16px
 }
}

@media (min-width: 1860px) {
 .banner-content__text_two-column .paragraph__title {
  font-size: 18px;
  margin-bottom: 16px
 }
}

.banner-content__text_two-column .paragraph__title .icon {
 width: 20px;
 height: 20px;
 display: block;
 position: absolute;
 top: calc(50% - 10px);
 left: 0
}

.banner-content__text_two-column .paragraph__title .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.banner-content__text_two-column .paragraph__list {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

.banner-content__text_two-column .paragraph__item {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 4px;
 padding-left: 16px;
 position: relative
}

.banner-content__text_two-column .paragraph__item:last-child {
 margin-bottom: 0
}

@media (min-width: 1320px) {
 .banner-content__text_two-column .paragraph__item {
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .banner-content__text_two-column .paragraph__item {
  margin-bottom: 8px;
  color: #636363
 }
}

.banner-content__text_two-column .paragraph__item .point,
.banner-content__text_two-column .paragraph__item .faq__description ul li span::before,
.faq__description ul li .banner-content__text_two-column .paragraph__item span::before,
.banner-content__text_two-column .paragraph__item .privacy-policy__description ul li::before,
.privacy-policy__description ul .banner-content__text_two-column .paragraph__item li::before {
 display: block;
 position: absolute;
 top: calc(50% - 4.5px);
 left: 0
}

.banner-content__actions {
 margin-top: 34px
}

@media (min-width: 1320px) {
 .banner-content__actions {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  margin-right: 4.978038067349927vw
 }
}

@media (min-width: 1860px) {
 .banner-content__actions {
  margin-right: 5vw
 }
}

.banner-content__actions .btn {
 margin-right: 24px
}

@media (min-width: 1320px) {
 .banner-content__actions .btn {
  -ms-flex-order: 2;
  order: 2;
  margin-right: 0
 }
}

.banner-content__actions .link {
 display: inline-block;
 margin-top: 24px;
 font-weight: normal;
 cursor: pointer;
 font-size: 14px;
 line-height: 160%
}

@media (min-width: 768px) {
 .banner-content__actions .link {
  margin-top: 0
 }
}

@media (min-width: 1320px) {
 .banner-content__actions .link {
  margin-right: 34px;
  -ms-flex-order: 1;
  order: 1
 }
}

.banner-content #btnBannerProjectsPrev,
.banner-content #btnBannerProjectsNext {
 left: auto;
 z-index: 1;
 top: 331px
}

.banner-content #btnBannerProjectsPrev svg,
.banner-content #btnBannerProjectsNext svg {
 position: relative
}

.banner-content #btnBannerProjectsPrev svg path,
.banner-content #btnBannerProjectsNext svg path {
 transition: all .3s
}

@media (max-width: 1859px) {
 .banner-content #btnBannerProjectsPrev,
 .banner-content #btnBannerProjectsNext {
  width: 48px;
  height: 48px;
  top: 124px
 }
 .banner-content #btnBannerProjectsPrev svg,
 .banner-content #btnBannerProjectsNext svg {
  width: 10px
 }
}

.banner-content #btnBannerProjectsPrev {
 right: calc(5vw + 102px)
}

@media (max-width: 1859px) {
 .banner-content #btnBannerProjectsPrev {
  right: 141px
 }
}

.banner-content #btnBannerProjectsNext {
 right: 5vw
}

@media (max-width: 1859px) {
 .banner-content #btnBannerProjectsNext {
  right: 68px
 }
}

.form-order .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.form-order .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .form-order .section__title {
  max-width: 672px
 }
}

@media (min-width: 1860px) {
 .form-order .section__title {
  max-width: 817px
 }
}

.form-order .input,
.form-order .textarea {
 padding-left: 40px;
 padding-right: 16px
}

.form-order .textarea {
 height: 90px
}

@media (min-width: 768px) {
 .form-order .textarea {
  height: 124px
 }
}

@media (min-width: 1860px) {
 .form-order .textarea {
  height: 248px
 }
}

.form-order__data {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 1860px) {
 .form-order__data {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

.form-order__user-data {
 width: 100%;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.form-order__user-data.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 1320px) {
 .form-order__user-data {
  width: 64.92693110647182%
 }
}

@media (min-width: 1860px) {
 .form-order__user-data {
  width: 42.63976157767118%
 }
}

@media (min-width: 1320px) {
 .form-order .controller__input {
  height: 80px;
  margin-bottom: 48px
 }
 .form-order .controller__input .input {
  height: 80px;
  padding: 23px 24px 23px 92px;
  color: #ffffff;
  font-weight: normal;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0.02em
 }
}

@media (max-width: 1319px) {
 .form-order .controller__input.checked.invalid .validator__check {
  display: none
 }
}

@media (min-width: 1860px) {
 .form-order .controller__input.checked.invalid .validator__check {
  display: none
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .form-order .controller__input.checked.valid .validator__cross {
  display: block
 }
}

@media (min-width: 1320px) {
 .form-order .controller-wrap {
  height: 253px
 }
 .form-order .controller-wrap .textarea {
  height: 253px;
  padding: 23px 24px 23px 92px;
  color: #ffffff;
  font-weight: normal;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0.02em
 }
}

.form-order .controller-icon {
 width: 16px;
 height: 16px;
 position: absolute;
 top: 16px;
 left: 16px
}

@media (min-width: 1320px) {
 .form-order .controller-icon {
  width: 56px;
  height: 56px;
  top: 12px;
  left: 24px
 }
}

.form-order .controller-icon img {
 display: block;
 position: absolute;
 max-width: none;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.form-order .controller-icon.icon-human img {
 width: 40px
}

@media (min-width: 1320px) {
 .form-order .controller-icon.icon-human img {
  width: 119px
 }
}

.form-order .controller-icon.icon-phone img {
 width: 43px
}

@media (min-width: 1320px) {
 .form-order .controller-icon.icon-phone img {
  width: 130px
 }
}

.form-order .controller-icon.icon-mail img {
 width: 106px
}

@media (min-width: 1320px) {
 .form-order .controller-icon.icon-mail img {
  width: 130px
 }
}

.form-order .controller-icon.icon-msg img {
 width: 39px
}

@media (min-width: 1320px) {
 .form-order .controller-icon.icon-msg img {
  width: 136px
 }
}

.form-order__comments {
 width: 100%;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 transition-delay: .3s
}

.form-order__comments.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 1860px) {
 .form-order__comments {
  width: 46.2453531598513%
 }
}

.form-order__actions {
 margin-top: -14px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 transition-delay: .4s
}

.form-order__actions.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .form-order__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
 }
}

@media (min-width: 1860px) {
 .form-order__actions {
  margin: 48px 0 0;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

@media (min-width: 768px) {
 .form-order__actions-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 24px;
  margin-bottom: 34px;
  -ms-flex-pack: end;
  justify-content: flex-end
 }
}

@media (min-width: 1320px) {
 .form-order__actions-group {
  margin-top: 51px;
  -ms-flex-pack: end;
  justify-content: flex-end
 }
}

@media (min-width: 1860px) {
 .form-order__actions-group {
  margin: 0;
  width: 46.2453531598513%;
  -ms-flex-direction: row;
  flex-direction: row
 }
}

.form-order__privacy {
 display: inline-block;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-top: 10px;
 margin-bottom: 16px
}

@media (min-width: 768px) {
 .form-order__privacy {
  font-size: 14px;
  margin: 0;
  width: 60%
 }
}

@media (min-width: 1320px) {
 .form-order__privacy {
  width: 39.24843423799582%
 }
}

@media (min-width: 1860px) {
 .form-order__privacy {
  width: auto
 }
}

.form-order__button {
 margin-bottom: 34px
}

@media (min-width: 768px) {
 .form-order__button {
  margin: 0 24px 0 0
 }
}

@media (min-width: 1860px) {
 .form-order__button {
  margin-right: 0;
  margin-left: 24px;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
}

.form-order__note {
 display: block;
 font-weight: normal;
 color: #6c6c6c;
 font-size: 14px;
 line-height: 160%
}

@media (min-width: 1860px) {
 .form-order__note {
  width: 46.2453531598513%
 }
}

.typical-solutions {
 background: #1f0d0d;
 padding-top: 48px;
 padding-bottom: 48px
}

@media (min-width: 768px) {
 .typical-solutions {
  padding-top: 96px;
  padding-bottom: 96px
 }
}

@media (min-width: 1860px) {
 .typical-solutions {
  padding-top: 134px;
  padding-bottom: 134px
 }
}

.typical-solutions .filter {
 z-index: 2
}

.typical-solutions .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.typical-solutions .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 1860px) {
 .typical-solutions .section__title {
  margin-bottom: 96px
 }
}

.typical-solutions__list {
 padding-top: 50px;
 padding-bottom: 50px;
 margin-top: -50px;
 margin-bottom: -50px
}

.typical-solutions__slide {
 width: 240px;
 height: auto;
 max-height: 800px;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: all .5s ease-out
}

@media (min-width: 768px) {
 .typical-solutions__slide {
  width: 256px
 }
}

@media (min-width: 1320px) {
 .typical-solutions__slide {
  width: 423px
 }
}

@media (min-width: 1860px) {
 .typical-solutions__slide {
  width: 480px
 }
}

.typical-solutions__slide:nth-child(1) .typical-solutions__card {
 transition-delay: 0.3s
}

.typical-solutions__slide:nth-child(2) .typical-solutions__card {
 transition-delay: 0.6s
}

.typical-solutions__slide:nth-child(3) .typical-solutions__card {
 transition-delay: 0.9s
}

.typical-solutions__slide:nth-child(4) .typical-solutions__card {
 transition-delay: 1.2s
}

.typical-solutions__slide:nth-child(5) .typical-solutions__card {
 transition-delay: 1.5s
}

.typical-solutions__slide.hide {
 opacity: 0;
 transition: opacity .2s linear
}

.typical-solutions__slide.hidden {
 display: none
}

.typical-solutions__slide.invisible {
 opacity: 0;
 -webkit-transform: translateY(10px);
 transform: translateY(10px)
}

.typical-solutions__card {
 width: 216px;
 border-radius: 12px;
 background: #1f0d0d;
 padding: 16px;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.typical-solutions__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .typical-solutions__card {
  width: 232px;
  padding: 24px
 }
}

@media (min-width: 1320px) {
 .typical-solutions__card {
  width: 355px;
  padding: 34px;
  box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(0, 2, 12, 0.6)
 }
}

@media (min-width: 1860px) {
 .typical-solutions__card {
  width: 384px;
  padding: 48px
 }
}

.typical-solutions__gallery {
 margin-bottom: 34px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: center;
 align-items: center
}

@media (min-width: 1320px) {
 .typical-solutions__gallery {
  margin-bottom: 48px
 }
}

.typical-solutions__pics {
 width: 168px;
 height: 168px;
 margin-bottom: 16px;
 position: relative
}

@media (min-width: 1320px) {
 .typical-solutions__pics {
  width: 287px;
  height: 179px;
  margin-bottom: 24px
 }
}

@media (min-width: 1860px) {
 .typical-solutions__pics {
  width: 300px;
  height: 238px
 }
}

.typical-solutions__pics .image {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 border-radius: 12px;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 opacity: 0;
 transition: opacity .7s
}

.typical-solutions__pics .image.active {
 opacity: 1
}

.typical-solutions__dots {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 min-height: 16px;
 max-height: 16px
}

.typical-solutions__dots .dot {
 position: relative;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 margin: 0 8px;
 cursor: pointer;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 background: #1f0d0d;
 box-shadow: -2px -4px 8px rgba(35, 33, 58, 0.6), 2px 4px 8px rgba(4, 5, 14, 0.6), -1px -1px 8px rgba(35, 33, 58, 0.6), 1px 1px 8px rgba(0, 2, 12, 0.6)
}

.typical-solutions__dots .dot::before {
 content: "";
 display: block;
 position: absolute;
 top: 4px;
 left: 4px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: rgba(178, 172, 232, 0.4);
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 transition: all .3s
}

.typical-solutions__dots .dot.active::before {
 background: linear-gradient(90deg, #B487FF -1.04%, #9865E2 101.04%);
 box-shadow: 0 0 30px rgba(255, 255, 255, 0.56)
}

.typical-solutions__caption {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px;
 padding-right: 6px
}

@media (min-width: 768px) {
 .typical-solutions__caption {
  font-weight: normal;
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 16px;
  padding-right: 0
 }
}

@media (min-width: 1320px) {
 .typical-solutions__caption {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%
 }
}

@media (min-width: 1860px) {
 .typical-solutions__caption {
  -ms-flex-order: 1;
  order: 1
 }
}

.typical-solutions__params {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-bottom: 24px
}

@media (min-width: 1860px) {
 .typical-solutions__params {
  margin-bottom: 34px
 }
}

.typical-solutions__params span {
 display: block;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

.typical-solutions__params span.price {
 color: #ffffff
}

@media (min-width: 1860px) {
 .typical-solutions__params span {
  font-size: 14px;
  margin-bottom: 8px
 }
 .typical-solutions__params span:last-child {
  margin-bottom: 0
 }
}

.typical-solutions__actions .btn {
 margin-bottom: 8px
}

@media (min-width: 768px) {
 .typical-solutions__actions .btn {
  margin-bottom: 0
 }
}

@media (min-width: 1320px) {
 .typical-solutions__actions .btn {
  width: 180px;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
 }
}

.typical-solutions__actions .btn::before {
 content: "Заказать"
}

@media (min-width: 1320px) {
 .typical-solutions__actions .btn::before {
  content: "Заказать расчет"
 }
}

.typical-solutions__controlls {
 margin-bottom: 48px;
 transition-delay: .3s !important;
 opacity: 1;
 margin-left: 0;
 padding-left: 0;
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.typical-solutions__controlls.animation-element {
 opacity: 0;
 margin-left: 50px
}

@media (min-width: 1860px) {
 .typical-solutions__controlls {
  margin-bottom: 68px
 }
 .typical-solutions__controlls .label-controll {
  margin-right: 68px
 }
}

.typical-solutions__not-results {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 z-index: 3
}

@media (min-width: 1320px) {
 .typical-solutions__not-results {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center
 }
}

.typical-solutions__not-results-text {
 font-size: 14px;
 line-height: 1.6;
 max-width: 270px;
 position: relative;
 z-index: 1
}

@media (min-width: 1320px) {
 .typical-solutions__not-results-text {
  max-width: none
 }
}

.typical-solutions__not-results-btn {
 margin-top: 16px
}

@media (min-width: 1320px) {
 .typical-solutions__not-results-btn {
  margin-top: 0;
  margin-left: 24px
 }
}

.typical-solutions__pics-prev,
.typical-solutions__pics-next {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 position: absolute;
 z-index: 1;
 width: 24px;
 height: 24px;
 background: #1f0d0d;
 box-shadow: inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06) !important;
 border-radius: 50%;
 top: calc(50% - 17px);
 cursor: pointer
}

@media (min-width: 1320px) {
 .typical-solutions__pics-prev,
 .typical-solutions__pics-next {
  width: 34px;
  height: 34px
 }
 .typical-solutions__pics-prev:hover svg path,
 .typical-solutions__pics-next:hover svg path {
  stroke: #F6F0FF
 }
}

.typical-solutions__pics-prev svg path,
.typical-solutions__pics-next svg path {
 stroke: #6c6c6c;
 transition: all 0.2s
}

.typical-solutions__pics-prev {
 left: -12px
}

@media (min-width: 1320px) {
 .typical-solutions__pics-prev {
  left: -17px
 }
}

.typical-solutions__pics-prev svg {
 -webkit-transform: scale(-1, 1);
 transform: scale(-1, 1)
}

.typical-solutions__pics-next {
 right: -12px
}

@media (min-width: 1320px) {
 .typical-solutions__pics-next {
  right: -17px
 }
}

.typical-solutions #notFilterTsResults {
 display: block;
 position: absolute;
 left: -999999vw;
 opacity: 0;
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
 z-index: 1
}

.typical-solutions #notFilterTsResults.visible {
 position: relative;
 left: 0;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: position 0s linear 0s, left 0s linear 0s, opacity .2s linear 0s, -webkit-transform .2s linear 0s;
 transition: position 0s linear 0s, left 0s linear 0s, opacity .2s linear 0s, transform .2s linear 0s;
 transition: position 0s linear 0s, left 0s linear 0s, opacity .2s linear 0s, transform .2s linear 0s, -webkit-transform .2s linear 0s
}

.typical-solutions #tsSlider {
 z-index: 0
}

.typical-solutions #btnTsPrev {
 margin-top: 16px
}

.typical-solutions #btnTsPrev.hidden {
 display: none !important
}

.typical-solutions #btnTSNext {
 margin-top: -87px
}

.typical-solutions #btnTSNext.hidden {
 display: none !important
}

.ready-cabins {
 background: #1f0d0d;
 padding-top: 48px;
 padding-bottom: 48px
}

@media (min-width: 768px) {
 .ready-cabins {
  padding-top: 96px;
  padding-bottom: 96px
 }
}

@media (min-width: 1860px) {
 .ready-cabins {
  padding-top: 134px;
  padding-bottom: 134px
 }
}

.ready-cabins .filter {
 z-index: 2
}

.ready-cabins .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.ready-cabins .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 1860px) {
 .ready-cabins .section__title {
  margin-bottom: 96px
 }
}

.ready-cabins__list {
 padding-top: 50px;
 padding-bottom: 50px;
 margin-top: -50px;
 margin-bottom: -50px
}

.ready-cabins__slide {
 width: 240px;
 height: auto;
 max-height: 800px;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: all .5s ease-out
}

.ready-cabins__slide:nth-child(1) .ready-cabins__card {
 transition-delay: 0.3s
}

.ready-cabins__slide:nth-child(2) .ready-cabins__card {
 transition-delay: 0.6s
}

.ready-cabins__slide:nth-child(3) .ready-cabins__card {
 transition-delay: 0.9s
}

.ready-cabins__slide:nth-child(4) .ready-cabins__card {
 transition-delay: 1.2s
}

.ready-cabins__slide:nth-child(5) .ready-cabins__card {
 transition-delay: 1.5s
}

@media (min-width: 768px) {
 .ready-cabins__slide {
  width: 256px
 }
}

@media (min-width: 1320px) {
 .ready-cabins__slide {
  width: 423px
 }
}

@media (min-width: 1860px) {
 .ready-cabins__slide {
  width: 480px
 }
}

.ready-cabins__slide.hide {
 opacity: 0;
 transition: opacity .2s linear
}

.ready-cabins__slide.hidden {
 display: none
}

.ready-cabins__slide.invisible {
 opacity: 0;
 -webkit-transform: translateY(10px);
 transform: translateY(10px)
}

.ready-cabins__card {
 width: 216px;
 border-radius: 12px;
 background: #1f0d0d;
 padding: 16px;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.ready-cabins__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .ready-cabins__card {
  width: 232px;
  padding: 24px
 }
}

@media (min-width: 1320px) {
 .ready-cabins__card {
  width: 355px;
  padding: 34px;
  box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(0, 2, 12, 0.6)
 }
}

@media (min-width: 1860px) {
 .ready-cabins__card {
  width: 384px;
  padding: 48px
 }
}

.ready-cabins__gallery {
 margin-bottom: 34px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: center;
 align-items: center
}

@media (min-width: 1320px) {
 .ready-cabins__gallery {
  margin-bottom: 48px
 }
}

.ready-cabins__pics {
 width: 168px;
 height: 168px;
 margin-bottom: 16px;
 position: relative
}

@media (min-width: 1320px) {
 .ready-cabins__pics {
  width: 287px;
  height: 179px;
  margin-bottom: 24px
 }
}

@media (min-width: 1860px) {
 .ready-cabins__pics {
  width: 300px;
  height: 238px
 }
}

.ready-cabins__pics .image {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 border-radius: 12px;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 opacity: 0;
 transition: opacity .7s
}

.ready-cabins__pics .image.active {
 opacity: 1
}

.ready-cabins__dots {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 min-height: 16px;
 max-height: 16px
}

.ready-cabins__dots .dot {
 position: relative;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 margin: 0 8px;
 cursor: pointer;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 background: #1f0d0d;
 box-shadow: -2px -4px 8px rgba(35, 33, 58, 0.6), 2px 4px 8px rgba(4, 5, 14, 0.6), -1px -1px 8px rgba(35, 33, 58, 0.6), 1px 1px 8px rgba(0, 2, 12, 0.6)
}

.ready-cabins__dots .dot::before {
 content: "";
 display: block;
 position: absolute;
 top: 4px;
 left: 4px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: rgba(178, 172, 232, 0.4);
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 transition: all .3s
}

.ready-cabins__dots .dot.active::before {
 background: linear-gradient(90deg, #B487FF -1.04%, #9865E2 101.04%);
 box-shadow: 0 0 30px rgba(255, 255, 255, 0.56)
}

.ready-cabins__caption {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px;
 padding-right: 6px
}

@media (min-width: 768px) {
 .ready-cabins__caption {
  font-weight: normal;
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 16px;
  padding-right: 0
 }
}

@media (min-width: 1320px) {
 .ready-cabins__caption {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%
 }
}

@media (min-width: 1860px) {
 .ready-cabins__caption {
  -ms-flex-order: 1;
  order: 1
 }
}

.ready-cabins__params {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-bottom: 24px
}

@media (min-width: 1860px) {
 .ready-cabins__params {
  margin-bottom: 34px
 }
}

.ready-cabins__params span {
 display: block;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

.ready-cabins__params span.price {
 color: #ffffff
}

@media (min-width: 1860px) {
 .ready-cabins__params span {
  font-size: 14px;
  margin-bottom: 8px
 }
 .ready-cabins__params span:last-child {
  margin-bottom: 0
 }
}

.ready-cabins__actions {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start
}

@media (min-width: 1320px) {
 .ready-cabins__actions {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
 }
}

@media (min-width: 1860px) {
 .ready-cabins__actions {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
 }
}

.ready-cabins__actions .btn {
 margin-bottom: 16px
}

@media (min-width: 1320px) {
 .ready-cabins__actions .btn {
  margin-bottom: 0;
  width: 180px;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
 }
}

.ready-cabins__actions .btn::before {
 content: "Заказать"
}

@media (min-width: 1320px) {
 .ready-cabins__actions .btn::before {
  content: "Заказать расчет"
 }
}

.ready-cabins__actions .revers {
 font-size: 16px;
 line-height: 160%;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: start;
 justify-content: flex-start
}

@media (min-width: 1320px) {
 .ready-cabins__actions .revers {
  font-size: 14px
 }
}

.ready-cabins__actions .revers::before {
 content: "";
 display: block;
 width: 24px;
 height: 24px;
 margin-right: 8px;
 margin-top: -1px;
}

@media (min-width: 1320px) {
 .ready-cabins__actions .revers::before {
  display: none
 }
}

.ready-cabins__controlls {
 margin-bottom: 48px;
 transition-delay: .3s !important;
 opacity: 1;
 margin-left: 0;
 padding-left: 0;
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.ready-cabins__controlls.animation-element {
 opacity: 0;
 margin-left: 50px
}

@media (min-width: 1860px) {
 .ready-cabins__controlls {
  margin-bottom: 68px
 }
}

.ready-cabins__not-results {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 z-index: 3
}

@media (min-width: 1320px) {
 .ready-cabins__not-results {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center
 }
}

.ready-cabins__not-results-text {
 font-size: 14px;
 line-height: 1.6;
 max-width: 270px;
 position: relative;
 z-index: 1
}

@media (min-width: 1320px) {
 .ready-cabins__not-results-text {
  max-width: none
 }
}

.ready-cabins__not-results-btn {
 margin-top: 16px
}

@media (min-width: 1320px) {
 .ready-cabins__not-results-btn {
  margin-top: 0;
  margin-left: 24px
 }
}

.ready-cabins__pics-prev,
.ready-cabins__pics-next {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 position: absolute;
 z-index: 1;
 width: 24px;
 height: 24px;
 background: #1f0d0d;
 box-shadow: inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06) !important;
 border-radius: 50%;
 top: calc(50% - 17px);
 cursor: pointer
}

@media (min-width: 1320px) {
 .ready-cabins__pics-prev,
 .ready-cabins__pics-next {
  width: 34px;
  height: 34px
 }
 .ready-cabins__pics-prev:hover svg path,
 .ready-cabins__pics-next:hover svg path {
  stroke: #F6F0FF
 }
}

.ready-cabins__pics-prev svg path,
.ready-cabins__pics-next svg path {
 stroke: #6c6c6c;
 transition: all 0.2s
}

.ready-cabins__pics-prev {
 left: -12px
}

@media (min-width: 1320px) {
 .ready-cabins__pics-prev {
  left: -17px
 }
}

.ready-cabins__pics-prev svg {
 -webkit-transform: scale(-1, 1);
 transform: scale(-1, 1)
}

.ready-cabins__pics-next {
 right: -12px
}

@media (min-width: 1320px) {
 .ready-cabins__pics-next {
  right: -17px
 }
}

.ready-cabins #notRcFilterResults {
 display: block;
 position: absolute;
 left: -999999vw;
 opacity: 0;
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
 z-index: 1
}

.ready-cabins #notRcFilterResults.visible {
 position: relative;
 left: 0;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: position 0s linear 0s, left 0s linear 0s, opacity .2s linear 0s, -webkit-transform .2s linear 0s;
 transition: position 0s linear 0s, left 0s linear 0s, opacity .2s linear 0s, transform .2s linear 0s;
 transition: position 0s linear 0s, left 0s linear 0s, opacity .2s linear 0s, transform .2s linear 0s, -webkit-transform .2s linear 0s
}

.ready-cabins #rcSlider {
 z-index: 0
}

.ready-cabins #btnRcPrev {
 margin-top: 16px
}

.ready-cabins #btnRcPrev.hidden {
 display: none !important
}

.ready-cabins #btnRcNext {
 margin-top: -87px
}

.ready-cabins #btnRcNext.hidden {
 display: none !important
}

.ready-cabins .outer .filter-controller[data-filter-execution-type="inner"] {
 display: none
}

.ready-cabins .inner .filter-controller[data-filter-execution-type="outer"] {
 display: none
}


.cursor {
 position: absolute;
 width: 0;
 height: 0;
 background-color: transparent;
 -webkit-transform: translate(68px, 68px);
 transform: translate(68px, 68px);
 border-radius: 50%;
 box-shadow: -68px -68px 0 0 rgba(11, 13, 25, 0.8);
 opacity: 0;
 z-index: 5;
 transition: opacity .2s, width 0s .1s, height 0s .1s, -webkit-transform 0s .1s;
 transition: opacity .2s, width 0s .1s, height 0s .1s, transform 0s .1s;
 transition: opacity .2s, width 0s .1s, height 0s .1s, transform 0s .1s, -webkit-transform 0s .1s
}

.cursor.visible {
 width: 68px;
 height: 68px;
 opacity: 1;
 -webkit-transform: translate(34px, 34px);
 transform: translate(34px, 34px);
 transition: opacity 0s 0s, width .3s 0s, height .3s 0s, -webkit-transform .3s 0s;
 transition: opacity 0s 0s, width .3s 0s, height .3s 0s, transform .3s 0s;
 transition: opacity 0s 0s, width .3s 0s, height .3s 0s, transform .3s 0s, -webkit-transform .3s 0s
}

@media (max-width: 1319px) {
 .cursor {
  display: none
 }
}

.gallery-modal {
 width: 100vw;
 height: 100vh;
 top: 0;
 left: -9999px;
 opacity: 0;
 position: fixed;
 z-index: 999;
 overflow: hidden;
 outline: 0;
 background-color: rgba(0, 0, 0, 0.5);
 -webkit-backdrop-filter: blur(0);
 backdrop-filter: blur(0);
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: center;
 justify-content: center;
 transition: left 0s linear .15s, opacity .15s linear 0s, -webkit-backdrop-filter .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, backdrop-filter .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, backdrop-filter .15s linear 0s, -webkit-backdrop-filter .15s linear 0s
}

.gallery-modal__picture-container {
 position: relative;
 width: auto;
 height: auto;
 max-width: 85%;
 -webkit-transform: translate(0, -25px);
 transform: translate(0, -25px);
 transition: -webkit-transform .15s linear;
 transition: transform .15s linear;
 transition: transform .15s linear, -webkit-transform .15s linear
}

@media (min-width: 768px) {
 .gallery-modal__picture-container {
  max-width: 87.5%
 }
}

@media (min-width: 1320px) {
 .gallery-modal__picture-container {
  max-width: 70.13177159590044%
 }
}

@media (min-width: 1860px) {
 .gallery-modal__picture-container {
  max-width: 70%
 }
}

.gallery-modal__picture {
 width: auto;
 max-height: 85vh
}

@media (min-width: 768px) {
 .gallery-modal__picture {
  max-height: 87.5vh
 }
}

@media (min-width: 1320px) {
 .gallery-modal__picture {
  max-height: 70.13177159590044vh
 }
}

@media (min-width: 1860px) {
 .gallery-modal__picture {
  max-height: 70vh
 }
}

.gallery-modal__close-bnt {
 width: 34px;
 height: 34px;
 position: absolute;
 top: 8px;
 right: 8px;
 cursor: pointer;
 overflow: hidden;
 border-radius: 50%;
 background: #1f0d0d;
 transition: -webkit-transform .2s ease-out;
 transition: transform .2s ease-out;
 transition: transform .2s ease-out, -webkit-transform .2s ease-out;
 box-shadow: inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

@media (min-width: 768px) {
 .gallery-modal__close-bnt {
  width: 48px;
  height: 48px;
  top: 24px;
  right: 24px
 }
}

@media (min-width: 1320px) {
 .gallery-modal__close-bnt {
  width: 50px;
  height: 50px
 }
 .gallery-modal__close-bnt:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
 }
 .gallery-modal__close-bnt:hover svg path {
  stroke: #1B98A8
 }
}

.gallery-modal__close-bnt svg {
 width: 73px;
 transition: -webkit-transform .3s;
 transition: transform .3s;
 transition: transform .3s, -webkit-transform .3s;
 position: absolute;
 top: calc(50% + 3px);
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
 .gallery-modal__close-bnt svg {
  width: 102px;
  top: calc(50% + 4px)
 }
}

.gallery-modal__close-bnt svg path {
 transition: all 0.2s
}

.gallery-modal.visible {
 left: 0;
 opacity: 1;
 -webkit-backdrop-filter: blur(4px);
 backdrop-filter: blur(4px);
 transition: left 0s linear 0s, opacity .15s linear 0s, -webkit-backdrop-filter .15s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, backdrop-filter .15s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, backdrop-filter .15s linear 0s, -webkit-backdrop-filter .15s linear 0s
}

.gallery-modal.visible .gallery-modal__picture-container {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 transition: -webkit-transform 0.5s cubic-bezier(0, 0.55, 0.45, 1);
 transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1);
 transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.5s cubic-bezier(0, 0.55, 0.45, 1)
}

.help-modal {
 width: 100vw;
 height: 100vh;
 top: 0;
 left: -9999px;
 opacity: 0;
 position: fixed;
 z-index: 999;
 overflow-x: hidden;
 overflow-y: auto;
 outline: 0;
 background-color: rgba(0, 0, 0, 0.5);
 -webkit-backdrop-filter: blur(0);
 backdrop-filter: blur(0);
 transition: left 0s linear .15s, opacity .15s linear 0s, -webkit-backdrop-filter .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, backdrop-filter .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, backdrop-filter .15s linear 0s, -webkit-backdrop-filter .15s linear 0s
}

@media (min-width: 768px) {
 .help-modal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
 }
}

@media (min-width: 1320px) {
 .help-modal {
  width: auto;
  height: auto;
  position: absolute;
  display: block;
  top: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  z-index: 3;
  background: none;
  cursor: default;
  border-radius: 24px;
  overflow: initial !important
 }
}

.help-modal__dialog {
 position: relative;
 width: 256px;
 margin: 1.75rem auto;
 -webkit-transform: translate(0, -25px);
 transform: translate(0, -25px);
 transition: -webkit-transform .15s linear;
 transition: transform .15s linear;
 transition: transform .15s linear, -webkit-transform .15s linear
}

@media (min-width: 768px) {
 .help-modal__dialog {
  width: 640px
 }
}

@media (min-width: 1320px) {
 .help-modal__dialog {
  margin: 0
 }
}

.help-modal__content {
 position: relative;
 width: 100%;
 background: rgba(13, 16, 31, 0.4);
 border: 1px solid #241838;
 box-sizing: border-box;
 border-radius: 24px;
 padding: 34px
}

@media (min-width: 768px) {
 .help-modal__content {
  padding-left: 100px;
  padding-right: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

.help-modal__close {
 width: 36px;
 height: 36px;
 position: absolute;
 top: 6px;
 right: 6px;
 cursor: pointer;
 transition: all .3s;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 overflow: hidden
}

@media (min-width: 1320px) {
 .help-modal__close:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
 }
 .help-modal__close:hover svg path {
  stroke: #6c6c6c
 }
}

.help-modal__close svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.help-modal__section {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-bottom: 24px
}

.help-modal__section:last-child {
 margin-bottom: 0
}

@media (min-width: 768px) {
 .help-modal__section {
  width: 200px;
  margin-bottom: 0
 }
}

.help-modal__picture {
 width: 126px;
 height: 126px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -ms-flex-align: center;
 align-items: center
}

.help-modal__picture .vertical {
 width: 52px;
 height: 126px
}

.help-modal__picture .horizontal {
 width: 126px;
 height: 52px
}

.help-modal__caption {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin: 16px 0 12px;
 word-wrap: break-word
}

@media (min-width: 768px) {
 .help-modal__caption {
  margin-top: 24px
 }
}

.help-modal__caption span.wbr::before {
 content: "-";
 display: inline-block;
 position: relative
}

@media (min-width: 768px) {
 .help-modal__caption span.wbr::before {
  display: none
 }
}

.help-modal__text {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 width: 100%
}

.help-modal.visible {
 left: 0;
 opacity: 1;
 -webkit-backdrop-filter: blur(8px);
 backdrop-filter: blur(8px);
 transition: left 0s linear 0s, opacity .15s linear 0s, -webkit-backdrop-filter .15s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, backdrop-filter .15s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, backdrop-filter .15s linear 0s, -webkit-backdrop-filter .15s linear 0s
}

@media (min-width: 1320px) {
 .help-modal.visible {
  left: 24px
 }
}

.help-modal.visible .help-modal__dialog {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 transition: -webkit-transform 0.5s cubic-bezier(0, 0.55, 0.45, 1);
 transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1);
 transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.5s cubic-bezier(0, 0.55, 0.45, 1)
}

@-moz-document url-prefix() {
 .help-modal__content {
  background: rgba(13, 16, 31, 0.8)
 }
}

.help-modal_default .help-modal__content {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 padding: 34px
}

.help-modal_default .help-modal__caption {
 margin-top: 0
}

@media (min-width: 1320px) {
 .help-modal_default .help-modal__dialog {
  width: 450px
 }
}

.custom-select {
 width: auto;
 padding: 16px 34px;
 z-index: 3;
 height: 60px;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-align: center;
 align-items: center;
 position: relative;
 cursor: pointer;
 border-radius: 999px;
 background: #1f0d0d;
 transition: box-shadow .3s;
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5)
}

@media (min-width: 1320px) {
 .custom-select:hover {
  box-shadow: -8px -16px 30px rgba(35, 33, 58, 0.35), 8px 16px 30px rgba(4, 5, 14, 0.3), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5)
 }
 .custom-select:hover .selected {
  color: #1a1111
 }
}

.custom-select__container {
 display: block;
 position: absolute;
 bottom: -20px;
 z-index: 3;
 padding: 16px 6px 16px 34px;
 background: rgba(13, 16, 31, 0.4);
 border: 1px solid #382359;
 box-sizing: border-box;
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 border-radius: 24px;
 cursor: default;
 margin-top: 15px;
 opacity: 0;
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 left: -999999px;
 transition: left 0s linear .3s, opacity .3s linear 0s, bottom .3s linear 0s
}

.custom-select__list {
 min-width: 100%;
 max-height: 214px;
 overflow-y: auto;
 padding-right: 28px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start
}

.custom-select__item {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 white-space: nowrap;
 cursor: pointer;
 margin-bottom: 10px;
 transition: color .3s
}

.custom-select__item:last-child {
 margin-bottom: 0
}

@media (min-width: 1320px) {
 .custom-select__item:hover {
  color: #1B98A8
 }
}

.custom-select__item.active {
 color: #1B98A8;
 cursor: default
}

.custom-select.open .custom-select__container {
 opacity: 1;
 bottom: -12px;
 left: 0;
 transition: left 0s linear 0s, opacity .3s linear 0s, bottom .3s linear 0s
}

.custom-select.open .select-simple__arr,
.custom-select.open .select-suffix__arr {
 -webkit-transform: scale(1, -1);
 transform: scale(1, -1)
}

@-moz-document url-prefix() {
 .custom-select__container {
  padding: 26px 6px 26px 34px;
  background: rgba(13, 16, 31, 0.8)
 }
}

.scroller {
 scrollbar-color: #241838 transparent;
 scrollbar-width: thin
}

.scroller::-webkit-scrollbar {
 width: 6px;
 height: 0;
 background: transparent
}

.scroller::-webkit-scrollbar-button {
 width: 6px;
 height: 6px
}

.scroller::-webkit-scrollbar-thumb {
 background: #241838;
 border-radius: 12px
}

.scroller::-webkit-scrollbar-corner {
 display: none
}

.scroller::-webkit-resizer {
 width: 12px;
 height: 0
}

.select-simple .custom-select__container {
 min-width: 196px
}

.select-simple__selected-item {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #1B98A8;
 transition: color .3s
}

.select-simple__arr {
 margin-left: 6px;
 width: 16px;
 height: 16px;
 transition: -webkit-transform .3s;
 transition: transform .3s;
 transition: transform .3s, -webkit-transform .3s;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1)
}

.select-suffix .custom-select__container {
 min-width: 150px
}

.select-suffix .custom-select__item {
 min-width: 43px
}

.select-suffix__selected-item {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #1B98A8;
 transition: color .3s
}

.select-suffix__selected-item.short {
 min-width: 14px !important
}

.select-suffix__arr {
 width: 16px;
 height: 16px;
 margin-left: 8px;
 margin-right: 16px;
 transition: -webkit-transform .3s;
 transition: transform .3s;
 transition: transform .3s, -webkit-transform .3s;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1)
}

.select-suffix__delimiter {
 width: 2px;
 height: 28px;
 margin-right: 16px;
 box-shadow: -1px -2px 4px rgba(35, 33, 58, 0.6), 1px 2px 4px rgba(4, 5, 14, 0.8)
}

.select-suffix__units {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff
}

.select-suffix__units.units-year {
 width: 33px
}

.input[type='radio'] {
 display: none
}

.radio-group {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 768px) {
 .radio-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: auto;
  height: 62px;
  padding: 4px;
  background: #1f0d0d;
  transition: box-shadow .3s;
  box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5);
  border-radius: 999px
 }
}

@media (min-width: 768px) and (min-width: 1320px) {
 .radio-group:hover {
  box-shadow: -8px -16px 30px rgba(35, 33, 58, 0.35), 8px 16px 30px rgba(4, 5, 14, 0.3), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5)
 }
}

.radio-group label {
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #ffffff;
 padding-left: 32px;
 margin-bottom: 16px;
 position: relative
}

.radio-group label:last-child {
 margin-bottom: 0
}

.radio-group label::before {
 content: "";
 display: block;
 width: 20px;
 height: 20px;
 position: absolute;
 top: calc(50% - 10px);
 left: 0;
 border-radius: 50%;
 background: #1f0d0d;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 box-shadow: -2px -4px 8px rgba(35, 33, 58, 0.6), 2px 4px 8px rgba(4, 5, 14, 0.6), -1px -1px 8px rgba(35, 33, 58, 0.6), 1px 1px 8px rgba(0, 2, 12, 0.6), inset -2px -4px 8px rgba(35, 33, 58, 0.6), inset 2px 4px 8px rgba(4, 5, 14, 0.8)
}

@media (min-width: 768px) {
 .radio-group label::before {
  display: none
 }
}

.radio-group label::after {
 content: "";
 display: block;
 width: 12px;
 height: 12px;
 border-radius: 50%;
 background: #1B98A8;
 box-shadow: 0 0 30px rgba(255, 255, 255, 0.56);
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 position: absolute;
 top: calc(50% - 6px);
 left: 4px;
 transition: all 0.2s;
 opacity: 0
}

@media (min-width: 768px) {
 .radio-group label::after {
  display: none
 }
}

@media (min-width: 768px) {
 .radio-group label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 24px;
  height: 54px;
  box-sizing: border-box;
  border-radius: 999px;
  margin-right: 4px;
  margin-bottom: 0;
  font-size: 14px;
  z-index: 1;
  color: #6c6c6c;
  transition: color .3s ease-out;
  cursor: pointer
 }
 .radio-group label:last-child {
  margin-right: 0
 }
}

@media (min-width: 1320px) {
 .radio-group label:hover {
  color: #1B98A8
 }
}

.radio-group .input[type='radio']:checked+label::after {
 opacity: 1
}

@media (min-width: 768px) {
 .radio-group .input[type='radio']:checked+label {
  color: #1B98A8;
  cursor: default
 }
}

.radio-group .marker {
 width: 0;
 height: 54px;
 display: none;
 position: absolute;
 left: 0;
 bottom: 4px;
 z-index: 0;
 transition: all .3s ease-out;
 background: #1f0d0d;
 opacity: 0;
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.16), 10px 10px 30px rgba(4, 5, 14, 0.8), inset 5px 6px 20px rgba(35, 33, 58, 0.5), inset -5px -6px 20px rgba(0, 2, 12, 0.2), 0px 0px 0px 1px #1f0d0d;
 border-radius: 999px
}

@media (min-width: 768px) {
 .radio-group .marker {
  display: block
 }
}

.slider-tabs__container {
 margin-left: -8.108108108108108vw;
 padding-left: 8.108108108108108vw
}

@media (min-width: 1320px) {
 .slider-tabs__container {
  padding-top: 50px;
  margin-top: -50px
 }
}

.slider-tabs__slide {
 width: auto;
 cursor: pointer;
 padding-bottom: 60px
}

@media (min-width: 768px) {
 .slider-tabs__slide {
  padding-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .slider-tabs__slide {
  padding: 0
 }
 .slider-tabs__slide:last-child .slider-tabs__button {
  margin-right: 0
 }
}

@media (min-width: 1320px) {
 .slider-tabs__wrap {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px;
  width: auto;
  background: #070707;
  box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5);
  border-radius: 999px;
  transition: box-shadow .3s;
  margin-bottom: 36px
 }
 .slider-tabs__wrap:hover {
  box-shadow: -8px -16px 30px rgba(35, 33, 58, 0.35), 8px 16px 30px rgba(4, 5, 14, 0.3), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5)
 }
}

@media (min-width: 1860px) {
 .slider-tabs__wrap {
  margin-bottom: 48px
 }
}

.slider-tabs__button {
 font-weight: 500;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 transition: all 0.2s;
 position: relative;
 margin-right: 24px;
 cursor: pointer
}

@media (min-width: 768px) {
 .slider-tabs__button {
  font-weight: normal;
  font-size: 16px
 }
}

@media (min-width: 1320px) {
 .slider-tabs__button {
  font-size: 14px;
  color: #6c6c6c;
  padding: 16px 24px;
  margin-right: 4px
 }
 .slider-tabs__button:hover {
  color: #1B98A8
 }
}

.slider-tabs__button::before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 top: 30px;
 width: 0;
 z-index: 0;
 height: 4px;
 background: #1B98A8;
 box-shadow: 0 0 30px rgba(255, 255, 255, 0);
 opacity: 0;
 border-radius: 999px;
 transition: all .5s ease-out
}

@media (min-width: 768px) {
 .slider-tabs__button::before {
  top: 34px
 }
}

@media (min-width: 1320px) {
 .slider-tabs__button::before {
  display: none
 }
}

.slider-tabs__button.active {
 color: #1B98A8;
 cursor: default
}

.slider-tabs__button.active::before {
 opacity: 1;
 width: 100%;
 box-shadow: 0 0 30px rgba(255, 255, 255, 0.56)
}

.slider-tabs .marker {
 width: 0;
 height: calc(100% - 8px);
 display: none;
 position: absolute;
 left: 0;
 top: 4px;
 z-index: 0;
 transition: all .3s ease-out;
 background: #1f0d0d;
 opacity: 0;
 border-radius: 999px;
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.16), 10px 10px 30px rgba(4, 5, 14, 0.8), inset 5px 6px 20px rgba(35, 33, 58, 0.5), inset -5px -6px 20px rgba(0, 2, 12, 0.2), 0px 0px 0px 1px #1f0d0d
}

@media (min-width: 1320px) {
 .slider-tabs .marker {
  display: block
 }
}

.tabs-items .container-endless {
 display: none
}

.tabs-items .container-endless.visible {
 display: block;
 opacity: 1
}

.tabs-items .container-endless.visible .tab-list__slide,
.tabs-items .container-endless.visible .article-list__slide {
 opacity: 0;
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
 transition: all .3s linear
}

.tabs-items .container-endless.visible.show .tab-list__slide,
.tabs-items .container-endless.visible.show .article-list__slide {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0)
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(1),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(1) {
 transition-delay: 0.1s
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(2),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(2) {
 transition-delay: 0.2s
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(3),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(3) {
 transition-delay: 0.3s
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(4),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(4) {
 transition-delay: 0.4s
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(5),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(5) {
 transition-delay: 0.5s
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(6),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(6) {
 transition-delay: 0.6s
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(7),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(7) {
 transition-delay: 0.7s
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(8),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(8) {
 transition-delay: 0.8s
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(9),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(9) {
 transition-delay: 0.9s
}

.tabs-items .container-endless.visible.show .tab-list__slide:nth-child(10),
.tabs-items .container-endless.visible.show .article-list__slide:nth-child(10) {
 transition-delay: 1s
}

.tabs-items .container-endless.visible.show.hide .tab-list__slide,
.tabs-items .container-endless.visible.show.hide .article-list__slide {
 opacity: 0;
 transition: opacity .2s linear
}

.tabs-items .container-endless .article-list__slide.added {
 opacity: 0 !important;
 -webkit-transform: translateY(10px) !important;
 transform: translateY(10px) !important
}

.tab-list .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.tab-list .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .tab-list .section__title {
  width: 450px
 }
}

@media (min-width: 1860px) {
 .tab-list .section__title {
  width: 687px
 }
}

.tab-list .section__link {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.tab-list .section__link.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

.tab-list__list {
 padding-top: 50px;
 margin-top: -50px;
 padding-bottom: 16px
}

@media (min-width: 768px) {
 .tab-list__list {
  padding-bottom: 34px
 }
}

@media (min-width: 1320px) {
 .tab-list__list {
  padding-bottom: 110px
 }
}

.tab-list__slide {
 width: 224px
}

@media (min-width: 768px) {
 .tab-list__slide {
  width: 512px
 }
}

@media (min-width: 1320px) {
 .tab-list__slide {
  width: 918px
 }
}

@media (min-width: 1860px) {
 .tab-list__slide {
  width: 918px
 }
}

.tab-list__slide:nth-child(1) .tab-list__card {
 transition-delay: 0.3s
}

.tab-list__slide:nth-child(2) .tab-list__card {
 transition-delay: 0.6s
}

.tab-list__slide:nth-child(3) .tab-list__card {
 transition-delay: 0.9s
}

.tab-list__slide:nth-child(31) {
 z-index: -1
}

.tab-list__slide:nth-child(30) {
 z-index: 0
}

.tab-list__slide:nth-child(29) {
 z-index: 1
}

.tab-list__slide:nth-child(28) {
 z-index: 2
}

.tab-list__slide:nth-child(27) {
 z-index: 3
}

.tab-list__slide:nth-child(26) {
 z-index: 4
}

.tab-list__slide:nth-child(25) {
 z-index: 5
}

.tab-list__slide:nth-child(24) {
 z-index: 6
}

.tab-list__slide:nth-child(23) {
 z-index: 7
}

.tab-list__slide:nth-child(22) {
 z-index: 8
}

.tab-list__slide:nth-child(21) {
 z-index: 9
}

.tab-list__slide:nth-child(20) {
 z-index: 10
}

.tab-list__slide:nth-child(19) {
 z-index: 11
}

.tab-list__slide:nth-child(18) {
 z-index: 12
}

.tab-list__slide:nth-child(17) {
 z-index: 13
}

.tab-list__slide:nth-child(16) {
 z-index: 14
}

.tab-list__slide:nth-child(15) {
 z-index: 15
}

.tab-list__slide:nth-child(14) {
 z-index: 16
}

.tab-list__slide:nth-child(13) {
 z-index: 17
}

.tab-list__slide:nth-child(12) {
 z-index: 18
}

.tab-list__slide:nth-child(11) {
 z-index: 19
}

.tab-list__slide:nth-child(10) {
 z-index: 20
}

.tab-list__slide:nth-child(9) {
 z-index: 21
}

.tab-list__slide:nth-child(8) {
 z-index: 22
}

.tab-list__slide:nth-child(7) {
 z-index: 23
}

.tab-list__slide:nth-child(6) {
 z-index: 24
}

.tab-list__slide:nth-child(5) {
 z-index: 25
}

.tab-list__slide:nth-child(4) {
 z-index: 26
}

.tab-list__slide:nth-child(3) {
 z-index: 27
}

.tab-list__slide:nth-child(2) {
 z-index: 28
}

.tab-list__slide:nth-child(1) {
 z-index: 29
}

.tab-list__card {
 display: block;
 width: 200px;
 min-height: 282px;
 background: #070707;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
 border-radius: 12px;
 padding: 16px 16px 0 16px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.tab-list__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .tab-list__card {
  width: 440px;
  height: 444px;
  padding: 34px 34px 0 34px
 }
}

@media (min-width: 1320px) {
 .tab-list__card {
  width: 648px;
  height: 584px;
  padding: 48px 48px 0 48px
 }
 .tab-list__card:hover .image {
  width: 110%;
  height: 110%
 }
 .tab-list__card:hover .tab-list__place {
  color: #1B98A8
 }
}

.tab-list__place {
 font-weight: 500;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 transition: color .5s;
 min-height: 44px
}

@media (min-width: 768px) {
 .tab-list__place {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
  min-height: 62px
 }
}

@media (min-width: 1320px) {
 .tab-list__place {
  font-size: 30px;
  line-height: 140%;
  min-height: 84px
 }
}

.tab-list__params {
 font-weight: 400;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-top: 8px
}

@media (min-width: 768px) {
 .tab-list__params {
  font-size: 14px;
  margin-top: 24px
 }
}

.tab-list__pic {
 width: 168px;
 height: 168px;
 border-radius: 12px;
 -webkit-transform: translateY(24px);
 transform: translateY(24px);
 position: relative;
 overflow: hidden
}

@media (min-width: 768px) {
 .tab-list__pic {
  height: 280px;
  width: 430px;
  -webkit-transform: translateY(34px);
  transform: translateY(34px)
 }
}

@media (min-width: 1320px) {
 .tab-list__pic {
  height: 446px;
  width: 754px;
  -webkit-transform: translate(20px, 68px);
  transform: translate(20px, 68px);
  margin-top: -20px
 }
}

.tab-list__pic .image {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: all .4s ease-out
}

@media (min-width: 1320px) {
 .tab-list #btnTabListTickerPrev,
 .tab-list #btnTabListMediaFacadePrev,
 .tab-list #btnTabListOuterLedScreenPrev,
 .tab-list #btnTabListInnerLedScreenPrev,
 .tab-list #btnTabListRentPrev {
  margin-top: 19px
 }
}

@media (min-width: 1320px) {
 .tab-list #btnTabListTickerNext,
 .tab-list #btnTabListMediaFacadeNext,
 .tab-list #btnTabListOuterLedScreenNext,
 .tab-list #btnTabListInnerLedScreenNext,
 .tab-list #btnTabListRentNext {
  margin-top: -84px
 }
}

.tab-list__get-data {
 display: none;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: justify;
 justify-content: space-between;
 width: 90%;
 margin-left: 5%;
 height: 138px;
 max-height: 150px;
 background: #070707;
 border-radius: 12px;
 box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
 font-weight: bold;
 font-size: 30px;
 line-height: 140%;
 letter-spacing: 0.02em;
 color: #ffffff;
 cursor: pointer;
 margin-top: 48px;
 transition: all .2s linear;
 padding: 0 48px
}

.tab-list__get-data .points {
 display: -ms-flexbox;
 display: flex
}

.tab-list__get-data .points .point,
.tab-list__get-data .points .faq__description ul li span::before,
.faq__description ul li .tab-list__get-data .points span::before,
.tab-list__get-data .points .privacy-policy__description ul li::before,
.privacy-policy__description ul .tab-list__get-data .points li::before {
 display: block;
 margin-right: 8px
}

.tab-list__get-data:hover {
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6), inset 24px 24px 110px rgba(4, 2, 19, 0.5), inset -24px -24px 110px rgba(255, 255, 255, 0.06)
}

@media (min-width: 1860px) {
 .tab-list__get-data {
  display: -ms-flexbox;
  display: flex
 }
}

.tab-list__get-data.hidden {
 max-height: 0;
 opacity: 0;
 overflow: hidden
}

.project-description__title {
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 16px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.project-description__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .project-description__title {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  margin-bottom: 12px
 }
}

@media (min-width: 1320px) {
 .project-description__title {
  font-size: 40px;
  line-height: 140%;
  margin-bottom: 68px;
  color: #ffffff
 }
}

@media (min-width: 1860px) {
 .project-description__title {
  font-size: 60px
 }
}

@media (min-width: 1320px) {
 .project-description__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end
 }
}

@media (min-width: 1860px) {
 .project-description__content {
  -ms-flex-align: start;
  align-items: flex-start
 }
}

.project-description__text {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.project-description__text.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 1320px) {
 .project-description__text {
  width: 64.30062630480167%;
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #ffffff
 }
}

@media (min-width: 1860px) {
 .project-description__text {
  width: 64.86486486486486%
 }
}

.project-description__text p {
 margin-bottom: 12px
}

@media (min-width: 768px) {
 .project-description__text p {
  font-size: 14px;
  margin-bottom: 8px
 }
}

@media (min-width: 1320px) {
 .project-description__text p {
  font-size: 24px;
  margin-bottom: 31px
 }
}

.project-description__text p:last-child {
 margin-bottom: 0
}

.project-description__price {
 display: none;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.project-description__price.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 1320px) {
 .project-description__price {
  display: block;
  width: 274px
 }
}

@media (min-width: 1860px) {
 .project-description__price {
  width: 384px
 }
}

.project-description__amount {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 8px
}

.project-description__comment {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 24px
}

@media (min-width: 1860px) {
 .project-description__comment {
  margin-bottom: 48px
 }
}

.project-description__action .btn {
 padding-left: 29px;
 padding-right: 29px
}

.single-work__card {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 1320px) {
 .single-work__card {
  width: 830px;
  height: 491px;
  background: #070707;
  box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  border-radius: 12px;
  padding: 48px
 }
}

@media (min-width: 1860px) {
 .single-work__card {
  width: 1104px;
  height: 673px;
  padding: 68px 68px 96px 68px
 }
}

.single-work__date {
 display: none;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.single-work__date.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 1320px) {
 .single-work__date {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 160%;
  color: #ffffff;
  margin-bottom: 4px
 }
}

@media (min-width: 1860px) {
 .single-work__date {
  margin-bottom: 0
 }
}

.single-work__title {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 34px;
 -ms-flex-order: 1;
 order: 1;
 margin-right: 7.5%;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.single-work__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .single-work__title {
  font-size: 40px;
  line-height: 140%;
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .single-work__title {
  margin-right: 0
 }
}

@media (min-width: 1860px) {
 .single-work__title {
  font-size: 60px;
  color: #F6F0FF;
  margin-bottom: 68px
 }
}

@media (min-width: 1320px) {
 .single-work__title_without-city {
  min-height: 112px
 }
}

@media (min-width: 1860px) {
 .single-work__title_without-city {
  min-height: 168px
 }
}

.single-work__city {
 display: none
}

@media (min-width: 1320px) {
 .single-work__city {
  display: block
 }
}

.single-work__props {
 -ms-flex-order: 3;
 order: 3;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding-right: 7.5%;
 margin-bottom: -16px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.single-work__props.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .single-work__props {
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-right: 6.25vw;
  margin-bottom: 0
 }
}

@media (min-width: 1320px) {
 .single-work__props {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start
 }
}

.single-work__props-item {
 margin-bottom: 16px;
 width: 40vw
}

@media (min-width: 768px) {
 .single-work__props-item {
  width: auto;
  margin-right: 48px;
  margin-bottom: 0
 }
}

@media (min-width: 1320px) {
 .single-work__props-item {
  margin-bottom: 16px;
  margin-right: 0
 }
 .single-work__props-item:last-child {
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .single-work__props-item {
  margin-bottom: 34px
 }
}

.single-work__pixel-step {
 -ms-flex-order: 1;
 order: 1
}

.single-work__size {
 -ms-flex-order: 3;
 order: 3
}

@media (min-width: 768px) {
 .single-work__size {
  -ms-flex-order: 2;
  order: 2
 }
}

.single-work__resolution {
 -ms-flex-order: 2;
 order: 2
}

@media (min-width: 768px) {
 .single-work__resolution {
  -ms-flex-order: 3;
  order: 3
 }
}

.single-work__price {
 -ms-flex-order: 4;
 order: 4
}

@media (min-width: 1320px) {
 .single-work__price {
  display: none
 }
}

.single-work__param {
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #ffffff
}

@media (min-width: 1320px) {
 .single-work__param {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin-bottom: 6px
 }
}

@media (min-width: 1860px) {
 .single-work__param {
  margin-bottom: 8px
 }
}

.single-work__caption {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 1320px) {
 .single-work__caption {
  font-size: 14px;
  color: #ffffff
 }
}

.single-work__gallery {
 -ms-flex-order: 2;
 order: 2;
 margin-left: -7.5vw;
 padding-left: 7.5vw;
 width: calc(100% + 7.5vw);
 margin-bottom: 24px
}

@media (min-width: 768px) {
 .single-work__gallery {
  margin-left: -6.25vw;
  padding-left: 6.25vw;
  width: calc(100% + 6.25vw);
  margin-bottom: 34px
 }
}

@media (min-width: 1320px) {
 .single-work__gallery {
  position: absolute;
  left: 313px;
  bottom: -68px;
  margin-left: -34px;
  padding: 34px 0 34px 34px;
  margin: -34px 0 -34px -34px;
  width: calc(85.06588579795022vw - 279px)
 }
}

@media (min-width: 1860px) {
 .single-work__gallery {
  left: 362px;
  bottom: -119px;
  width: calc(85vw - 328px)
 }
}

.single-work__gallery-slide {
 width: 272px;
 height: 168px;
 background-position: center;
 background-size: cover;
 margin-right: 24px;
 border-radius: 12px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.single-work__gallery-slide.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

.single-work__gallery-slide:nth-child(1) {
 transition-delay: 0.5s
}

.single-work__gallery-slide:nth-child(2) {
 transition-delay: 1s
}

.single-work__gallery-slide:nth-child(3) {
 transition-delay: 1.5s
}

@media (min-width: 768px) {
 .single-work__gallery-slide {
  width: 672px;
  height: 378px;
  margin-right: 48px;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
}

@media (min-width: 1320px) {
 .single-work__gallery-slide {
  width: 651px;
  height: 325px;
  margin-right: 34px;
  box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3)
 }
}

@media (min-width: 1860px) {
 .single-work__gallery-slide {
  width: 932px;
  height: 466px;
  margin-right: 96px
 }
}

.single-work #btnSingleWorkPrev {
 margin-top: 167px;
 opacity: 1;
 transition: opacity .7s
}

.single-work #btnSingleWorkPrev.animation-element {
 opacity: 0
}

@media (min-width: 1860px) {
 .single-work #btnSingleWorkPrev {
  margin-top: 268px
 }
}

.single-work #btnSingleWorkNext {
 margin-top: 64px;
 opacity: 1;
 transition: opacity .7s
}

.single-work #btnSingleWorkNext.animation-element {
 opacity: 0
}

@media (min-width: 1860px) {
 .single-work #btnSingleWorkNext {
  margin-top: 165px
 }
}

@media (min-width: 1860px) {
 .article-list {
  width: 90%;
  height: auto;
  margin-left: 5%;
  background: #070707;
  border-radius: 12px;
  padding: 96px 0 61px 192px;
  box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
 .article-list .container,
 .article-list .container-endless-fix,
 .article-list .container-endless {
  width: 100%;
  margin: 0
 }
}

@media (min-width: 1860px) {
 .article-list .tab-list__list {
  padding-bottom: 0
 }
}

@media (min-width: 1860px) {
 .article-list .tab-list__list__wrap {
  display: block
 }
}

.article-list .clearfix {
 display: none
}

@media (min-width: 1860px) {
 .article-list .clearfix {
  display: block;
  margin-bottom: 48px
 }
}

.article-list__slide {
 width: 224px
}

@media (min-width: 768px) {
 .article-list__slide {
  width: 512px
 }
}

@media (min-width: 1320px) {
 .article-list__slide {
  width: 513px
 }
}

@media (min-width: 1860px) {
 .article-list__slide {
  width: 32.5vw;
  float: left
 }
 .article-list__slide:first-child,
 .article-list__slide:nth-of-type(4n+5) {
  margin-right: 96px;
  margin-bottom: 34px
 }
 .article-list__slide:first-child .article-list__card,
 .article-list__slide:nth-of-type(4n+5) .article-list__card {
  background: #070707;
  border-radius: 12px;
  padding: 48px 48px 0 48px;
  margin-bottom: 48px;
  box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
 .article-list__slide:first-child .article-list__caption,
 .article-list__slide:nth-of-type(4n+5) .article-list__caption {
  min-height: 126px;
  font-size: 30px;
  line-height: 140%
 }
 .article-list__slide:first-child .article-list_time,
 .article-list__slide:nth-of-type(4n+5) .article-list_time {
  margin-bottom: 34px
 }
 .article-list__slide:first-child .article-list__pic,
 .article-list__slide:nth-of-type(4n+5) .article-list__pic {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60.03787878787879%;
  margin-top: -48px;
  -webkit-transform: translateY(48px);
  transform: translateY(48px)
 }
}

@media (min-width: 2520px) {
 .article-list__slide:first-child .article-list__caption,
 .article-list__slide:nth-of-type(4n+5) .article-list__caption {
  min-height: initial
 }
}

.article-list__slide:nth-child(1) .article-list__card {
 transition-delay: 0.2s
}

.article-list__slide:nth-child(2) .article-list__card {
 transition-delay: 0.4s
}

.article-list__slide:nth-child(3) .article-list__card {
 transition-delay: 0.6s
}

.article-list__slide:nth-child(4) .article-list__card {
 transition-delay: 0.8s
}

.article-list__slide:nth-child(5) .article-list__card {
 transition-delay: 1s
}

.article-list__slide:nth-child(51) {
 z-index: -1
}

.article-list__slide:nth-child(50) {
 z-index: 0
}

.article-list__slide:nth-child(49) {
 z-index: 1
}

.article-list__slide:nth-child(48) {
 z-index: 2
}

.article-list__slide:nth-child(47) {
 z-index: 3
}

.article-list__slide:nth-child(46) {
 z-index: 4
}

.article-list__slide:nth-child(45) {
 z-index: 5
}

.article-list__slide:nth-child(44) {
 z-index: 6
}

.article-list__slide:nth-child(43) {
 z-index: 7
}

.article-list__slide:nth-child(42) {
 z-index: 8
}

.article-list__slide:nth-child(41) {
 z-index: 9
}

.article-list__slide:nth-child(40) {
 z-index: 10
}

.article-list__slide:nth-child(39) {
 z-index: 11
}

.article-list__slide:nth-child(38) {
 z-index: 12
}

.article-list__slide:nth-child(37) {
 z-index: 13
}

.article-list__slide:nth-child(36) {
 z-index: 14
}

.article-list__slide:nth-child(35) {
 z-index: 15
}

.article-list__slide:nth-child(34) {
 z-index: 16
}

.article-list__slide:nth-child(33) {
 z-index: 17
}

.article-list__slide:nth-child(32) {
 z-index: 18
}

.article-list__slide:nth-child(31) {
 z-index: 19
}

.article-list__slide:nth-child(30) {
 z-index: 20
}

.article-list__slide:nth-child(29) {
 z-index: 21
}

.article-list__slide:nth-child(28) {
 z-index: 22
}

.article-list__slide:nth-child(27) {
 z-index: 23
}

.article-list__slide:nth-child(26) {
 z-index: 24
}

.article-list__slide:nth-child(25) {
 z-index: 25
}

.article-list__slide:nth-child(24) {
 z-index: 26
}

.article-list__slide:nth-child(23) {
 z-index: 27
}

.article-list__slide:nth-child(22) {
 z-index: 28
}

.article-list__slide:nth-child(21) {
 z-index: 29
}

.article-list__slide:nth-child(20) {
 z-index: 30
}

.article-list__slide:nth-child(19) {
 z-index: 31
}

.article-list__slide:nth-child(18) {
 z-index: 32
}

.article-list__slide:nth-child(17) {
 z-index: 33
}

.article-list__slide:nth-child(16) {
 z-index: 34
}

.article-list__slide:nth-child(15) {
 z-index: 35
}

.article-list__slide:nth-child(14) {
 z-index: 36
}

.article-list__slide:nth-child(13) {
 z-index: 37
}

.article-list__slide:nth-child(12) {
 z-index: 38
}

.article-list__slide:nth-child(11) {
 z-index: 39
}

.article-list__slide:nth-child(10) {
 z-index: 40
}

.article-list__slide:nth-child(9) {
 z-index: 41
}

.article-list__slide:nth-child(8) {
 z-index: 42
}

.article-list__slide:nth-child(7) {
 z-index: 43
}

.article-list__slide:nth-child(6) {
 z-index: 44
}

.article-list__slide:nth-child(5) {
 z-index: 45
}

.article-list__slide:nth-child(4) {
 z-index: 46
}

.article-list__slide:nth-child(3) {
 z-index: 47
}

.article-list__slide:nth-child(2) {
 z-index: 48
}

.article-list__slide:nth-child(1) {
 z-index: 49
}

.article-list__card {
 display: block;
 width: 200px;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

@media (min-width: 768px) {
 .article-list__card {
  width: 440px;
  height: 462px;
  background: #070707;
  box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  border-radius: 12px;
  padding: 24px 44px 0 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px
 }
}

@media (min-width: 1320px) {
 .article-list__card {
  width: 422px;
  height: 443px;
  padding: 24px 26px 0 24px
 }
 .article-list__card:hover .image {
  width: 110%;
  height: 110%
 }
 .article-list__card:hover .article-list__caption {
  color: #1B98A8
 }
}

@media (min-width: 1860px) {
 .article-list__card {
  width: 100%;
  height: auto;
  padding: 0 0 0 202px;
  margin: 0 0 55px;
  background-color: transparent;
  box-shadow: none
 }
}

.animation-element .article-list__card {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

.article-list__pic {
 width: 200px;
 height: 176px;
 border-radius: 12px;
 margin-bottom: 24px;
 overflow: hidden;
 position: relative;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
}

@media (min-width: 768px) {
 .article-list__pic {
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 440px;
  height: 280px;
  box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  margin-bottom: 0
 }
}

@media (min-width: 1320px) {
 .article-list__pic {
  width: 422px;
  height: 269px
 }
}

@media (min-width: 1860px) {
 .article-list__pic {
  width: 178px;
  height: 161px;
  position: absolute;
  left: 0;
  top: 0
 }
}

.article-list__pic .image {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: all .4s ease-out
}

.article-list__date {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 4px
}

@media (min-width: 768px) {
 .article-list__date {
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .article-list__date {
  font-size: 14px
 }
}

.article-list__caption {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px;
 transition: color .5s
}

@media (min-width: 768px) {
 .article-list__caption {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
  min-height: 93px
 }
}

@media (min-width: 1860px) {
 .article-list__caption {
  margin-bottom: 8px
 }
}

.article-list_time {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center
}

@media (min-width: 768px) {
 .article-list_time {
  margin-bottom: 24px
 }
}

@media (min-width: 1320px) {
 .article-list_time {
  margin-bottom: 16px
 }
}

@media (min-width: 1860px) {
 .article-list_time {
  margin-bottom: 0;
  height: 38px
 }
}

.article-list_time .icon {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 position: relative
}

@media (min-width: 1860px) {
 .article-list_time .icon {
  width: 20px;
  height: 20px;
  -webkit-transform: scale(1.34);
  transform: scale(1.34)
 }
}

.article-list_time .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 height: auto;
 width: 20px
}

@media (min-width: 1320px) {
 .article-list_time .icon svg {
  width: 18px
 }
}

@media (min-width: 1860px) {
 .article-list_time .icon svg {
  width: 16px
 }
}

.article-list_time .icon svg path {
 stroke: #6c6c6c
}

@media (min-width: 1860px) {
 .article-list_time .icon svg path {
  stroke: #ffffff
 }
}

.article-list_time .content {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 1860px) {
 .article-list_time .content {
  color: #ffffff
 }
}

.article-list #btnTabListTickerPrev,
.article-list #btnTabListMediaFacadePrev,
.article-list #btnTabListOuterLedScreenPrev,
.article-list #btnTabListInnerLedScreenPrev,
.article-list #btnTabListRentPrev,
.article-list #btnTabListNewsCompanyPrev,
.article-list #btnTabListNewsPartnersPrev {
 margin-top: -12px
}

@media (min-width: 1860px) {
 .article-list #btnTabListTickerPrev,
 .article-list #btnTabListMediaFacadePrev,
 .article-list #btnTabListOuterLedScreenPrev,
 .article-list #btnTabListInnerLedScreenPrev,
 .article-list #btnTabListRentPrev,
 .article-list #btnTabListNewsCompanyPrev,
 .article-list #btnTabListNewsPartnersPrev {
  display: none !important
 }
}

.article-list #btnTabListTickerNext,
.article-list #btnTabListMediaFacadeNext,
.article-list #btnTabListOuterLedScreenNext,
.article-list #btnTabListInnerLedScreenNext,
.article-list #btnTabListRentNext,
.article-list #btnTabListNewsCompanyNext,
.article-list #btnTabListNewsPartnersNext {
 margin-top: -116px
}

@media (min-width: 1860px) {
 .article-list #btnTabListTickerNext,
 .article-list #btnTabListMediaFacadeNext,
 .article-list #btnTabListOuterLedScreenNext,
 .article-list #btnTabListInnerLedScreenNext,
 .article-list #btnTabListRentNext,
 .article-list #btnTabListNewsCompanyNext,
 .article-list #btnTabListNewsPartnersNext {
  display: none !important
 }
}

.link-list .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.link-list .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.link-list__container {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

.link-list__item {
 margin-bottom: 48px;
 position: relative
}

.link-list__item:last-child {
 margin-bottom: 0
}

.link-list__item:nth-child(1) {
 z-index: calc(21 - 1)
}

.link-list__item:nth-child(2) {
 z-index: calc(21 - 2)
}

.link-list__item:nth-child(3) {
 z-index: calc(21 - 3)
}

.link-list__item:nth-child(4) {
 z-index: calc(21 - 4)
}

.link-list__item:nth-child(5) {
 z-index: calc(21 - 5)
}

.link-list__item:nth-child(6) {
 z-index: calc(21 - 6)
}

.link-list__item:nth-child(7) {
 z-index: calc(21 - 7)
}

.link-list__item:nth-child(8) {
 z-index: calc(21 - 8)
}

.link-list__item:nth-child(9) {
 z-index: calc(21 - 9)
}

.link-list__item:nth-child(10) {
 z-index: calc(21 - 10)
}

.link-list__item:nth-child(11) {
 z-index: calc(21 - 11)
}

.link-list__item:nth-child(12) {
 z-index: calc(21 - 12)
}

.link-list__item:nth-child(13) {
 z-index: calc(21 - 13)
}

.link-list__item:nth-child(14) {
 z-index: calc(21 - 14)
}

.link-list__item:nth-child(15) {
 z-index: calc(21 - 15)
}

.link-list__item:nth-child(16) {
 z-index: calc(21 - 16)
}

.link-list__item:nth-child(17) {
 z-index: calc(21 - 17)
}

.link-list__item:nth-child(18) {
 z-index: calc(21 - 18)
}

.link-list__item:nth-child(19) {
 z-index: calc(21 - 19)
}

.link-list__item:nth-child(20) {
 z-index: calc(21 - 20)
}

@media (min-width: 768px) {
 .link-list__item {
  margin-bottom: 34px
 }
}

@media (min-width: 1320px) {
 .link-list__item {
  margin-bottom: 24px
 }
}

@media (min-width: 1860px) {
 .link-list__item {
  margin-bottom: 48px
 }
}

.link-list__button {
 display: block;
 position: relative;
 padding-left: 72px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.link-list__button.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

.link-list__button:nth-child(1) .types__card {
 transition-delay: 0.3s
}

.link-list__button:nth-child(2) .types__card {
 transition-delay: 0.6s
}

.link-list__button:nth-child(3) .types__card {
 transition-delay: 0.9s
}

.link-list__button:nth-child(4) .types__card {
 transition-delay: 1.2s
}

.link-list__button:nth-child(5) .types__card {
 transition-delay: 1.5s
}

.link-list__button:nth-child(6) .types__card {
 transition-delay: 1.8s
}

.link-list__button:nth-child(7) .types__card {
 transition-delay: 2.1s
}

.link-list__button:nth-child(8) .types__card {
 transition-delay: 2.4s
}

.link-list__button:nth-child(9) .types__card {
 transition-delay: 2.7s
}

.link-list__button:nth-child(10) .types__card {
 transition-delay: 3s
}

@media (min-width: 768px) {
 .link-list__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px 24px 16px 72px;
  background: #070707;
  border-radius: 12px;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
}

@media (min-width: 1320px) {
 .link-list__button {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 34px 34px 34px 82px
 }
 .link-list__button:hover .link-list__caption {
  color: #1B98A8
 }
}

@media (min-width: 1860px) {
 .link-list__button {
  padding: 48px 48px 48px 92px
 }
}

.link-list__icon {
 position: absolute;
 top: 0;
 left: 0;
 width: 48px;
 height: 48px;
 background: #1f0d0d;
 border-radius: 50%;
 box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.35), inset 4px 4px 24px rgba(4, 2, 19, 0.5), 14px 28px 30px rgba(4, 5, 14, 0.3), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

@media (min-width: 768px) {
 .link-list__icon {
  top: 36px;
  left: 24px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: initial;
  box-shadow: none
 }
}

@media (min-width: 1320px) {
 .link-list__icon {
  width: 32px;
  height: 32px;
  top: 49px;
  left: 31px
 }
}

@media (min-width: 1860px) {
 .link-list__icon {
  left: 46px
 }
}

.link-list__icon .small {
 display: block
}

@media (min-width: 1320px) {
 .link-list__icon .small {
  display: none
 }
}

.link-list__icon .large {
 display: none
}

@media (min-width: 1320px) {
 .link-list__icon .large {
  display: block
 }
}

.link-list__icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 margin-left: 3px
}

.link-list__caption {
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 8px;
 transition: all .3s linear
}

@media (min-width: 768px) {
 .link-list__caption {
  -ms-flex-order: 2;
  order: 2;
  font-size: 18px;
  margin-bottom: 0
 }
}

@media (min-width: 1320px) {
 .link-list__caption {
  -ms-flex-order: 1;
  order: 1;
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #ffffff
 }
}

.link-list__date {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 768px) {
 .link-list__date {
  -ms-flex-order: 1;
  order: 1
 }
}

@media (min-width: 1320px) {
 .link-list__date {
  -ms-flex-order: 2;
  order: 2;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 48px;
  text-align: right;
  position: relative;
  top: 21px
 }
}

@media (min-width: 1860px) {
 .link-list__date {
  font-size: 18px;
  top: 5px
 }
}

.article-news__controlls {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: end;
 justify-content: flex-end;
 margin-bottom: 24px;
 z-index: 1
}

@media (min-width: 768px) {
 .article-news__controlls {
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .article-news__controlls {
  margin-bottom: 52px
 }
}

.article-news__back {
 display: none;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1);
 transition-delay: .25s !important
}

.article-news__back.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.article-news__back .icon {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 top: 3px;
 position: relative;
 display: inline-block;
 transition: -webkit-transform .3s linear;
 transition: transform .3s linear;
 transition: transform .3s linear, -webkit-transform .3s linear
}

.article-news__back .icon svg path {
 transition: all .3s linear
}

@media (min-width: 768px) {
 .article-news__back {
  display: block
 }
}

@media (min-width: 1320px) {
 .article-news__back .btn:hover .icon {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px)
 }
 .article-news__back .btn:hover .icon svg path {
  fill: #ffffff
 }
}

.article-news__controlls-wrap {
 display: -ms-flexbox;
 display: flex;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1);
 transition-delay: .5s !important
}

.article-news__controlls-wrap.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.article-news__controller {
 margin-left: 24px
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .article-news__controller svg {
  width: 10px;
  height: auto
 }
}

@media (min-width: 1320px) {
 .article-news__controller svg path {
  transition: stroke .3s linear
 }
}

@media (min-width: 1860px) {
 .article-news__controller {
  margin-left: 34px
 }
}

.article-news__controller.inactive svg path {
 stroke: #4b3737 !important
}

@media (min-width: 1860px) {
 .article-news__controller .btn {
  width: 68px;
  height: 68px
 }
}

.article-news__controller_before svg {
 -webkit-transform: scale(-1, 1);
 transform: scale(-1, 1)
}

.article-news__title {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-pack: start;
 justify-content: flex-start;
 margin-bottom: 16px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.article-news__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .article-news__title {
  margin-bottom: 24px
 }
}

@media (min-width: 1320px) {
 .article-news__title {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 48px
 }
}

.article-news__date {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 4px;
 -ms-flex-order: 2;
 order: 2
}

@media (min-width: 768px) {
 .article-news__date {
  margin-bottom: 8px
 }
}

@media (min-width: 1320px) {
 .article-news__date {
  -ms-flex-order: 1;
  order: 1;
  width: auto;
  margin-right: 34px;
  top: 4px;
  position: relative;
  font-size: 14px;
  margin-left: 3px
 }
}

.article-news__time {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-order: 3;
 order: 3
}

@media (min-width: 1320px) {
 .article-news__time {
  -ms-flex-order: 2;
  order: 2;
  width: auto
 }
}

.article-news__time .icon {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 position: relative
}

.article-news__time .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 height: auto;
 width: 20px
}

@media (min-width: 1320px) {
 .article-news__time .icon svg {
  width: 16px
 }
}

.article-news__time .icon svg path {
 stroke: #6c6c6c
}

@media (min-width: 1320px) {
 .article-news__time .icon {
  width: 20px;
  height: 20px;
  -webkit-transform: scale(1.34);
  transform: scale(1.34)
 }
 .article-news__time .icon svg path {
  stroke: #ffffff
 }
}

.article-news__time .text {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 768px) {
 .article-news__time .text {
  color: #6c6c6c
 }
}

@media (min-width: 1320px) {
 .article-news__time .text {
  color: #ffffff
 }
}

.article-news__captioin {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 24px;
 -ms-flex-order: 1;
 order: 1
}

@media (min-width: 768px) {
 .article-news__captioin {
  font-size: 40px;
  line-height: 140%;
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .article-news__captioin {
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 0;
  padding-right: 10%
 }
}

@media (min-width: 1860px) {
 .article-news__captioin {
  font-size: 60px;
  margin-top: 5px;
  padding-right: 0
 }
}

.article-news__content-wrap {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 transition-delay: .5s !important
}

.article-news__content-wrap.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 1320px) {
 .article-news__content-wrap {
  display: -ms-flexbox;
  display: flex
 }
}

.article-news__picture {
 margin-bottom: 24px
}

@media (min-width: 768px) {
 .article-news__picture {
  margin-bottom: 34px
 }
}

@media (min-width: 1320px) {
 .article-news__picture {
  width: 274px;
  margin-right: 48px
 }
}

@media (min-width: 1860px) {
 .article-news__picture {
  width: 528px;
  margin-right: 96px
 }
}

.article-news__image {
 border-radius: 12px;
 overflow: hidden;
 background: none;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
}

@media (min-width: 768px) {
 .article-news__image {
  width: 672px;
  height: 378px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
 }
 .article-news__image img {
  display: none
 }
}

@media (min-width: 1320px) {
 .article-news__image {
  width: 274px;
  height: 275px;
  margin-bottom: 18px
 }
}

@media (min-width: 1860px) {
 .article-news__image {
  width: 528px;
  height: 530px;
  margin-bottom: 16px
 }
}

.article-news__image-caption {
 display: none
}

@media (min-width: 1320px) {
 .article-news__image-caption {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 160%;
  color: #6c6c6c
 }
}

@media (min-width: 1860px) {
 .article-news__image-caption {
  font-size: 18px
 }
}

.article-news__subtitle {
 font-weight: normal;
 font-size: 16px;
 line-height: 163%;
 color: #ffffff;
 margin-bottom: 16px
}

@media (min-width: 768px) {
 .article-news__subtitle {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em
 }
}

@media (min-width: 1320px) {
 .article-news__subtitle {
  margin-bottom: 34px
 }
}

@media (min-width: 1860px) {
 .article-news__subtitle {
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 48px
 }
}

.article-news__text {
 font-weight: normal;
 font-size: 14px;
 line-height: 163%;
 color: #6c6c6c;
 margin-bottom: 48px
}

@media (min-width: 768px) {
 .article-news__text {
  margin-bottom: 34px;
  line-height: 160%
 }
}

@media (min-width: 1320px) {
 .article-news__text {
  color: #ffffff;
  margin-bottom: 48px
 }
}

@media (min-width: 1860px) {
 .article-news__text {
  margin-bottom: 68px;
  line-height: 163%
 }
}

.article-news__text p {
 font-size: 14px;
 margin: 12px 0;
 line-height: 163%
}

@media (min-width: 1320px) {
 .article-news__text p {
  margin: 16px 0;
  line-height: 160%
 }
}

@media (min-width: 1860px) {
 .article-news__text p {
  font-size: 18px;
  margin: 24px 0;
  line-height: 163%
 }
}

.article-news__text .params {
 margin: 16px 0;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 768px) {
 .article-news__text .params {
  -ms-flex-direction: row;
  flex-direction: row
 }
}

.article-news__text .params li {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-bottom: 16px
}

.article-news__text .params li:last-child {
 margin-bottom: 0
}

@media (min-width: 768px) {
 .article-news__text .params li {
  margin-bottom: 0;
  margin-right: 48px
 }
}

.article-news__text .params li .caption {
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #ffffff
}

@media (min-width: 768px) {
 .article-news__text .params li .caption {
  color: #ffffff
 }
}

.article-news__text .params li .description {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

.article-news__links {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 1320px) {
 .article-news__links {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

.article-news__copy-link {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 margin-bottom: 24px;
 cursor: pointer
}

@media (min-width: 1320px) {
 .article-news__copy-link {
  margin-bottom: 0
 }
 .article-news__copy-link:hover .icon svg path {
  fill: #ffffff
 }
 .article-news__copy-link:hover .text {
  color: #ffffff
 }
}

.article-news__copy-link .icon {
 width: 20px;
 height: 20px;
 margin-right: 8px;
 position: relative
}

.article-news__copy-link .icon svg path {
 transition: all .2s linear
}

.article-news__copy-link .text {
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #1B98A8;
 transition: color .2s linear
}

.article-news__shsring {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

@media (min-width: 1320px) {
 .article-news__shsring {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center
 }
}

.article-news__shsring .captioin {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 12px
}

@media (min-width: 1320px) {
 .article-news__shsring .captioin {
  margin-bottom: 0;
  margin-right: 12px
 }
}

.article-news__shsring ul {
 display: -ms-flexbox;
 display: flex
}

.article-news__shsring li {
 margin-right: 24px
}

.article-news__shsring li:last-child {
 margin-right: 0
}

@media (min-width: 1320px) {
 .article-news__shsring li {
  margin-right: 12px
 }
}

.article-news__shsring li a {
 display: block;
 position: relative;
 width: 24px;
 height: 24px
}

@media (min-width: 1320px) {
 .article-news__shsring li a:hover svg path {
  stroke: #6c6c6c
 }
}

.article-news__shsring li a svg {
 width: 24px;
 height: 24px;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.article-news__shsring li a svg path {
 transition: all .2s linear;
 stroke: #1B98A8
}

.news-list .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.news-list .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.news-list__list {
 padding-top: 100px;
 margin-top: -100px;
 padding-bottom: 100px;
 margin-bottom: -100px
}

.news-list__slide {
 width: 224px
}

@media (min-width: 768px) {
 .news-list__slide {
  width: 512px
 }
}

@media (min-width: 1320px) {
 .news-list__slide {
  width: 513px
 }
}

@media (min-width: 1860px) {
 .news-list__slide {
  width: 720px
 }
}

.news-list__slide:nth-child(1) .news-list__card {
 transition-delay: 0.3s
}

.news-list__slide:nth-child(2) .news-list__card {
 transition-delay: 0.6s
}

.news-list__slide:nth-child(3) .news-list__card {
 transition-delay: 0.9s
}

.news-list__slide:nth-child(4) .news-list__card {
 transition-delay: 1.2s
}

.news-list__slide:nth-child(5) .news-list__card {
 transition-delay: 1.5s
}

.news-list__card {
 display: block;
 width: 200px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.news-list__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .news-list__card {
  width: 440px;
  height: 462px;
  padding: 24px 44px 0 24px;
  background: #070707;
  box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  border-radius: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
 }
}

@media (min-width: 1320px) {
 .news-list__card {
  width: 422px;
  height: 443px;
  padding: 24px 26px 0 24px
 }
 .news-list__card:hover .image {
  width: 110%;
  height: 110%
 }
 .news-list__card:hover .news-list__caption {
  color: #1B98A8
 }
}

@media (min-width: 1860px) {
 .news-list__card {
  width: 624px;
  height: 551px;
  padding: 48px 48px 0 48px
 }
}

.news-list__pic {
 width: 200px;
 height: 176px;
 border-radius: 12px;
 margin-bottom: 24px;
 overflow: hidden;
 position: relative;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
}

@media (min-width: 768px) {
 .news-list__pic {
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 440px;
  height: 280px;
  box-shadow: -14px -14px 30px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  margin-bottom: 0
 }
}

@media (min-width: 1320px) {
 .news-list__pic {
  width: 422px;
  height: 269px
 }
}

@media (min-width: 1860px) {
 .news-list__pic {
  width: 528px;
  height: 317px;
  margin-top: -48px;
  -webkit-transform: translateY(48px);
  transform: translateY(48px)
 }
}

.news-list__pic .image {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: all .4s ease-out
}

.news-list__date {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 4px
}

@media (min-width: 768px) {
 .news-list__date {
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .news-list__date {
  font-size: 14px
 }
}

.news-list__caption {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px;
 transition: color .5s
}

@media (min-width: 768px) {
 .news-list__caption {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
  min-height: 93px
 }
}

@media (min-width: 1860px) {
 .news-list__caption {
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 0;
  min-height: 126px
 }
}

.news-list_time {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center
}

@media (min-width: 768px) {
 .news-list_time {
  margin-bottom: 24px
 }
}

@media (min-width: 1320px) {
 .news-list_time {
  margin-bottom: 16px
 }
}

@media (min-width: 1860px) {
 .news-list_time {
  margin-bottom: 33px;
  height: 38px
 }
}

.news-list_time .icon {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 position: relative
}

@media (min-width: 1860px) {
 .news-list_time .icon {
  width: 20px;
  height: 20px;
  -webkit-transform: scale(1.34);
  transform: scale(1.34)
 }
}

.news-list_time .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 height: auto;
 width: 20px
}

@media (min-width: 1320px) {
 .news-list_time .icon svg {
  width: 18px
 }
}

@media (min-width: 1860px) {
 .news-list_time .icon svg {
  width: 16px
 }
}

.news-list_time .icon svg path {
 stroke: #6c6c6c
}

@media (min-width: 1860px) {
 .news-list_time .icon svg path {
  stroke: #ffffff
 }
}

.news-list_time .content {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 1860px) {
 .news-list_time .content {
  color: #ffffff
 }
}

.news-list #btnNewsListPrev {
 margin-top: 16px
}

.news-list #btnNewsListNext {
 margin-top: -87px
}

@media (min-width: 1320px) {
 .delivery {
  margin: 0 4.978038067349927vw;
  background: #070707;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  border-radius: 12px;
  padding: 68px 136px
 }
 .delivery .container,
 .delivery .container-endless,
 .delivery .endless {
  width: 100%;
  padding: 0;
  margin: 0
 }
}

@media (min-width: 1860px) {
 .delivery {
  padding: 96px 192px
 }
}

.delivery .section__title {
 margin-bottom: 24px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.delivery .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .delivery .section__title {
  margin-bottom: 18px
 }
}

@media (min-width: 1320px) {
 .delivery .section__title {
  margin-bottom: 48px
 }
}

@media (min-width: 1860px) {
 .delivery .section__title {
  margin-bottom: 34px
 }
}

.delivery .section__title .title {
 margin-right: 0
}

@media (min-width: 1860px) {
 .delivery__content {
  display: -ms-flexbox;
  display: flex
 }
}

.delivery__description {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 48px;
 padding-right: 7.5vw;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.delivery__description.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .delivery__description {
  font-size: 16px;
  margin-bottom: 96px;
  padding-right: 6.25vw
 }
}

@media (min-width: 1320px) {
 .delivery__description {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #ffffff;
  padding-right: 0;
  margin-bottom: 68px
 }
}

@media (min-width: 1860px) {
 .delivery__description {
  margin-right: 0;
  margin-bottom: 0;
  padding-right: 96px
 }
}

.delivery__methods {
 transition-delay: .3s !important;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.delivery__methods.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 1320px) {
 .delivery__methods .slider-tabs__container {
  overflow: initial
 }
}

@media (min-width: 1860px) {
 .delivery__methods {
  width: 720px;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: -85px
 }
}

.delivery__methods-title {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 24px;
 padding-right: 7.5vw
}

@media (min-width: 768px) {
 .delivery__methods-title {
  font-size: 40px;
  line-height: 140%;
  margin-bottom: 68px;
  padding-right: 6.25vw
 }
}

@media (min-width: 1320px) {
 .delivery__methods-title {
  font-size: 24px;
  line-height: 130%;
  color: #ffffff;
  padding-right: 0;
  margin-bottom: 48px
 }
}

@media (min-width: 1860px) {
 .delivery__methods-title {
  margin-bottom: 45px
 }
}

.delivery__methods-tabs {
 display: none
}

@media (min-width: 1320px) {
 .delivery__methods-tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 34px
 }
 .delivery__methods-tabs .slider-tabs__wrap {
  margin-bottom: 0
 }
}

.delivery__methods .tabs__controlls-caption {
 font-weight: normal;
 font-size: 18px;
 line-height: 160%;
 color: #ffffff;
 margin-right: 34px
}

.delivery__methods-list {
 padding-left: 7.5vw;
 margin-left: -7.5vw
}

@media (min-width: 768px) {
 .delivery__methods-list {
  padding-left: 6.25vw;
  margin-left: -6.25vw
 }
}

@media (min-width: 1320px) {
 .delivery__methods-list {
  padding-left: 0;
  margin-left: 0;
  padding-bottom: 50px;
  margin-bottom: -50px
 }
}

.delivery__methods-slide {
 width: 224px
}

@media (min-width: 768px) {
 .delivery__methods-slide {
  width: 348px
 }
}

@media (min-width: 1320px) {
 .delivery__methods-slide {
  width: 720px;
  display: none;
  opacity: 0;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  transition: all .2s linear
 }
 .delivery__methods-slide.visible {
  display: block
 }
 .delivery__methods-slide.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
 }
 .delivery__methods-slide.hide {
  opacity: 0;
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
 }
}

@media (min-width: 1860px) {
 .delivery__methods-slide {
  width: 100%
 }
}

.delivery__methods-card {
 width: 200px
}

@media (min-width: 768px) {
 .delivery__methods-card {
  width: 300px
 }
}

@media (min-width: 1320px) {
 .delivery__methods-card {
  width: 100%
 }
}

.delivery__methods-caption {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px
}

@media (min-width: 768px) {
 .delivery__methods-caption {
  font-weight: bold;
  font-size: 24px
 }
}

@media (min-width: 1320px) {
 .delivery__methods-caption {
  display: none
 }
}

.delivery__methods-description {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 768px) {
 .delivery__methods-description {
  font-size: 14px
 }
}

@media (min-width: 1320px) {
 .delivery__methods-description {
  font-size: 18px;
  color: #ffffff
 }
}

@media (min-width: 1860px) {
 .delivery__methods-description {
  line-height: 163%
 }
}

@media (min-width: 1320px) {
 .payment {
  margin: 0 4.978038067349927vw;
  background: #070707;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  border-radius: 12px;
  padding: 68px 136px
 }
 .payment .container {
  width: 100%;
  padding: 0;
  margin: 0
 }
}

@media (min-width: 1860px) {
 .payment {
  padding: 96px 192px 134px
 }
}

.payment .section__title {
 margin-bottom: 24px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.payment .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .payment .section__title {
  margin-bottom: 18px
 }
}

@media (min-width: 1320px) {
 .payment .section__title {
  margin-bottom: 48px
 }
}

@media (min-width: 1860px) {
 .payment .section__title {
  margin-bottom: 34px
 }
}

.payment .section__title .title {
 margin-right: 0
}

.payment__description {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 48px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.payment__description.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .payment__description {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 163%
 }
}

@media (min-width: 1320px) {
 .payment__description {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .payment__description {
  padding-right: 10%
 }
}

.payment__description-text {
 margin-bottom: 48px
}

@media (min-width: 1320px) {
 .payment__description-text {
  margin-bottom: 68px
 }
}

.payment__download {
 position: relative;
 margin-bottom: 49px;
 display: inline-block;
 cursor: default
}

@media (min-width: 768px) {
 .payment__download {
  padding: 21px 24px;
  background: #070707;
  border-radius: 12px;
  margin-bottom: 134px;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
}

@media (min-width: 1320px) {
 .payment__download {
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0
 }
}

.payment__download-link {
 position: relative;
 padding-left: 72px;
 margin-bottom: 8px;
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #ffffff;
 transition: all 0.2s
}

@media (min-width: 768px) {
 .payment__download-link {
  font-size: 18px;
  line-height: 160%;
  color: #ffffff;
  padding-left: 48px;
  margin-bottom: 0
 }
}

@media (min-width: 1320px) {
 .payment__download-link {
  color: #F6F0FF;
  padding-left: 29px;
  margin-bottom: 12px;
  display: inline-block;
  cursor: pointer
 }
 .payment__download-link:hover {
  color: #1B98A8
 }
 .payment__download-link:hover .icon svg path {
  stroke: #1B98A8
 }
}

@media (min-width: 1860px) {
 .payment__download-link {
  margin-bottom: 16px
 }
}

.payment__download-link .icon {
 width: 48px;
 height: 48px;
 position: absolute;
 top: 0;
 left: 0;
 background: #1f0d0d;
 border-radius: 50%;
 box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.35), 14px 28px 30px rgba(4, 5, 14, 0.3), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0)
}

@media (min-width: 768px) {
 .payment__download-link .icon {
  width: 24px;
  height: 24px;
  background: transparent;
  box-shadow: none;
  top: 2px
 }
}

@media (min-width: 1320px) {
 .payment__download-link .icon {
  top: 1px
 }
}

.payment__download-link .icon svg {
 position: relative;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

@media (min-width: 1320px) {
 .payment__download-link .icon svg {
  height: auto;
  width: 83px
 }
}

.payment__download-link .icon svg path {
 transition: all 0.2s
}

.payment__download-caption {
 padding-left: 72px;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 768px) {
 .payment__download-caption {
  padding-left: 48px
 }
}

@media (min-width: 1320px) {
 .payment__download-caption {
  font-size: 14px;
  padding-left: 3px
 }
}

.payment__calc {
 margin-bottom: 48px;
 transition-delay: .9s !important;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.payment__calc.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 1320px) {
 .payment__calc {
  width: 100%;
  max-width: 1100px;
  margin-bottom: 0;
  margin-top: 96px;
  padding: 68px 96px;
  background: #070707;
  border-radius: 12px;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
}

.payment__calc-title {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 48px
}

@media (min-width: 768px) {
 .payment__calc-title {
  font-size: 40px;
  line-height: 140%
 }
}

@media (min-width: 1320px) {
 .payment__calc-title {
  color: #ffffff
 }
}

.installment-calc .label-controll:first-child .label-controll__caption::after {
 display: none
}

.installment-calc .label-controll:first-child .label-controll__body {
 max-height: 150px !important;
 opacity: 1 !important;
 -webkit-transform: none !important;
 transform: none !important;
 left: 0 !important
}

@media (min-width: 1320px) {
 .installment-calc .label-controll {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 34px;
  margin-right: 0
 }
 .installment-calc .label-controll .label-controll__caption {
  width: 226px
 }
}

@media (min-width: 1860px) {
 .installment-calc .label-controll .label-controll__content {
  margin-left: 0
 }
}

.installment-calc .label-controll.blocked .label-controll__caption {
 color: #4b3737
}

.installment-calc .label-controll.blocked .custom-input,
.installment-calc .label-controll.blocked .value,
.installment-calc .label-controll.blocked .custom-range__slide {
 cursor: default
}

.installment-calc .label-controll.blocked .custom-input {
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5) !important
}

.installment-calc .label-controll.blocked .input-suffix__units {
 color: #4b3737
}

.installment-calc .label-controll.blocked .label-controll__caption:after {
 opacity: .3
}

.installment-calc .label-controll.blocked .slider {
 box-shadow: -2px -4px 8px rgba(65, 39, 106, 0), 2px 4px 8px rgba(17, 5, 38, 0), inset 2px 4px 8px rgba(158, 123, 214, 0), inset -2px -4px 8px rgba(17, 5, 38, 0)
}

.installment-calc .label-controll__content {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: start;
 justify-content: flex-start
}

@media (min-width: 1320px) {
 .installment-calc .label-controll__content {
  padding: 0
 }
}

@media (min-width: 1320px) {
 .installment-calc .label-controll {
  -ms-flex-align: start;
  align-items: flex-start
 }
}

@media (min-width: 1860px) {
 .installment-calc .label-controll {
  -ms-flex-align: center;
  align-items: center
 }
}

@media (min-width: 1320px) {
 .installment-calc .label-controll__caption {
  top: 19px
 }
}

@media (min-width: 1860px) {
 .installment-calc .label-controll__caption {
  top: 0
 }
}

@media (min-width: 768px) {
 .installment-calc__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

@media (min-width: 1320px) {
 .installment-calc__wrap {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start
 }
}

@media (min-width: 1860px) {
 .installment-calc__wrap {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

.installment-calc .validator {
 display: block !important;
 margin-left: 12px;
 margin-right: 0
}

.installment-calc .invalid .valid {
 opacity: 0
}

.installment-calc .invalid .invalid {
 opacity: 1
}

.installment-calc .select-suffix__selected-item {
 min-width: 18px !important
}

.installment-calc__btn-calc {
 margin-top: 34px
}

@media (min-width: 768px) {
 .installment-calc__btn-calc {
  margin-top: 39px
 }
}

@media (min-width: 1320px) {
 .installment-calc__btn-calc {
  margin-top: 16px
 }
}

@media (min-width: 1860px) {
 .installment-calc__btn-calc {
  margin-top: 5px
 }
}

.installment-calc__delimiter {
 width: 0;
 height: 62px;
 max-height: 0;
 opacity: 0;
 position: relative;
 transition: all .4s ease-out
}

@media (min-width: 768px) {
 .installment-calc__delimiter {
  height: 68px
 }
}

.installment-calc__delimiter::before {
 content: "";
 display: block;
 width: 100%;
 height: 12px;
 position: absolute;
 bottom: 0;
 left: 0;
 border-radius: 12px;
 background: #1f0d0d;
 box-shadow: -20px -27px 40px rgba(35, 33, 58, 0.35), 20px 27px 40px rgba(4, 5, 14, 0.17), inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8)
}

.installment-calc__delimiter.show {
 width: 100%;
 opacity: 1;
 max-height: 62px
}

@media (min-width: 768px) {
 .installment-calc__delimiter.show {
  max-height: 68px
 }
}

.installment-calc__result {
 height: auto;
 max-height: 0;
 overflow: hidden;
 transition: max-height .2s linear
}

.installment-calc__result.show {
 max-height: 500px
}

.installment-calc__result.show .installment-calc__total,
.installment-calc__result.show .installment-calc__firstpayment,
.installment-calc__result.show .installment-calc__monthlypayment,
.installment-calc__result.show .installment-calc__paymentterm {
 opacity: 1;
 -webkit-transform: translate(0);
 transform: translate(0)
}

.installment-calc__result>div:nth-child(1) {
 transition-delay: 0.4s
}

.installment-calc__result>div:nth-child(2) {
 transition-delay: 0.6s
}

.installment-calc__result>div:nth-child(3) {
 transition-delay: 0.8s
}

.installment-calc__result>div:nth-child(4) {
 transition-delay: 1s
}

.installment-calc__result>div:nth-child(5) {
 transition-delay: 1.2s
}

.installment-calc__result>div:nth-child(6) {
 transition-delay: 1.4s
}

.installment-calc__result>div:nth-child(7) {
 transition-delay: 1.6s
}

.installment-calc__total {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #1B98A8;
 margin-top: 36px;
 margin-bottom: 24px;
 opacity: 0;
 -webkit-transform: translateX(15px);
 transform: translateX(15px);
 transition: all .5s ease-out
}

@media (min-width: 768px) {
 .installment-calc__total {
  font-size: 40px;
  line-height: 140%;
  margin-bottom: 24px
 }
}

.installment-calc__firstpayment,
.installment-calc__monthlypayment,
.installment-calc__paymentterm {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 16px;
 opacity: 0;
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
 transition: all .2s linear
}

.installment-calc__firstpayment:last-child,
.installment-calc__monthlypayment:last-child,
.installment-calc__paymentterm:last-child {
 margin-bottom: 0
}

@media (min-width: 768px) {
 .installment-calc__firstpayment,
 .installment-calc__monthlypayment,
 .installment-calc__paymentterm {
  font-size: 16px
 }
}

.installment-calc__firstpayment span,
.installment-calc__monthlypayment span,
.installment-calc__paymentterm span {
 color: #1B98A8
}

.installment-calc__remainder {
 width: 100%;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-top: 34px
}

@media (min-width: 768px) {
 .installment-calc__remainder {
  font-size: 16px;
  margin-top: 48px
 }
}

.installment-calc .input-suffix .input {
 width: 115px
}

.custom-input {
 width: auto;
 padding: 16px 34px;
 z-index: 3;
 height: 60px;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-align: center;
 align-items: center;
 position: relative;
 cursor: pointer;
 border-radius: 999px;
 background: #1f0d0d;
 transition: box-shadow .3s;
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5)
}

@media (min-width: 1320px) {
 .custom-input:hover {
  box-shadow: -8px -16px 30px rgba(35, 33, 58, 0.35), 8px 16px 30px rgba(4, 5, 14, 0.3), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5)
 }
 .custom-input:hover .input {
  color: #1a1111
 }
}

.custom-input.input_w30 .input {
 width: 30px
}

.input-suffix .input {
 width: auto;
 min-width: 0;
 height: auto;
 background: transparent;
 padding: 0;
 border-radius: 0;
 box-shadow: none;
 cursor: pointer;
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #1B98A8;
 margin-right: 16px;
 transition: color .3s
}

.input-suffix__delimiter {
 width: 2px;
 height: 28px;
 margin-right: 16px;
 box-shadow: -1px -2px 4px rgba(35, 33, 58, 0.6), 1px 2px 4px rgba(4, 5, 14, 0.8)
}

.input-suffix__units {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 transition: all .3s linear
}

@media (min-width: 768px) {
 #firstPayment {
  margin-right: 34px
 }
}

#installment .input {
 width: 20px !important
}

@media (min-width: 768px) {
 #installment {
  margin-right: 34px
 }
}

.custom-range {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start;
 width: auto
}

@media (min-width: 768px) {
 .custom-range {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start
 }
}

.custom-range__value {
 width: auto;
 padding: 16px 34px;
 z-index: 3;
 height: 60px;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-align: center;
 align-items: center;
 position: relative;
 cursor: default;
 border-radius: 999px;
 background: #1f0d0d;
 margin-right: 24px;
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5)
}

@media (min-width: 768px) {
 .custom-range__value {
  margin-right: 34px
 }
}

.custom-range__value .value {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #1B98A8;
 transition: color .3s;
 margin-right: 16px
}

.custom-range__value .value_small {
 width: 20px
}

.custom-range__value .delimiter {
 width: 2px;
 height: 28px;
 margin-right: 16px;
 box-shadow: -1px -2px 4px rgba(35, 33, 58, 0.6), 1px 2px 4px rgba(4, 5, 14, 0.8)
}

.custom-range__value .units {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff
}

.custom-range__controller {
 -ms-flex: 1 0 auto;
 flex: 1 0 auto;
 width: 227px;
 margin-top: 24px;
 position: relative;
 height: 16px;
 border-radius: 8px;
 box-shadow: 0 0 0 12px rgba(13, 16, 31, 0.33), inset -2px -2px 3px rgba(35, 33, 58, 0.5), inset 2px 2px 3px rgba(0, 2, 12, 0.5), -14px -28px 30px rgba(35, 33, 58, 0.35), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.5), 6px 6px 30px rgba(0, 2, 12, 0.4)
}

@media (min-width: 768px) {
 .custom-range__controller {
  margin-top: 0
 }
}

@media (min-width: 1320px) {
 .custom-range__controller {
  width: 200px
 }
}

@media (min-width: 1860px) {
 .custom-range__controller {
  margin-top: 0;
  width: 240px
 }
}

.custom-range .status-bar {
 display: block;
 position: absolute;
 height: 8px;
 background: linear-gradient(90deg, #B487FF -1.04%, #9865E2 101.04%);
 border-radius: 4px;
 left: 4px;
 top: 4px;
 transition: width .1s ease-out
}

.custom-range .slider {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 height: 28px;
 width: 28px;
 cursor: pointer;
 -webkit-transform: translate(0, -6px);
 transform: translate(0, -6px);
 transition: left .1s ease-out, box-shadow .2s linear, background .03s linear;
 background: #1B98A8;
 box-shadow: -2px -4px 8px rgba(65, 39, 106, 0.6), 2px 4px 8px rgba(17, 5, 38, 0.6), inset 2px 4px 8px rgba(158, 123, 214, 0.6), inset -2px -4px 8px rgba(17, 5, 38, 0.6);
 border-radius: 10px
}

.custom-range__value-error {
 width: 100%;
 height: auto;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 margin-top: 0;
 position: relative;
 opacity: 0;
 max-height: 0;
 overflow: hidden;
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
 transition: max-height .4s ease-out .1s, margin-top .4s ease-out .1s, opacity .3s linear 0s, -webkit-transform .3s linear 0s;
 transition: max-height .4s ease-out .1s, margin-top .4s ease-out .1s, opacity .3s linear 0s, transform .3s linear 0s;
 transition: max-height .4s ease-out .1s, margin-top .4s ease-out .1s, opacity .3s linear 0s, transform .3s linear 0s, -webkit-transform .3s linear 0s
}

.custom-range__value-error.visible {
 opacity: 1;
 max-height: 60px;
 margin-top: 24px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: max-height .5s ease-out 0s, margin-top .5s ease-out 0s, opacity 1s linear .1s, -webkit-transform 1s ease-out .1s;
 transition: max-height .5s ease-out 0s, margin-top .5s ease-out 0s, opacity 1s linear .1s, transform 1s ease-out .1s;
 transition: max-height .5s ease-out 0s, margin-top .5s ease-out 0s, opacity 1s linear .1s, transform 1s ease-out .1s, -webkit-transform 1s ease-out .1s
}

.input[type="range"] {
 -webkit-appearance: none;
 display: block;
 width: 100%;
 min-width: 0;
 height: 28px;
 background: none;
 position: relative;
 z-index: 1;
 padding: 0;
 margin: 0;
 box-shadow: none;
 border-radius: 0;
 cursor: pointer;
 -webkit-transform: translate(0, -6px);
 transform: translate(0, -6px);
 opacity: 0
}

.input[type="range"]::-webkit-slider-thumb {
 opacity: 0
}

.input[type="range"]::-moz-range-thumb {
 opacity: 0
}

.section__about-offer {
 background: #1f0d0d;
 padding: 48px 0;
 margin-bottom: 0 !important
}

@media (min-width: 1860px) {
 .section__about-offer {
  padding: 134px 0
 }
}

.section__about-offer .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.section__about-offer .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 1860px) {
 .section__about-offer .section__title {
  margin-bottom: 96px
 }
}

.about-offer__title {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center
}

.about-offer__title::after {
 content: "";
 display: inline-block;
 width: 16px;
 height: 12px;
 margin-left: 3px;
 margin-top: 4px;
 transition: -webkit-transform .2s linear;
 transition: transform .2s linear;
 transition: transform .2s linear, -webkit-transform .2s linear
}

.about-offer__title.open::after {
 -webkit-transform: scale(1, -1);
 transform: scale(1, -1)
}

@media (min-width: 768px) {
 .about-offer__title::after {
  display: none
 }
}

@media (min-width: 1320px) {
 .about-offer__title {
  width: 300px;
  height: 62px
 }
}

@media (min-width: 1860px) {
 .about-offer__title {
  width: auto;
  height: auto
 }
}

.about-offer__icon {
 display: inline-block;
 width: 48px;
 height: 48px;
 position: relative;
 margin-right: 8px
}

.about-offer__icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.about-offer__icon svg path {
 fill: #F6F0FF
}

@media (min-width: 768px) {
 .about-offer__icon {
  margin-right: 16px
 }
}

.about-offer__caption {
 font-weight: 500;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff
}

@media (min-width: 768px) {
 .about-offer__caption {
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #ffffff
 }
}

@media (min-width: 1320px) {
 .about-offer__caption {
  width: 200px
 }
}

@media (min-width: 1860px) {
 .about-offer__caption {
  width: auto;
  font-size: 30px;
  line-height: 140%
 }
}

.about-offer__items {
 margin-top: 0;
 margin-right: 7.5vw;
 background: transparent;
 height: auto;
 max-height: 0;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0), 16px 5px 40px rgba(4, 5, 14, 0);
 border-radius: 12px;
 padding: 0 6px 0 34px;
 transition: all .2s linear;
 overflow: hidden;
 opacity: 0
}

.about-offer__items.visible {
 margin-top: 34px;
 margin-bottom: 24px;
 background: #1f0d0d;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
 padding-top: 34px;
 padding-bottom: 34px;
 max-height: 400px;
 opacity: 1
}

@media (min-width: 768px) {
 .about-offer__items {
  margin-top: 34px;
  margin-bottom: 0;
  max-height: none;
  margin-right: 0;
  background: #1f0d0d;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  padding-top: 34px;
  padding-bottom: 34px;
  opacity: 1
 }
}

@media (min-width: 1320px) {
 .about-offer__items {
  margin-top: 48px;
  padding-right: 34px;
  height: 100%
 }
}

@media (min-width: 1860px) {
 .about-offer__items {
  padding-bottom: 61px
 }
}

.about-offer__item {
 margin-bottom: 16px
}

.about-offer__item:last-child {
 margin-bottom: 0
}

.about-offer__link {
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-align: start;
 align-items: flex-start
}

@media (min-width: 1320px) {
 .about-offer__link:hover {
  cursor: pointer
 }
 .about-offer__link:hover .about-offer__arr {
  -webkit-transform: translateX(3px);
  transform: translateX(3px)
 }
 .about-offer__link:hover .about-offer__arr svg path {
  fill: #1B98A8
 }
 .about-offer__link:hover .about-offer__link-txt {
  color: #1B98A8
 }
}

.about-offer__arr {
 display: inline-block;
 width: 16px;
 height: 16px;
 margin-right: 12px;
 top: 3px;
 position: relative;
 transition: -webkit-transform .2s linear;
 transition: transform .2s linear;
 transition: transform .2s linear, -webkit-transform .2s linear
}

.about-offer__arr svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 16px;
 height: auto
}

.about-offer__arr svg path {
 transition: fill .2s linear;
 fill: #F6F0FF
}

.about-offer__link-txt {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 transition: color .2s linear
}

@media (max-width: 767px) {
 .about-offer__list {
  overflow: initial
 }
}

@media (min-width: 768px) {
 .about-offer__list {
  padding-left: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-left: -100px;
  margin-top: -100px;
  margin-bottom: -100px
 }
}

@media (max-width: 767px) {
 .about-offer__list-wrap {
  display: block
 }
}

.about-offer__slide {
 margin-bottom: 16px
}

.about-offer__slide:last-child {
 margin-bottom: 0
}

.about-offer__slide:nth-child(1) .about-offer__card {
 transition-delay: 0.3s
}

.about-offer__slide:nth-child(2) .about-offer__card {
 transition-delay: 0.6s
}

.about-offer__slide:nth-child(3) .about-offer__card {
 transition-delay: 0.9s
}

@media (min-width: 768px) {
 .about-offer__slide {
  margin-bottom: 0;
  width: 372px
 }
}

@media (min-width: 1320px) {
 .about-offer__slide {
  width: 342px;
  height: auto
 }
}

@media (min-width: 1860px) {
 .about-offer__slide {
  width: 480px
 }
}

@media (min-width: 2520px) {
 .about-offer__slide {
  width: 518px
 }
}

.about-offer__card {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.about-offer__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .about-offer__card {
  width: 324px
 }
}

@media (min-width: 1320px) {
 .about-offer__card {
  width: 274px;
  height: calc(100% - 110px)
 }
}

@media (min-width: 1860px) {
 .about-offer__card {
  width: 384px;
  height: calc(100% - 96px)
 }
}

.section_work-with {
 background: #1f0d0d;
 margin-top: 0 !important;
 padding-bottom: 48px;
 padding-top: 48px
}

@media (min-width: 768px) {
 .section_work-with {
  padding-top: 86px;
  padding-bottom: 96px
 }
}

@media (min-width: 1860px) {
 .section_work-with {
  padding-bottom: 134px
 }
}

.section_work-with .section__title {
 margin-bottom: 36px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.section_work-with .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .section_work-with .section__title {
  margin-bottom: 62px
 }
}

@media (min-width: 1320px) {
 .section_work-with .section__title {
  margin-bottom: 68px
 }
}

@media (min-width: 1860px) {
 .section_work-with .section__title {
  margin-bottom: 96px
 }
}

@media (min-width: 768px) {
 .section_work-with .section__title .title {
  display: block
 }
}

@media (min-width: 1320px) {
 .section_work-with .section__title .title {
  display: inline-block
 }
}

.section_work-with .section__link {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.section_work-with .section__link.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

.work-with__caption-container {
 position: relative;
 z-index: 2
}

.work-with__list {
 padding: 100px 0 100px 100px;
 margin: -100px 0 -100px -100px
}

@media (min-width: 1860px) {
 .work-with__list {
  padding: 100px;
  margin: -100px
 }
}

@media (min-width: 1320px) {
 .work-with__list-wrap {
  display: block
 }
}

@media (min-width: 1320px) {
 .work-with__content {
  width: 480px;
  margin-right: 96px
 }
}

@media (min-width: 1860px) {
 .work-with__content {
  width: 576px
 }
}

.work-with__caption {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px
}

@media (min-width: 768px) {
 .work-with__caption {
  font-weight: bold;
  font-size: 24px
 }
}

@media (min-width: 1320px) {
 .work-with__caption {
  margin-bottom: 24px;
  min-height: 46px
 }
}

@media (min-width: 1860px) {
 .work-with__caption {
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 34px;
  min-height: 41px
 }
}

.work-with__description {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 24px
}

@media (min-width: 768px) {
 .work-with__description {
  font-size: 14px
 }
}

@media (min-width: 1320px) {
 .work-with__description {
  margin-bottom: 0
 }
}

.work-with__item {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 16px
}

.work-with__item:last-child {
 margin-bottom: 0
}

@media (min-width: 1320px) {
 .work-with__item {
  font-size: 18px;
  margin-bottom: 12px;
  line-height: 163%
 }
}

@media (min-width: 1860px) {
 .work-with__item {
  margin-bottom: 24px
 }
}

.work-with__item span {
 display: inline-block;
 margin: 0 4px
}

@media (min-width: 1320px) {
 .work-with__item span {
  margin: 0 5px
 }
}

.work-with__slide {
 width: 240px;
 height: auto
}

.work-with__slide:nth-child(1) .work-with__card {
 transition-delay: 0.3s
}

.work-with__slide:nth-child(2) .work-with__card {
 transition-delay: 0.6s
}

.work-with__slide:nth-child(3) .work-with__card {
 transition-delay: 0.9s
}

.work-with__slide:nth-child(4) .work-with__card {
 transition-delay: 1.2s
}

.work-with__slide:nth-child(5) .work-with__card {
 transition-delay: 1.5s
}

@media (min-width: 768px) {
 .work-with__slide {
  width: 348px
 }
}

@media (min-width: 1320px) {
 .work-with__slide {
  width: 958px;
  margin-bottom: 48px
 }
 .work-with__slide:last-child {
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .work-with__slide {
  width: 100%;
  max-width: 1340px;
  margin-bottom: 68px
 }
}

.work-with__card {
 width: 216px;
 height: 100%;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
 border-radius: 12px;
 padding: 16px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.work-with__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .work-with__card {
  width: 300px;
  box-shadow: none;
  padding: 0
 }
}

@media (min-width: 1320px) {
 .work-with__card {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding: 34px;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
 }
}

@media (min-width: 1860px) {
 .work-with__card {
  padding: 48px;
  box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3)
 }
}

.warranty .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.warranty .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .warranty .section__title {
  max-width: 350px
 }
}

@media (min-width: 1320px) {
 .warranty .section__title {
  max-width: none
 }
}

.warranty__list {
 padding: 100px 0 100px 100px;
 margin: -100px 0 -100px -100px
}

@media (min-width: 1320px) {
 .warranty__list {
  padding-left: 40px;
  margin-left: -40px
 }
}

.warranty__slide {
 width: 224px;
 height: auto
}

.warranty__slide:nth-child(1) {
 z-index: calc(10 - 1)
}

.warranty__slide:nth-child(1) .warranty__card {
 transition-delay: 0.3s
}

.warranty__slide:nth-child(2) {
 z-index: calc(10 - 2)
}

.warranty__slide:nth-child(2) .warranty__card {
 transition-delay: 0.6s
}

.warranty__slide:nth-child(3) {
 z-index: calc(10 - 3)
}

.warranty__slide:nth-child(3) .warranty__card {
 transition-delay: 0.9s
}

.warranty__slide:nth-child(4) {
 z-index: calc(10 - 4)
}

.warranty__slide:nth-child(4) .warranty__card {
 transition-delay: 1.2s
}

.warranty__slide:nth-child(5) {
 z-index: calc(10 - 5)
}

.warranty__slide:nth-child(5) .warranty__card {
 transition-delay: 1.5s
}

.warranty__slide:nth-child(6) {
 z-index: calc(10 - 6)
}

.warranty__slide:nth-child(6) .warranty__card {
 transition-delay: 1.8s
}

.warranty__slide:nth-child(7) {
 z-index: calc(10 - 7)
}

.warranty__slide:nth-child(7) .warranty__card {
 transition-delay: 2.1s
}

.warranty__slide:nth-child(8) {
 z-index: calc(10 - 8)
}

.warranty__slide:nth-child(8) .warranty__card {
 transition-delay: 2.4s
}

.warranty__slide:nth-child(9) {
 z-index: calc(10 - 9)
}

.warranty__slide:nth-child(9) .warranty__card {
 transition-delay: 2.7s
}

.warranty__slide:nth-child(10) {
 z-index: calc(10 - 10)
}

.warranty__slide:nth-child(10) .warranty__card {
 transition-delay: 3s
}

@media (min-width: 768px) {
 .warranty__slide {
  width: 348px
 }
}

@media (min-width: 1320px) {
 .warranty__slide {
  width: 513px
 }
}

@media (min-width: 1860px) {
 .warranty__slide {
  width: 720px
 }
}

.warranty__card {
 width: 200px;
 height: 100%;
 background: #070707;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
 border-radius: 12px;
 padding: 16px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.warranty__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .warranty__card {
  width: 324px;
  background: transparent;
  box-shadow: none;
  padding: 0
 }
}

@media (min-width: 1320px) {
 .warranty__card {
  width: 445px;
  background: #070707;
  padding: 34px;
  box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3)
 }
}

@media (min-width: 1860px) {
 .warranty__card {
  width: 624px;
  padding: 48px
 }
}

.warranty__card-title {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px
}

@media (min-width: 768px) {
 .warranty__card-title {
  font-weight: bold;
  font-size: 24px
 }
}

@media (min-width: 1320px) {
 .warranty__card-title {
  margin-bottom: 16px
 }
}

@media (min-width: 1860px) {
 .warranty__card-title {
  margin-bottom: 24px;
  font-size: 30px;
  line-height: 140%
 }
}

.warranty__card-desc {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c
}

@media (min-width: 768px) {
 .warranty__card-desc {
  font-size: 14px
 }
}

.warranty #btnWarrantySliderPrev {
 margin-top: 38px;
 opacity: 1;
 transition: opacity 1s
}

.warranty #btnWarrantySliderPrev.animation-element {
 opacity: 0
}

@media (min-width: 1860px) {
 .warranty #btnWarrantySliderPrev {
  margin-top: 16px
 }
}

.warranty #btnWarrantySliderNext {
 margin-top: -65px;
 opacity: 1;
 transition: opacity 1s
}

.warranty #btnWarrantySliderNext.animation-element {
 opacity: 0
}

@media (min-width: 1860px) {
 .warranty #btnWarrantySliderNext {
  margin-top: -87px
 }
}

.warranty__guarantee {
 margin-top: 60px
}

@media (min-width: 768px) {
 .warranty__guarantee {
  margin-top: 48px
 }
}

@media (min-width: 1320px) {
 .warranty__guarantee {
  margin-top: 68px
 }
}

@media (min-width: 1860px) {
 .warranty__guarantee {
  margin-top: 96px
 }
}

.warranty__guarantee-title {
 max-width: 250px;
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 24px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.warranty__guarantee-title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .warranty__guarantee-title {
  font-weight: bold;
  font-size: 24px;
  max-width: 400px;
  margin-bottom: 12px
 }
}

@media (min-width: 1320px) {
 .warranty__guarantee-title {
  max-width: 445px;
  padding-bottom: 28px;
  margin-bottom: 34px;
  position: relative
 }
 .warranty__guarantee-title::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 12px;
  background: #070707;
  box-shadow: -20px -27px 40px rgba(35, 33, 58, 0.35), 20px 27px 40px rgba(4, 5, 14, 0.17), inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8);
  border-radius: 12px
 }
}

@media (min-width: 1860px) {
 .warranty__guarantee-title {
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 34px;
  max-width: 625px;
  padding-bottom: 27px
 }
}

.warranty__guarantee-list {
 padding-left: 100px;
 margin-left: -100px
}

@media (min-width: 1320px) {
 .warranty__guarantee-list-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
 }
}

.warranty__guarantee-slide {
 width: 224px
}

.warranty__guarantee-slide:nth-child(1) .warranty__guarantee-card {
 transition-delay: 0.3s
}

.warranty__guarantee-slide:nth-child(2) .warranty__guarantee-card {
 transition-delay: 0.6s
}

.warranty__guarantee-slide:nth-child(3) .warranty__guarantee-card {
 transition-delay: 0.9s
}

.warranty__guarantee-slide:nth-child(4) .warranty__guarantee-card {
 transition-delay: 1.2s
}

.warranty__guarantee-slide:nth-child(5) .warranty__guarantee-card {
 transition-delay: 1.5s
}

.warranty__guarantee-slide:nth-child(6) .warranty__guarantee-card {
 transition-delay: 1.8s
}

.warranty__guarantee-slide:nth-child(7) .warranty__guarantee-card {
 transition-delay: 2.1s
}

.warranty__guarantee-slide:nth-child(8) .warranty__guarantee-card {
 transition-delay: 2.4s
}

.warranty__guarantee-slide:nth-child(9) .warranty__guarantee-card {
 transition-delay: 2.7s
}

.warranty__guarantee-slide:nth-child(10) .warranty__guarantee-card {
 transition-delay: 3s
}

@media (min-width: 768px) {
 .warranty__guarantee-slide {
  width: 416px
 }
}

@media (min-width: 1320px) {
 .warranty__guarantee-slide {
  width: 513px;
  margin-bottom: 24px
 }
 .warranty__guarantee-slide:nth-last-child(1),
 .warranty__guarantee-slide:nth-last-child(2) {
  margin-bottom: 0
 }
 .warranty__guarantee-slide:nth-child(even) {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
 }
}

@media (min-width: 1860px) {
 .warranty__guarantee-slide {
  width: 37.5vw
 }
}

.warranty__guarantee-card {
 width: 200px;
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c;
 position: relative;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.warranty__guarantee-card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .warranty__guarantee-card {
  width: 368px
 }
}

@media (min-width: 1320px) {
 .warranty__guarantee-card {
  width: 445px;
  padding-left: 16px
 }
}

@media (min-width: 1860px) {
 .warranty__guarantee-card {
  width: 32.5vw
 }
}

.warranty__guarantee-card .point,
.warranty__guarantee-card .faq__description ul li span::before,
.faq__description ul li .warranty__guarantee-card span::before,
.warranty__guarantee-card .privacy-policy__description ul li::before,
.privacy-policy__description ul .warranty__guarantee-card li::before {
 display: none
}

@media (min-width: 1320px) {
 .warranty__guarantee-card .point,
 .warranty__guarantee-card .faq__description ul li span::before,
 .faq__description ul li .warranty__guarantee-card span::before,
 .warranty__guarantee-card .privacy-policy__description ul li::before,
 .privacy-policy__description ul .warranty__guarantee-card li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 8px
 }
}

.certificates .section__title {
 margin-bottom: 24px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.certificates .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .certificates .section__title {
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .certificates .section__title {
  margin-bottom: 96px
 }
}

@media (min-width: 1860px) {
 .certificates .section__title {
  margin-bottom: 133px
 }
}

.certificates__subtitle {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 48px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.certificates__subtitle.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .certificates__subtitle {
  width: 440px;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px
 }
}

@media (min-width: 1320px) {
 .certificates__subtitle {
  position: absolute;
  margin-bottom: 0;
  top: 100px;
  padding-bottom: 28px;
  width: 444px
 }
 .certificates__subtitle::after {
  content: "";
  display: block;
  width: 100vw;
  height: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #070707;
  border-radius: 12px;
  box-shadow: -20px -27px 40px rgba(35, 33, 58, 0.35), 20px 27px 40px rgba(4, 5, 14, 0.17), inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8)
 }
}

@media (min-width: 1860px) {
 .certificates__subtitle {
  font-size: 30px;
  line-height: 140%;
  width: 622px
 }
}

.certificates__list {
 padding: 100px 0 100px 100px;
 margin: -100px 0 -100px -100px
}

@media (min-width: 1320px) {
 .certificates__list {
  padding-left: 30px;
  margin-left: 484px
 }
}

@media (min-width: 1860px) {
 .certificates__list {
  margin-left: 690px
 }
}

.certificates__slide {
 width: 224px
}

@media (min-width: 768px) {
 .certificates__slide {
  width: 232px
 }
}

@media (min-width: 1320px) {
 .certificates__slide {
  width: 278px
 }
}

@media (min-width: 1860px) {
 .certificates__slide {
  width: 336px
 }
}

.certificates__slide:nth-child(1) {
 z-index: calc(21 - 1)
}

.certificates__slide:nth-child(2) {
 z-index: calc(21 - 2)
}

.certificates__slide:nth-child(3) {
 z-index: calc(21 - 3)
}

.certificates__slide:nth-child(4) {
 z-index: calc(21 - 4)
}

.certificates__slide:nth-child(5) {
 z-index: calc(21 - 5)
}

.certificates__slide:nth-child(6) {
 z-index: calc(21 - 6)
}

.certificates__slide:nth-child(7) {
 z-index: calc(21 - 7)
}

.certificates__slide:nth-child(8) {
 z-index: calc(21 - 8)
}

.certificates__slide:nth-child(9) {
 z-index: calc(21 - 9)
}

.certificates__slide:nth-child(10) {
 z-index: calc(21 - 10)
}

.certificates__slide:nth-child(11) {
 z-index: calc(21 - 11)
}

.certificates__slide:nth-child(12) {
 z-index: calc(21 - 12)
}

.certificates__slide:nth-child(13) {
 z-index: calc(21 - 13)
}

.certificates__slide:nth-child(14) {
 z-index: calc(21 - 14)
}

.certificates__slide:nth-child(15) {
 z-index: calc(21 - 15)
}

.certificates__slide:nth-child(16) {
 z-index: calc(21 - 16)
}

.certificates__slide:nth-child(17) {
 z-index: calc(21 - 17)
}

.certificates__slide:nth-child(18) {
 z-index: calc(21 - 18)
}

.certificates__slide:nth-child(19) {
 z-index: calc(21 - 19)
}

.certificates__slide:nth-child(20) {
 z-index: calc(21 - 20)
}

.certificates__slide:nth-child(1) .certificates__card {
 transition-delay: 0.3s
}

.certificates__slide:nth-child(2) .certificates__card {
 transition-delay: 0.6s
}

.certificates__slide:nth-child(3) .certificates__card {
 transition-delay: 0.9s
}

.certificates__slide:nth-child(4) .certificates__card {
 transition-delay: 1.2s
}

.certificates__slide:nth-child(5) .certificates__card {
 transition-delay: 1.5s
}

.certificates__slide:nth-child(6) .certificates__card {
 transition-delay: 1.8s
}

.certificates__slide:nth-child(7) .certificates__card {
 transition-delay: 2.1s
}

.certificates__slide:nth-child(8) .certificates__card {
 transition-delay: 2.4s
}

.certificates__slide:nth-child(9) .certificates__card {
 transition-delay: 2.7s
}

.certificates__slide:nth-child(10) .certificates__card {
 transition-delay: 3s
}

.certificates__slide:nth-child(11) .certificates__card {
 transition-delay: 3.3s
}

.certificates__slide:nth-child(12) .certificates__card {
 transition-delay: 3.6s
}

.certificates__slide:nth-child(13) .certificates__card {
 transition-delay: 3.9s
}

.certificates__slide:nth-child(14) .certificates__card {
 transition-delay: 4.2s
}

.certificates__slide:nth-child(15) .certificates__card {
 transition-delay: 4.5s
}

.certificates__slide:nth-child(16) .certificates__card {
 transition-delay: 4.8s
}

.certificates__slide:nth-child(17) .certificates__card {
 transition-delay: 5.1s
}

.certificates__slide:nth-child(18) .certificates__card {
 transition-delay: 5.4s
}

.certificates__slide:nth-child(19) .certificates__card {
 transition-delay: 5.7s
}

.certificates__slide:nth-child(20) .certificates__card {
 transition-delay: 6s
}

.certificates__card {
 width: 200px;
 height: 282px;
 position: relative;
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
 border-radius: 12px;
 overflow: hidden;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.certificates__card.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .certificates__card {
  width: 208px;
  height: 296px
 }
}

@media (min-width: 1320px) {
 .certificates__card {
  width: 244px;
  height: 344px
 }
 .certificates__card:hover .certificates__pic {
  width: 110%;
  height: 110%;
  top: -5%;
  left: -5%
 }
}

@media (min-width: 1860px) {
 .certificates__card {
  width: 288px;
  height: 407px
 }
}

.certificates__pic {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 transition: all .2s linear;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover
}

.certificates #btnCertificatesSliderPrev {
 left: 273px;
 margin-top: -35px;
 opacity: 1;
 transition: opacity 1s
}

.certificates #btnCertificatesSliderPrev.animation-element {
 opacity: 0
}

@media (min-width: 1860px) {
 .certificates #btnCertificatesSliderPrev {
  left: 453px
 }
}

.certificates #btnCertificatesSliderNext {
 left: 375px;
 margin-top: -35px;
 opacity: 1;
 transition: opacity 1s
}

.certificates #btnCertificatesSliderNext.animation-element {
 opacity: 0
}

@media (min-width: 1860px) {
 .certificates #btnCertificatesSliderNext {
  left: 555px
 }
}

.payment-ways .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.payment-ways .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.payment-ways .section__link {
 display: -ms-flexbox;
 display: flex;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.payment-ways .section__link.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 1320px) {
 .payment-ways .section__link {
  display: -ms-inline-flexbox;
  display: inline-flex
 }
}

.payment-ways .section__link a {
 width: 200px;
 line-height: 160%
}

@media (min-width: 1320px) {
 .payment-ways .section__link a {
  width: auto
 }
 .payment-ways .section__link a .icon svg path {
  transition: all 0.2s
 }
 .payment-ways .section__link a:hover+.icon svg path {
  stroke: #ffffff
 }
}

.payment-ways .section__link .icon {
 display: block;
 margin-top: 4px;
 margin-left: 8px
}

.payment-ways__methods {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-bottom: 34px
}

@media (min-width: 768px) {
 .payment-ways__methods {
  -ms-flex-direction: row;
  flex-direction: row
 }
}

@media (min-width: 1320px) {
 .payment-ways__methods {
  margin-bottom: 24px
 }
}

@media (min-width: 1860px) {
 .payment-ways__methods {
  margin-bottom: 34px
 }
}

.payment-ways__methods-item {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -ms-flex-align: center;
 align-items: center;
 margin-bottom: 24px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.payment-ways__methods-item.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

.payment-ways__methods-item:nth-child(1) {
 transition-delay: 0.3s
}

.payment-ways__methods-item:nth-child(2) {
 transition-delay: 0.6s
}

.payment-ways__methods-item:nth-child(3) {
 transition-delay: 0.9s
}

.payment-ways__methods-item:last-child {
 margin-bottom: 0
}

@media (min-width: 768px) {
 .payment-ways__methods-item {
  margin-bottom: 0;
  margin-right: 34px
 }
 .payment-ways__methods-item:nth-child(2) {
  -ms-flex-preferred-size: 233px;
  flex-basis: 233px;
  min-width: 233px
 }
 .payment-ways__methods-item:last-child {
  margin-right: 0
 }
}

@media (min-width: 1320px) {
 .payment-ways__methods-item {
  margin-right: 68px;
  -ms-flex-preferred-size: 274px !important;
  flex-basis: 274px !important;
  min-width: 274px !important
 }
}

@media (min-width: 1860px) {
 .payment-ways__methods-item {
  margin-right: 96px;
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  min-width: auto !important
 }
}

@media (min-width: 2520px) {
 .payment-ways__methods-item {
  margin-right: 134px
 }
}

.payment-ways__methods-item .icon {
 height: 48px;
 margin-right: 8px;
 position: relative;
 -ms-flex-preferred-size: 48px;
 flex-basis: 48px;
 min-width: 48px;
 max-width: 48px
}

@media (min-width: 1320px) {
 .payment-ways__methods-item .icon {
  margin-right: 16px
 }
}

.payment-ways__methods-item .icon_card svg {
 margin-left: 7px
}

.payment-ways__methods-item .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.payment-ways__methods-item .text {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff
}

@media (min-width: 1320px) {
 .payment-ways__methods-item .text {
  font-weight: bold;
  font-size: 24px
 }
}

@media (min-width: 1860px) {
 .payment-ways__methods-item .text {
  font-size: 30px;
  line-height: 140%
 }
}

.payment-ways__mark {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 48px;
 transition-delay: 1s !important;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.payment-ways__mark.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .payment-ways__mark {
  margin-bottom: 68px
 }
}

@media (min-width: 1320px) {
 .payment-ways__mark {
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .payment-ways__mark {
  max-width: 800px;
  margin-bottom: 96px
 }
}

.payment-ways__requisites-title {
 display: inline-block;
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 32px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.payment-ways__requisites-title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .payment-ways__requisites-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 29px
 }
}

@media (min-width: 1320px) {
 .payment-ways__requisites-title {
  margin-bottom: 34px
 }
 .payment-ways__requisites-title:hover svg path {
  stroke: #1B98A8
 }
}

@media (min-width: 1860px) {
 .payment-ways__requisites-title {
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 43px
 }
}

.payment-ways__requisites-title .icon {
 display: none;
 width: 24px;
 height: 32px;
 position: relative;
 margin-left: 8px
}

@media (min-width: 768px) {
 .payment-ways__requisites-title .icon {
  display: inline-block
 }
}

@media (min-width: 1320px) {
 .payment-ways__requisites-title .icon {
  margin-left: 12px
 }
}

.payment-ways__requisites-title .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.payment-ways__requisites-title .icon svg path {
 transition: stroke .1s linear
}

.payment-ways__requisites__list {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

.payment-ways__requisites__list.animation-element li {
 opacity: 0;
 -webkit-transform: translateY(50px);
 transform: translateY(50px)
}

.payment-ways__requisites__item {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: start;
 align-items: flex-start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 margin-bottom: 24px;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.payment-ways__requisites__item:nth-child(1) {
 transition-delay: 0.3s
}

.payment-ways__requisites__item:nth-child(2) {
 transition-delay: 0.6s
}

.payment-ways__requisites__item:nth-child(3) {
 transition-delay: 0.9s
}

.payment-ways__requisites__item:nth-child(4) {
 transition-delay: 1.2s
}

.payment-ways__requisites__item:nth-child(5) {
 transition-delay: 1.5s
}

.payment-ways__requisites__item:nth-child(6) {
 transition-delay: 1.8s
}

.payment-ways__requisites__item:nth-child(7) {
 transition-delay: 2.1s
}

.payment-ways__requisites__item:nth-child(8) {
 transition-delay: 2.4s
}

.payment-ways__requisites__item:nth-child(9) {
 transition-delay: 2.7s
}

.payment-ways__requisites__item:nth-child(10) {
 transition-delay: 3s
}

.payment-ways__requisites__item:nth-child(11) {
 transition-delay: 3.3s
}

.payment-ways__requisites__item:nth-child(12) {
 transition-delay: 3.6s
}

.payment-ways__requisites__item:nth-child(13) {
 transition-delay: 3.9s
}

.payment-ways__requisites__item:nth-child(14) {
 transition-delay: 4.2s
}

.payment-ways__requisites__item:nth-child(15) {
 transition-delay: 4.5s
}

.payment-ways__requisites__item:last-child {
 margin-bottom: 0
}

@media (min-width: 1320px) {
 .payment-ways__requisites__item {
  margin-bottom: 16px
 }
}

@media (min-width: 1860px) {
 .payment-ways__requisites__item {
  margin-bottom: 24px
 }
}

.payment-ways__requisites__item .caption {
 -ms-flex-preferred-size: 100px;
 flex-basis: 100px;
 min-width: 100px;
 max-width: 100px;
 margin-right: 16px;
 font-weight: normal;
 font-size: 12px;
 line-height: 163%;
 color: #6c6c6c
}

@media (min-width: 768px) {
 .payment-ways__requisites__item .caption {
  -ms-flex-preferred-size: 208px;
  flex-basis: 208px;
  min-width: 208px;
  max-width: 208px;
  margin-right: 24px
 }
}

@media (min-width: 1320px) {
 .payment-ways__requisites__item .caption {
  -ms-flex-preferred-size: 274px;
  flex-basis: 274px;
  min-width: 274px;
  max-width: 274px;
  margin-right: 68px;
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .payment-ways__requisites__item .caption {
  -ms-flex-preferred-size: 288px;
  flex-basis: 288px;
  min-width: 288px;
  max-width: 288px;
  margin-right: 192px;
  font-size: 18px
 }
}

.payment-ways__requisites__item .content {
 font-weight: normal;
 font-size: 14px;
 line-height: 163%;
 color: #ffffff
}

@media (min-width: 1860px) {
 .payment-ways__requisites__item .content {
  font-size: 18px
 }
}

.contacts .section__title {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.contacts .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .contacts .section__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .contacts .section__title {
  display: block;
  margin-bottom: 68px
 }
}

@media (min-width: 1860px) {
 .contacts .section__title {
  margin-bottom: 95px
 }
}

.contacts .section__link {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.contacts .section__link.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .contacts .section__link {
  margin-top: 9px
 }
}

.contacts__content {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 padding-right: 7.5%
}

@media (min-width: 768px) {
 .contacts__content {
  -ms-flex-direction: row;
  flex-direction: row;
  padding-right: 6.25%
 }
}

.contacts__map-container {
 width: 100%;
 height: 0;
 padding-bottom: 64.70588235294118%;
 position: relative;
 margin-bottom: 34px;
 background-color: #ffffff;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: opacity 2.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 transition: opacity 2.5s cubic-bezier(0.33, 1, 0.68, 1), transform 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 transition: opacity 2.5s cubic-bezier(0.33, 1, 0.68, 1), transform 2.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6)
}

.contacts__map-container.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .contacts__map-container {
  width: auto;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
  height: 228px;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-right: 24px
 }
}

@media (min-width: 1320px) {
 .contacts__map-container {
  -ms-flex-preferred-size: 616px;
  flex-basis: 616px;
  max-width: 616px;
  min-width: 616px;
  height: 400px;
  margin-right: 68px
 }
}

@media (min-width: 1860px) {
 .contacts__map-container {
  -ms-flex-preferred-size: 864px;
  flex-basis: 864px;
  max-width: 864px;
  min-width: 864px;
  height: 560px;
  margin-right: 96px
 }
}

.contacts__map {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0
}

.contacts__addres {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-pack: start;
 justify-content: flex-start
}

@media (min-width: 768px) {
 .contacts__addres {
  max-width: 350px
 }
}

@media (min-width: 1320px) {
 .contacts__addres {
  max-width: 400px
 }
}

@media (min-width: 1860px) {
 .contacts__addres {
  max-width: 750px
 }
}

.contacts__addres.animation-element li {
 opacity: 0;
 -webkit-transform: translateY(50px);
 transform: translateY(50px)
}

.contacts__addres-item {
 margin-bottom: 24px;
 padding-left: 36px;
 position: relative;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0)
}

.contacts__addres-item:last-child {
 margin-bottom: 0
}

.contacts__addres-item:nth-child(1) {
 transition-delay: 0.3s
}

.contacts__addres-item:nth-child(2) {
 transition-delay: 0.6s
}

.contacts__addres-item:nth-child(3) {
 transition-delay: 0.9s
}

.contacts__addres-item:nth-child(4) {
 transition-delay: 1.2s
}

.contacts__addres-item:nth-child(5) {
 transition-delay: 1.5s
}

@media (min-width: 768px) {
 .contacts__addres-item {
  margin-bottom: 16px
 }
}

@media (min-width: 1320px) {
 .contacts__addres-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 0;
  margin-bottom: 30px
 }
}

@media (min-width: 1860px) {
 .contacts__addres-item {
  margin-bottom: 40px
 }
}

.contacts__addres__title {
 display: block;
 position: absolute;
 left: 0;
 top: 0
}

@media (min-width: 1320px) {
 .contacts__addres__title {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px
 }
}

.contacts__addres__title .icon {
 display: block;
 width: 24px;
 height: 24px;
 position: relative
}

@media (min-width: 1320px) {
 .contacts__addres__title .icon {
  margin-right: 8px
 }
}

.contacts__addres__title .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 24px;
 height: auto;
 margin-top: -1px
}

.contacts__addres__title .icon_phone svg path,
.contacts__addres__title .icon_mail svg path {
 fill: #1B98A8
}

.contacts__addres__title .txt {
 display: none
}

@media (min-width: 1320px) {
 .contacts__addres__title .txt {
  display: block;
  font-weight: normal;
  font-size: 18px;
  line-height: 160%;
  color: #fff;
 }
}

.contacts__addres-text {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #fff;
}

@media (min-width: 1320px) {
 .contacts__addres-text {
  font-size: 18px;
  color: #ffffff
 }
}

@media (min-width: 1860px) {
 .contacts__addres-text {
  font-weight: bold;
  font-size: 30px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: #ffffff
 }
}

.quiz {
 width: 100vw;
 height: 100vh;
 top: 0;
 padding-top: 76px;
 left: -9999px;
 opacity: 0;
 position: fixed;
 z-index: 5;
 overflow-x: hidden;
 overflow-y: auto;
 outline: 0;
 background-color: #1f0d0d;
 transition: left 0s linear 1s, opacity .3s linear .3s;
 scrollbar-color: transparent transparent;
 scrollbar-width: thin
}

.quiz.visible {
 left: 0;
 opacity: 1;
 transition: left 0s linear 0s, opacity .15s linear 0s
}

.quiz.visible .quiz__dialog {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1) 0.1s
}

@media (min-width: 768px) {
 .quiz {
  padding-top: 114px
 }
}

.quiz__dialog {
 position: relative;
 width: 100%;
 margin-top: 16px;
 margin-bottom: 34px;
 opacity: 0;
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1) 0s
}

@media (min-width: 768px) {
 .quiz__dialog {
  margin: 25px auto 0;
  width: 768px
 }
}

@media (min-width: 1320px) {
 .quiz__dialog {
  width: 1230px;
  margin-top: 8px;
  margin-bottom: 48px
 }
}

@media (min-width: 1860px) {
 .quiz__dialog {
  width: 1728px;
  margin-top: 14px
 }
}

.quiz__content {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: center;
 align-items: center;
 position: relative;
 width: 85%;
 margin: 0 auto;
 background-clip: padding-box;
 outline: 0;
 background: #1f0d0d;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 top: 0;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1) 0.2s
}

@media (min-width: 768px) {
 .quiz__content {
  width: 87.5%
 }
}

@media (min-width: 1320px) {
 .quiz__content {
  width: 100%;
  margin: 0;
  border-radius: 34px;
  box-shadow: 0 0 0 6px #1f0d0d, inset -2px -2px 3px rgba(35, 33, 58, 0.5), inset 2px 3px 6px rgba(0, 2, 12, 0.5), -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6), -6px -6px 30px rgba(35, 33, 58, 0.5), 6px 6px 30px rgba(0, 2, 12, 0.3)
 }
}

.quiz__content.hide {
 opacity: 0;
 -webkit-transform: translateY(50px);
 transform: translateY(50px);
 transition: all .3s linear
}

.quiz__content.hide.hidden {
 -webkit-transform: translateY(100px);
 transform: translateY(100px)
}

.quiz__button-close {
 position: absolute;
 width: 40px;
 height: 40px;
 top: 0;
 right: 0;
 border-radius: 50%;
 background: #1f0d0d;
 box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.35), 14px 28px 30px rgba(4, 5, 14, 0.3), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

@media (min-width: 768px) {
 .quiz__button-close {
  width: 48px;
  height: 48px
 }
}

@media (min-width: 1320px) {
 .quiz__button-close {
  top: 28px;
  right: 34px
 }
 .quiz__button-close:hover .button {
  -webkit-transform: rotate(180deg) translateY(1px);
  transform: rotate(180deg) translateY(1px)
 }
 .quiz__button-close:hover svg path {
  stroke: #1B98A8
 }
}

@media (min-width: 1860px) {
 .quiz__button-close {
  top: 42px;
  right: 48px
 }
}

.quiz__button-close svg {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: 4px;
 transition: all .3s;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

@media (min-width: 1320px) {
 .quiz__button-close svg {
  width: 135px;
  height: auto;
  margin-top: 5px
 }
}

.quiz__button-close svg path {
 transition: stroke .2s linear
}

.quiz__button-close .button {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 background: none;
 overflow: hidden;
 transition: -webkit-transform .3s linear;
 transition: transform .3s linear;
 transition: transform .3s linear, -webkit-transform .3s linear;
 cursor: pointer
}

.quiz__prolog {
 display: block;
 width: 100%;
 padding-top: 56px
}

@media (min-width: 768px) {
 .quiz__prolog {
  padding-top: 0
 }
}

@media (min-width: 1320px) {
 .quiz__prolog {
  padding: 96px 136px 96px 356px
 }
}

@media (min-width: 1860px) {
 .quiz__prolog {
  padding: 134px 180px 134px 492px
 }
}

.quiz__prolog .pic {
 display: none;
 z-index: -1
}

@media (min-width: 1320px) {
 .quiz__prolog .pic {
  display: block;
  position: absolute;
  top: 32px;
  left: 86px
 }
}

@media (min-width: 1860px) {
 .quiz__prolog .pic {
  left: 127px;
  top: 50px
 }
}

@media (min-width: 1860px) {
 .quiz__prolog .pic svg {
  width: 295px;
  height: auto
 }
}

.quiz__prolog .title {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px
}

@media (min-width: 768px) {
 .quiz__prolog .title {
  font-weight: bold;
  font-size: 40px;
  line-height: 140%;
  color: #ffffff;
  margin-bottom: 68px
 }
}

@media (min-width: 1320px) {
 .quiz__prolog .title {
  color: #ffffff;
  margin-top: -6px;
  margin-bottom: 72px
 }
}

@media (min-width: 1860px) {
 .quiz__prolog .title {
  font-size: 60px;
  margin-bottom: 96px;
  margin-top: -5px
 }
}

.quiz__prolog .content {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start
}

@media (min-width: 1320px) {
 .quiz__prolog .content {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

.quiz__prolog .subtitle {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 48px
}

@media (min-width: 768px) {
 .quiz__prolog .subtitle {
  font-size: 16px;
  margin-bottom: 34px;
  line-height: 163%
 }
}

@media (min-width: 1320px) {
 .quiz__prolog .subtitle {
  width: 511px;
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .quiz__prolog .subtitle {
  width: 831px;
  font-size: 18px;
  line-height: 163%
 }
}

.quiz__questions {
 display: none;
 width: 100%
}

@media (min-width: 1320px) {
 .quiz__questions {
  padding: 34px 136px 44px
 }
}

@media (min-width: 1860px) {
 .quiz__questions {
  padding: 63px 192px 68px 192px
 }
}

.quiz__body {
 padding-top: 56px;
 margin-bottom: 48px
}

@media (min-width: 768px) {
 .quiz__body {
  padding-top: 0
 }
}

@media (min-width: 1860px) {
 .quiz__body {
  margin-bottom: 69px
 }
}

.quiz__slide {
 display: none
}

.quiz__slide.active {
 display: block
}

.quiz__slide-title {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px
}

@media (min-width: 768px) {
 .quiz__slide-title {
  font-weight: bold;
  font-size: 40px;
  line-height: 140%;
  color: #ffffff;
  margin-bottom: 68px
 }
}

@media (min-width: 1320px) {
 .quiz__slide-title {
  font-size: 24px;
  line-height: 130%;
  color: #ffffff;
  margin-bottom: 16px;
  text-align: center
 }
}

@media (min-width: 1860px) {
 .quiz__slide-title {
  font-size: 30px;
  line-height: 140%;
  max-width: 540px;
  margin: 0 auto 23px
 }
}

.quiz__slide-subtitle {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 48px
}

@media (min-width: 768px) {
 .quiz__slide-subtitle {
  font-size: 16px;
  margin-bottom: 34px;
  max-width: 600px;
  line-height: 163%
 }
}

@media (min-width: 1320px) {
 .quiz__slide-subtitle {
  font-size: 14px;
  text-align: center;
  margin: 0 auto 34px;
  max-width: 500px
 }
}

@media (min-width: 1860px) {
 .quiz__slide-subtitle {
  margin-bottom: 67px
 }
}

.quiz__radio-group {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start
}

.quiz__radio-group .input[type="radio"]:checked+label::after {
 opacity: 1
}

@media (min-width: 1320px) {
 .quiz__radio-group {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
 .quiz__radio-group .input[type="radio"]:checked+label {
  cursor: default
 }
 .quiz__radio-group .input[type="radio"]:checked+label::before {
  opacity: 1
 }
 .quiz__radio-group .input[type="radio"]:checked+label .active-background {
  opacity: 1
 }
 .quiz__radio-group .input[type="radio"]:checked+label .text {
  color: #1B98A8
 }
}

.quiz__card {
 display: inline-block;
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 18px;
 padding-left: 32px;
 position: relative
}

.quiz__card:last-child {
 margin-bottom: 0
}

@media (min-width: 1320px) {
 .quiz__card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 445px;
  height: 270px;
  padding: 0;
  margin: 0;
  background: #1f0d0d;
  box-shadow: -14px -14px 40px rgba(35, 33, 58, 0.35), 16px 5px 40px rgba(4, 5, 14, 0.6);
  border-radius: 12px
 }
 .quiz__card:hover::before {
  opacity: 1
 }
 .quiz__card:hover .text {
  color: #1B98A8
 }
}

@media (min-width: 1860px) {
 .quiz__card {
  width: 624px;
  height: 380px;
  box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3);
  cursor: pointer
 }
}

.quiz__card::before {
 content: "";
 display: block;
 width: 20px;
 height: 20px;
 position: absolute;
 top: 3px;
 left: 0;
 background: #1f0d0d;
 box-shadow: -2px -4px 8px rgba(35, 33, 58, 0.6), 2px 4px 8px rgba(4, 5, 14, 0.6), -1px -1px 8px rgba(35, 33, 58, 0.6), 1px 1px 8px rgba(0, 2, 12, 0.6), inset -2px -4px 8px rgba(35, 33, 58, 0.6), inset 2px 4px 8px rgba(4, 5, 14, 0.8);
 border-radius: 50%
}

@media (min-width: 1320px) {
 .quiz__card::before {
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  top: -3px;
  left: -3px;
  background-color: transparent;
  background-image: linear-gradient(89.25deg, rgba(180, 135, 255, 0.5) .21%, rgba(152, 101, 226, 0.5) 100.18%);
  box-shadow: none;
  border-radius: 16px;
  opacity: 0;
  z-index: 1;
  transition: all .3s
 }
}

.quiz__card::after {
 content: "";
 display: block;
 position: absolute;
 width: 12px;
 height: 12px;
 top: 7px;
 left: 4px;
 background-color: #1B98A8;
 box-shadow: 0 0 30px rgba(255, 255, 255, 0.56);
 border-radius: 50%;
 opacity: 0;
 transition: opacity .2s linear
}

@media (min-width: 1320px) {
 .quiz__card::after {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  background-color: #1f0d0d;
  box-shadow: none;
  border-radius: 12px;
  opacity: 1;
  z-index: 3
 }
}

@media (min-width: 1860px) {
 .quiz__card::after {
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px
 }
}

.quiz__card .active-background {
 display: none
}

@media (min-width: 1320px) {
 .quiz__card .active-background {
  display: block;
  position: absolute;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  top: -3px;
  left: -3px;
  border-radius: 16px;
  z-index: 2;
  opacity: 0;
  transition: all .3s;
  background-image: linear-gradient(89.25deg, rgba(154, 91, 255, 0.5) .21%, rgba(132, 74, 216, 0.5) 100.18%)
 }
}

.quiz__card .picture {
 display: none
}

@media (min-width: 1320px) {
 .quiz__card .picture {
  position: relative;
  display: block;
  max-width: none;
  height: auto;
  z-index: 4
 }
}

.quiz__card .text {
 transition: color .3s linear
}

@media (min-width: 1320px) {
 .quiz__card .text {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 16px;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  line-height: 160%;
  color: #6c6c6c;
  transition: all .3s;
  z-index: 5
 }
}

@media (min-width: 1860px) {
 .quiz__card .text {
  font-size: 16px;
  bottom: 24px
 }
}

.quiz__card .text.text_warning {
 color: #6c6c6c !important
}

.quiz #quizLocationOutside+label .picture {
 top: -21px;
 left: 15px;
 width: 224px
}

@media (min-width: 1860px) {
 .quiz #quizLocationOutside+label .picture {
  top: -25px;
  left: 21px;
  width: 309px
 }
}

.quiz #quizLocationInside+label .picture {
 top: 0;
 left: 19px;
 width: 218px
}

@media (min-width: 1860px) {
 .quiz #quizLocationInside+label .picture {
  top: 4px;
  left: 11px;
  width: 304px
 }
}

.quiz #quizRent+label .picture,
.quiz #quizBuy+label .picture {
 top: 19px;
 left: -5px;
 width: 146px
}

@media (min-width: 1860px) {
 .quiz #quizRent+label .picture,
 .quiz #quizBuy+label .picture {
  top: -6px;
  left: -4px;
  width: 241px
 }
}

.quiz #quizSlide_2 .quiz__card .picture {
 top: -34px;
 left: 28px;
 width: 279px;
 margin: 0 auto
}

@media (min-width: 1860px) {
 .quiz #quizSlide_2 .quiz__card .picture {
  top: -4px;
  left: 32px;
  width: 312px
 }
}

.quiz #quizSlide_3 .quiz__card .picture {
 top: -30px;
 left: 18px;
 width: 294px;
 margin: 0 auto
}

@media (min-width: 1860px) {
 .quiz #quizSlide_3 .quiz__card .picture {
  top: -4px;
  left: 13px;
  width: 347px
 }
}

@media (min-width: 1320px) {
 .quiz__slider-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

@media (min-width: 1320px) {
 .quiz__single-slider {
  width: 417px;
  padding-top: 13px
 }
}

@media (min-width: 1860px) {
 .quiz__single-slider {
  width: 624px;
  padding-top: 29px
 }
}

@media (min-width: 768px) {
 .quiz__sliders {
  display: -ms-flexbox;
  display: flex
 }
}

@media (min-width: 1320px) {
 .quiz__sliders {
  display: block;
  width: 417px;
  padding-top: 13px
 }
}

@media (min-width: 1860px) {
 .quiz__sliders {
  width: 624px;
  padding-top: 29px
 }
}

.quiz__sliders .label-controll {
 margin-bottom: 48px
}

@media (min-width: 768px) {
 .quiz__sliders .label-controll {
  margin-bottom: 0
 }
}

@media (min-width: 768px) {
 .quiz__sliders .label-controll:first-child {
  margin-right: 48px
 }
}

@media (min-width: 1320px) {
 .quiz__sliders .label-controll:first-child {
  margin-bottom: 80px
 }
}

@media (min-width: 1860px) {
 .quiz__sliders .label-controll:first-child {
  margin-bottom: 96px
 }
}

@media (min-width: 1320px) {
 .quiz__sliders .label-controll:first-child .input-suffix {
  margin-left: 74px
 }
}

@media (min-width: 1860px) {
 .quiz__sliders .label-controll:first-child .input-suffix {
  margin-left: 128px
 }
}

@media (min-width: 1320px) {
 .quiz__sliders .label-controll:last-child .input-suffix {
  margin-left: 65px
 }
}

@media (min-width: 1860px) {
 .quiz__sliders .label-controll:last-child .input-suffix {
  margin-left: 128px
 }
}

.quiz__distance-comment {
 display: none
}

@media (min-width: 1320px) {
 .quiz__distance-comment {
  display: block;
  margin-top: 68px
 }
}

.quiz__distance-comment .comment-item {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center
}

.quiz__distance-comment .picture {
 position: relative;
 width: 76px;
 height: 76px;
 background: #1f0d0d;
 box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3);
 margin-right: 24px;
 border-radius: 50%
}

.quiz__distance-comment .picture svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 transition: opacity .3s linear
}

.quiz__distance-comment .picture svg:first-child {
 opacity: 0
}

.quiz__distance-comment .picture svg:last-child {
 opacity: 1
}

.quiz__distance-comment .text {
 display: inline-block;
 width: 300px;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 position: relative
}

.quiz__distance-comment .text span {
 display: block;
 position: absolute;
 top: 50%;
 left: 0;
 -webkit-transform: translateY(-40%);
 transform: translateY(-40%);
 opacity: 0;
 transition: all .3s linear
}

.quiz__distance-comment .text span.visible {
 opacity: 1;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%)
}

@media (min-width: 1320px) {
 .quiz .label-controll {
  margin-right: 0;
  width: 100%
 }
}

@media (min-width: 1860px) {
 .quiz .label-controll {
  display: block
 }
}

@media (min-width: 1860px) {
 .quiz .label-controll__caption {
  font-weight: normal;
  font-size: 18px;
  line-height: 160%;
  color: #ffffff
 }
}

.quiz .label-controll__caption::after {
 display: none
}

.quiz .label-controll__body {
 max-height: none;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 left: 0
}

.quiz .label-controll__content {
 padding-top: 12px
}

@media (min-width: 1320px) {
 .quiz .label-controll__content {
  padding-top: 0;
  margin-top: -34px
 }
}

@media (min-width: 1860px) {
 .quiz .label-controll__content {
  margin-top: -56px;
  margin-left: 0
 }
}

.quiz .custom-range__controller {
 margin-top: 40px;
 margin-bottom: 6px;
 width: 100%
}

@media (min-width: 768px) {
 .quiz .custom-range__controller {
  width: 300px
 }
}

@media (min-width: 1320px) {
 .quiz .custom-range__controller {
  width: 100%;
  margin-top: 29px
 }
}

@media (min-width: 1860px) {
 .quiz .custom-range__controller {
  margin-top: 40px
 }
}

@media (min-width: 768px) {
 .quiz .custom-range {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start
 }
}

.quiz .input-suffix {
 height: 46px;
 padding: 12px 32px;
 background: #1f0d0d;
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

@media (min-width: 1320px) {
 .quiz .input-suffix {
  margin-left: 97px
 }
}

@media (min-width: 1860px) {
 .quiz .input-suffix {
  height: 82px;
  padding: 24px 48px;
  margin-left: 157px;
  box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5)
 }
}

.quiz .input-suffix .input {
 width: 25px;
 margin-right: 2px
}

@media (min-width: 1860px) {
 .quiz .input-suffix .input {
  width: 51px;
  margin-right: 5px;
  padding-left: 5px;
  font-weight: normal;
  font-size: 24px;
  line-height: 140%
 }
}

.quiz .input-suffix__delimiter {
 display: none
}

@media (min-width: 1860px) {
 .quiz .input-suffix__delimiter {
  display: block;
  margin-right: 24px
 }
}

.quiz .input-suffix__units {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #4b3737;
 width: 50px
}

@media (min-width: 1860px) {
 .quiz .input-suffix__units {
  font-size: 18px;
  color: #ffffff;
  opacity: 0.5;
  width: 68px
 }
}

.quiz__footer {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-align: end;
 align-items: flex-end
}

@media (min-width: 1320px) {
 .quiz__footer {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
 }
}

.quiz__btn-next {
 width: 100%;
 margin-bottom: 68px
}

@media (min-width: 768px) {
 .quiz__btn-next {
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .quiz__btn-next {
  width: auto;
  margin-bottom: 0;
  -ms-flex-order: 3;
  order: 3
 }
}

.quiz__btn-next .btn.disabled {
 font-weight: 500;
 font-size: 14px;
 line-height: 160%;
 color: #4b3737;
 border: 2px solid #141727;
 background: #1f0d0d;
 box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.35), 14px 28px 30px rgba(4, 5, 14, 0.3), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06);
 cursor: default
}

.quiz__btn-next .btn.disabled:hover {
 color: #4b3737;
 border: 2px solid #141727;
 background: #1f0d0d;
 box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.35), 14px 28px 30px rgba(4, 5, 14, 0.3), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

.quiz__btn-prev {
 width: 40px;
 height: 40px
}

@media (min-width: 768px) {
 .quiz__btn-prev {
  width: 48px;
  height: 48px
 }
}

@media (min-width: 1320px) {
 .quiz__btn-prev {
  width: 50px;
  height: 50px
 }
}

.quiz__btn-prev .btn {
 width: 100%;
 height: 100%
}

.quiz__btn-prev .btn svg {
 width: 9px;
 height: auto;
 -webkit-transform: scale(-1, 1);
 transform: scale(-1, 1);
 margin-left: -2px
}

.quiz__state {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: end;
 align-items: flex-end
}

@media (min-width: 1320px) {
 .quiz__state {
  -ms-flex-align: start;
  align-items: flex-start
 }
}

.quiz__state-caption {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 12px
}

.quiz__state-caption span {
 display: inline-block;
 margin-right: 4px
}

@media (min-width: 1320px) {
 .quiz__state-caption {
  font-size: 14px;
  margin-bottom: 16px
 }
}

.quiz__progress {
 display: -ms-flexbox;
 display: flex
}

.quiz__progress-point {
 display: none;
 position: relative;
 width: 16px;
 height: 16px;
 margin-left: 16px;
 background: #1f0d0d;
 box-shadow: -2px -4px 8px rgba(35, 33, 58, 0.6), 2px 4px 8px rgba(4, 5, 14, 0.6), -1px -1px 8px rgba(35, 33, 58, 0.6), 1px 1px 8px rgba(0, 2, 12, 0);
 border-radius: 50%
}

.quiz__progress-point:first-child {
 margin-left: 0
}

.quiz__progress-point:nth-child(-n+5) {
 display: inline-block
}

@media (min-width: 1320px) {
 .quiz__progress-point:nth-child(-n+20) {
  display: inline-block
 }
}

@media (min-width: 1860px) {
 .quiz__progress-point {
  display: inline-block !important
 }
}

.quiz__progress-point .dot {
 position: absolute;
 width: 8px;
 height: 8px;
 left: 4px;
 top: 4px;
 border-radius: 50%;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 opacity: 0
}

.quiz__progress-point .dot.active {
 background: #B2ACE8;
 box-shadow: 0 0 8px rgba(171, 120, 255, 0.68);
 opacity: 1
}

.quiz__progress-point .dot.selected {
 background: linear-gradient(90deg, #B487FF -1.04%, #9865E2 101.04%);
 box-shadow: 0 0 30px rgba(255, 255, 255, 0.56);
 opacity: 1
}

.quiz__epilogue {
 display: none
}

.quiz__epilogue-body {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: center;
 align-items: center;
 width: 100%;
 padding-top: 56px
}

@media (min-width: 768px) {
 .quiz__epilogue-body {
  padding-top: 0
 }
}

@media (min-width: 1320px) {
 .quiz__epilogue-body {
  padding: 76px 0 96px 0
 }
}

@media (min-width: 1860px) {
 .quiz__epilogue-body {
  padding: 114px 0 134px 0
 }
}

.quiz__epilogue .title {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 text-align: center;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px
}

@media (min-width: 768px) {
 .quiz__epilogue .title {
  -ms-flex-order: 2;
  order: 2;
  font-weight: bold;
  font-size: 40px;
  line-height: 140%;
  color: #ffffff;
  margin-bottom: 16px
 }
}

.quiz__epilogue .subtitle {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 text-align: center;
 color: #6c6c6c;
 margin-bottom: 16px;
 max-width: 200px
}

@media (min-width: 768px) {
 .quiz__epilogue .subtitle {
  -ms-flex-order: 3;
  order: 3;
  font-size: 16px;
  margin-bottom: 48px;
  max-width: none
 }
}

.quiz__epilogue .pic {
 width: 128px;
 height: 128px;
 margin-bottom: 16px;
 position: relative
}

@media (min-width: 768px) {
 .quiz__epilogue .pic {
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 24px
 }
}

.quiz__epilogue .pic img {
 display: block;
 max-width: none;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 152px;
 height: auto
}

@media (min-width: 768px) {
 .quiz__epilogue .btn {
  -ms-flex-order: 4;
  order: 4
 }
}

.quiz .form-order .input,
.quiz .form-order .textarea {
 background: #1f0d0d;
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5)
}

.quiz .form-order .input:focus,
.quiz .form-order .textarea:focus {
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5), 0px 0px 0px 2px #463370
}

@media (min-width: 1320px) {
 .quiz .form-order__data {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

.quiz .form-order__privacy {
 margin-bottom: 0
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order__privacy {
  width: 100%
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order__actions {
  margin-top: -51px;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: end;
  justify-content: flex-end
 }
}

@media (min-width: 1860px) {
 .quiz .form-order__actions {
  margin-top: -18px
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order__user-data {
  width: 46.45093945720251%
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order__comments {
  width: 46.45093945720251%
 }
}

@media (min-width: 768px) and (max-width: 1319px) {
 .quiz .form-order__actions-group {
  margin-top: 8px
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order__actions-group {
  width: 46.45093945720251%;
  margin-top: 19px;
  margin-bottom: 6px
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order .controller-group__validation .validator__cross {
  right: 39px;
  top: 8px
 }
 .quiz .form-order .controller-group__validation .validator__check {
  right: 0;
  top: 7px
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order .controller-label {
  font-weight: normal;
  font-size: 14px;
  line-height: 160%;
  color: #ffffff;
  margin-bottom: 12px
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order .controller-icon {
  width: 20px;
  height: 20px;
  top: 12px;
  left: 12px
 }
 .quiz .form-order .controller-icon img {
  width: 54px
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order .controller__input {
  height: 43px;
  margin-bottom: 49px
 }
 .quiz .form-order .controller__input .input {
  height: 44px;
  padding: 11px 12px 11px 44px;
  font-weight: normal;
  font-size: 14px;
  line-height: 160%;
  color: #6c6c6c
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .quiz .form-order .controller-wrap {
  height: auto
 }
 .quiz .form-order .controller-wrap .textarea {
  font-weight: normal;
  font-size: 14px;
  line-height: 160%;
  color: #6c6c6c;
  border-radius: 12px;
  height: 170px;
  padding: 11px 12px 11px 45px
 }
}

.quiz::-webkit-scrollbar {
 width: 0;
 height: 0;
 background: transparent
}

#quizSlide_2 .quiz__card {
 display: none;
 cursor: default
}

@media (min-width: 1320px) {
 #quizSlide_2 .quiz__card {
  display: block
 }
}

#quizSlide_2 .quiz__card::before,
#quizSlide_2 .quiz__card::after {
 display: none
}

#quizSlide_2 .quiz__card .text {
 color: #1B98A8
}

#quizSlide_2 .quiz__slide-title {
 max-width: 210px
}

@media (min-width: 768px) {
 #quizSlide_2 .quiz__slide-title {
  max-width: 430px;
  margin-bottom: 13px
 }
}

@media (min-width: 1320px) {
 #quizSlide_2 .quiz__slide-title {
  max-width: 400px;
  margin: 0 auto 16px
 }
}

@media (min-width: 1860px) {
 #quizSlide_2 .quiz__slide-title {
  max-width: 500px;
  margin: 0 auto 23px
 }
}

#quizSlide_3 .quiz__card {
 display: none;
 cursor: default
}

@media (min-width: 1320px) {
 #quizSlide_3 .quiz__card {
  display: block
 }
}

#quizSlide_3 .quiz__card::before,
#quizSlide_3 .quiz__card::after {
 display: none
}

#quizSlide_3 .quiz__card .text {
 color: #1B98A8
}

@media (min-width: 768px) {
 #quizSlide_3 .quiz__slide-title {
  max-width: 500px;
  margin-bottom: 13px
 }
}

@media (min-width: 1320px) {
 #quizSlide_3 .quiz__slide-title {
  max-width: 430px;
  margin: 0 auto 16px
 }
}

@media (min-width: 1860px) {
 #quizSlide_3 .quiz__slide-title {
  max-width: 540px;
  margin: 0 auto 23px
 }
}

@media (min-width: 768px) {
 #quizSlide_4 .quiz__slide-title {
  max-width: 500px
 }
}

@media (min-width: 1320px) {
 #quizSlide_4 .quiz__slide-title {
  max-width: none
 }
}

@media (min-width: 1860px) {
 #quizSlide_4 .quiz__slide-title {
  max-width: 540px
 }
}

@media (min-width: 768px) and (max-width: 1319px) {
 #quizSlide_5 .quiz__slide-title {
  margin-bottom: 8px
 }
}

@media (min-width: 768px) and (max-width: 1319px) {
 #quizSlide_5 .quiz__slide-subtitle {
  margin-bottom: 48px
 }
}

.scroll-to-page-start {
 display: block;
 border-radius: 999px;
 position: fixed;
 width: 40px;
 height: 56px;
 bottom: 30px;
 right: 30px;
 background: #1b98a8;
 z-index: 5;
 cursor: pointer;
 opacity: 0;
 margin-bottom: -15px;
 margin-right: -100vw;
 transition: margin-right 0s linear .7s, margin-bottom .5s linear .1s, opacity .5s linear .1s
}

.scroll-to-page-start.visible {
 opacity: 1;
 margin-bottom: 0;
 margin-right: 0;
 transition: margin-right 0s linear 0s, margin-bottom .5s linear .1s, opacity .5s linear .1s
}

.scroll-to-page-start.fixed-position {
 position: absolute;
 bottom: 0 !important;
 top: -100px
}

@media (min-width: 768px) {
 .scroll-to-page-start {
  width: 50px;
  height: 70px;
  bottom: 30px;
  right: 30px
 }
}

@media (min-width: 1320px) {

 .scroll-to-page-start:hover svg {
  -webkit-animation: .8s linear 0s infinite move_btn_scroll_to_page-start;
  animation: .8s linear 0s infinite move_btn_scroll_to_page-start
 }
 .scroll-to-page-start:hover svg path {
  fill: #fff;
 }
}


.scroll-to-page-start svg {
 position: absolute;
 margin-top: 0;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-49%, -50%) rotate(90deg);
 transform: translate(-49%, -50%) rotate(90deg)
}

.scroll-to-page-start svg path {
 transition: fill .3s;
 fill: #ffffff
}

@-webkit-keyframes move_btn_scroll_to_page-start {
 0% {
  top: 50%
 }
 25% {
  top: 47%
 }
 50% {
  top: 50%
 }
 75% {
  top: 53%
 }
 100% {
  top: 50%
 }
}

@keyframes move_btn_scroll_to_page-start {
 0% {
  top: 50%
 }
 25% {
  top: 47%
 }
 50% {
  top: 50%
 }
 75% {
  top: 53%
 }
 100% {
  top: 50%
 }
}

.input-datepicker {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #1B98A8
}

.input-datepicker.not-selected {
 color: #6c6c6c
}

.input-datepicker .input {
 bottom: -15px;
 left: 0
}

.input-datepicker .day,
.input-datepicker .month {
 width: 20px
}

.input-datepicker .year {
 width: 35px
}

.input-datepicker__delimiter {
 width: 2px;
 height: 28px;
 margin: 0 16px;
 box-shadow: -1px -2px 4px rgba(35, 33, 58, 0.6), 1px 2px 4px rgba(4, 5, 14, 0.8)
}

.input-datepicker__icon {
 width: 16px;
 height: 16px;
 margin-left: 8px
}

.ui-datepicker {
 padding: 16px;
 background: rgba(13, 16, 31, 0.4);
 border: 1px solid #382359 !important;
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 border-radius: 34px;
 cursor: default;
 z-index: 15 !important
}

.ui-widget-header {
 border: none;
 background: transparent;
 color: #ffffff;
 font-weight: bold
}

.ui-datepicker th {
 padding: .7em .3em;
 text-align: center;
 font-weight: bold;
 border: 0;
 color: #1B98A8
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
 border: none;
 background: transparent;
 font-weight: normal;
 color: #ffffff;
 border-radius: 999px;
 text-align: center;
 transition: all .3s linear
}

@media (min-width: 1320px) {
 .ui-state-default:hover,
 .ui-widget-content .ui-state-default:hover,
 .ui-widget-header .ui-state-default:hover,
 .ui-button:hover,
 html .ui-button.ui-state-disabled:hover:hover,
 html .ui-button.ui-state-disabled:active:hover {
  background-color: #4b3737
 }
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
 position: absolute;
 top: 2px;
 width: 1.8em;
 height: 1.8em;
 border-radius: 50%;
 background: #1f0d0d;
 color: transparent;
 box-shadow: -7px -14px 20px rgba(35, 33, 58, 0.35), 7px 14px 20px rgba(4, 5, 14, 0.3), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06);
 cursor: pointer;
 border: none;
 transition: all .3s linear
}

@media (min-width: 1320px) {
 .ui-datepicker .ui-datepicker-prev:hover,
 .ui-datepicker .ui-datepicker-next:hover {
  background-color: #070707
 }
}

.ui-datepicker .ui-datepicker-prev {
 left: 0
}

.ui-datepicker .ui-datepicker-next {
 right: 0
}

.ui-icon-circle-triangle-w {
 background-position: 1px 1px;
 -webkit-transform: scale(-1, 1);
 transform: scale(-1, 1)
}

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

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
 border: none;
 background: #4b3737;
 color: #ffffff
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
 border: none;
 background: #1B98A8 !important;
 font-weight: bold;
 color: #ffffff !important;
 cursor: default
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
 opacity: .3;
 background-image: none
}

.ui-state-disabled .ui-state-default,
.ui-state-disabled .ui-widget-content .ui-state-default,
.ui-state-disabled .ui-widget-header .ui-state-default,
.ui-state-disabled .ui-button,
.ui-state-disabled html .ui-button.ui-state-disabled:hover,
.ui-state-disabled html .ui-button.ui-state-disabled:active,
.ui-widget-content .ui-state-disabled .ui-state-default,
.ui-widget-content .ui-state-disabled .ui-widget-content .ui-state-default,
.ui-widget-content .ui-state-disabled .ui-widget-header .ui-state-default,
.ui-widget-content .ui-state-disabled .ui-button,
.ui-widget-content .ui-state-disabled html .ui-button.ui-state-disabled:hover,
.ui-widget-content .ui-state-disabled html .ui-button.ui-state-disabled:active,
.ui-widget-header .ui-state-disabled .ui-state-default,
.ui-widget-header .ui-state-disabled .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-disabled .ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-disabled .ui-button,
.ui-widget-header .ui-state-disabled html .ui-button.ui-state-disabled:hover,
.ui-widget-header .ui-state-disabled html .ui-button.ui-state-disabled:active {
 background-color: transparent !important
}

.custom-checkbox {
 padding-left: 34px
}

@media (min-width: 1320px) {
 .custom-checkbox {
  margin-bottom: -6px;
  cursor: pointer
 }
 .custom-checkbox:hover .custom-checkbox__checkmark::after {
  opacity: 1
 }
}

@media (min-width: 1860px) {
 .custom-checkbox {
  margin-bottom: 0
 }
}

.custom-checkbox__container {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 cursor: pointer
}

.custom-checkbox__checkmark {
 position: absolute;
 display: block;
 top: 0;
 left: 0;
 width: 22px;
 height: 22px;
 background: #070707;
 border-radius: 2px;
 transition: all .2s linear;
 box-shadow: inset -1px -1px 2px rgba(35, 33, 58, 0.3), inset 1px 1px 5px rgba(0, 2, 12, 0.8), -6px -5px 30px #23213A, 12px 10px 30px rgba(0, 2, 12, 0.5)
}

.custom-checkbox__checkmark::after,
.custom-checkbox__checkmark.highlight:after {
 content: "";
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 opacity: 0;
 transition: all .2s linear;
 border: 1px solid #1B98A8;
 border-radius: 2px
}

.custom-checkbox__checkmark::before {
 content: "";
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 opacity: 0;
 transition: all .2s linear;
 border-radius: 2px
}

.custom-checkbox__checkmark.highlight:after {
 opacity: 1
}

.custom-checkbox .input[type="checkbox"]:checked~.custom-checkbox__checkmark {
 background-color: #1B98A8;
 box-shadow: inset 2px 2px 3px rgba(49, 4, 38, 0.4), inset 2px 2px 3px rgba(49, 4, 38, 0.4), -6px -5px 30px #23213A, 12px 10px 30px rgba(0, 2, 12, 0.5)
}

.custom-checkbox .input[type="checkbox"]:checked~.custom-checkbox__checkmark::before {
 opacity: 1
}

.custom-checkbox .input[type="checkbox"]:checked~.custom-checkbox__checkmark::after {
 opacity: 0
}

.calc {
 margin-top: 16px;
 margin-bottom: 110px
}

@media (min-width: 1320px) {
 .calc {
  margin-top: 48px
 }
}

@media (min-width: 1860px) {
 .calc {
  margin-top: 69px
 }
}

.calc__subtitle {
 font-size: 14px !important;
 line-height: 163% !important;
 margin-bottom: 24px;
 margin-top: -52px;
 color: #6c6c6c;
 -moz-text-size-adjust: none;
 -ms-text-size-adjust: none;
 -webkit-text-size-adjust: none;
 text-size-adjust: none;
 max-height: 999999px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 transition-delay: 0.5s
}

.calc__subtitle.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .calc__subtitle {
  margin-top: -34px;
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .calc__subtitle {
  margin-top: -20px;
  margin-bottom: 68px
 }
}

@media (min-width: 1860px) {
 .calc__subtitle {
  margin-top: 0;
  margin-bottom: 96px
 }
}

.calc__title-picture {
 width: 100%;
 height: 0;
 padding-bottom: 64.70588235294118%;
 margin-bottom: 24px
}

@media (min-width: 768px) {
 .calc__title-picture {
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .calc__title-picture {
  display: none
 }
}

.calc__title-picture .image {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-position: center;
 background-size: contain;
 background-repeat: no-repeat;
 opacity: 0;
 transition: opacity .7s linear
}

.calc__title-picture .image.active {
 opacity: 1
}

.calc__title {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start
}

@media (min-width: 1320px) {
 .calc__title {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 48px
 }
}

@media (min-width: 1860px) {
 .calc__title {
  margin-bottom: 68px
 }
}

.calc__title .title {
 -ms-flex-order: 2;
 order: 2;
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 16px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.calc__title .title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .calc__title .title {
  margin-bottom: 34px
 }
}

@media (min-width: 1320px) {
 .calc__title .title {
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 0;
  margin-right: 24px
 }
}

@media (min-width: 1860px) {
 .calc__title .title {
  font-size: 30px;
  line-height: 140%
 }
}

.calc__title .step {
 -ms-flex-order: 1;
 order: 1;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 8px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.calc__title .step.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 1320px) {
 .calc__title .step {
  -ms-flex-order: 2;
  order: 2;
  font-size: 16px;
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .calc__title .step {
  font-size: 18px
 }
}

.calc__tab-list-wrap:after {
 display: none
}

@media (min-width: 1320px) {
 .calc__tab-list-wrap:after {
  content: "";
  display: block;
  width: 82.44406196213425%;
  height: 1px;
  position: absolute;
  top: 35px;
  background-color: #241838;
  z-index: -1
 }
}

@media (min-width: 1860px) {
 .calc__tab-list-wrap:after {
  width: calc(100% - 12px)
 }
}

.calc__tab-list {
 margin-left: -8.108108108108108vw;
 padding-left: 8.108108108108108vw
}

.calc__tab-list-animation-container {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.calc__tab-list-animation-container.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

.calc__tab-list__slide {
 width: auto;
 padding-bottom: 68px
}

.calc__tab-list__button {
 height: 32px;
 font-weight: 500;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 transition: all .3s linear;
 position: relative;
 margin-right: 24px;
 cursor: pointer
}

@media (min-width: 768px) {
 .calc__tab-list__button {
  height: 36px;
  font-weight: normal;
  font-size: 16px
 }
}

@media (min-width: 1320px) {
 .calc__tab-list__button {
  margin-right: 35px
 }
 .calc__tab-list__button:hover {
  color: #1B98A8
 }
}

@media (min-width: 1860px) {
 .calc__tab-list__button {
  font-size: 18px;
  color: #ffffff
 }
}

.calc__tab-list__button::before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 top: 30px;
 width: 0;
 z-index: 0;
 height: 4px;
 background: #1B98A8;
 box-shadow: 0 0 30px rgba(255, 255, 255, 0);
 opacity: 0;
 border-radius: 999px;
 transition: all .5s ease-out
}

@media (min-width: 768px) {
 .calc__tab-list__button::before {
  top: 33px
 }
}

.calc__tab-list__button.active {
 color: #1B98A8;
 cursor: default
}

.calc__tab-list__button.active::before {
 opacity: 1;
 width: 100%;
 box-shadow: 0 0 30px rgba(255, 255, 255, 0.56)
}

.calc__calculator {
 display: none;
 opacity: 1;
 top: 0;
 position: relative;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.calc__calculator.active {
 display: block
}

.calc__calculator.hidden {
 opacity: 0;
 top: 25px;
 transition: all .3s linear
}

@media (min-width: 1320px) {
 .calc__calculator_rent .calc__body-controllers .label-controll_date {
  margin-bottom: 44px
 }
}

@media (min-width: 1860px) {
 .calc__calculator_rent .calc__body-controllers .label-controll_date {
  margin-bottom: 48px
 }
}

.calc__calculator_rent .calculating {
 margin-top: 12px
}

@media (min-width: 768px) {
 .calc__calculator_rent .calculating {
  margin-top: 24px
 }
}

@media (min-width: 1860px) {
 .calc__calculator_rent .calculating {
  margin-top: 12px
 }
}

.calc__body {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 position: relative;
 top: 0;
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1);
 transition-delay: 1s
}

.calc__body.animation-element {
 top: 100px;
 opacity: 0
}

@media (min-width: 1320px) {
 .calc__body {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

.calc__body-controllers {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start
}

@media (min-width: 1320px) {
 .calc__body-controllers .label-controll {
  margin-right: 0;
  margin-bottom: 30px
 }
}

@media (min-width: 1860px) {
 .calc__body-controllers .label-controll {
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .calc__body-controllers .label-controll__help {
  position: absolute;
  top: 62px;
  right: -40px
 }
}

@media (min-width: 1860px) {
 .calc__body-controllers .label-controll__help {
  position: relative;
  top: auto;
  right: auto
 }
}

@media (min-width: 1860px) {
 .calc__body-controllers .label-controll__caption {
  width: 220px
 }
}

@media (min-width: 1860px) {
 .calc__body-controllers .label-controll__content {
  margin-left: 0
 }
}

.calc__body-picture {
 position: relative
}

@media (min-width: 1320px) {
 .calc__body-picture {
  display: block;
  width: 445px
 }
}

@media (min-width: 1860px) {
 .calc__body-picture {
  width: 624px
 }
}

.calc__body-image {
 width: 100%
}

@media (min-width: 1320px) {
 .calc__body-image {
  width: 445px;
  position: sticky;
  top: 150px
 }
}

@media (min-width: 1860px) {
 .calc__body-image {
  width: 624px
 }
}

.calc__body-image-body {
 display: none
}

@media (min-width: 1320px) {
 .calc__body-image-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 445px;
  height: 268px;
  background: #070707;
  box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3);
  border-radius: 12px
 }
}

@media (min-width: 1860px) {
 .calc__body-image-body {
  width: 624px;
  height: 376px;
  margin-top: 0;
  margin-bottom: 68px
 }
}

.calc__collapse-controllers {
 margin-bottom: 44px
}

@media (min-width: 1320px) {
 .calc__collapse-controllers {
  margin-bottom: 48px
 }
}

@media (min-width: 1860px) {
 .calc__collapse-controllers {
  margin-bottom: 54px
 }
}

.calc__collapse-controllers .btn {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: start;
 justify-content: flex-start;
 cursor: pointer;
 margin-top: 8px
}

.calc__collapse-controllers .btn .text {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 margin-right: 9px;
 transition: all .2s linear
}

.calc__collapse-controllers .btn .icon {
 position: relative;
 width: 16px;
 height: 16px;
 margin-top: 1px;
 transition: all .3s linear;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1)
}

@media (min-width: 1320px) {
 .calc__collapse-controllers .btn:hover .text {
  color: #1B98A8
 }
 .calc__collapse-controllers .btn:hover .icon svg path {
  stroke: #1B98A8
 }
}

.calc__collapse-controllers .body {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start;
 height: auto;
 max-height: 0;
 padding: 0;
 opacity: 0;
 margin-top: 10px;
 transition: all .9s
}

.calc__collapse-controllers.hidden .body {
 overflow: hidden
}

.calc__collapse-controllers.open .btn .icon {
 -webkit-transform: scale(1, -1);
 transform: scale(1, -1)
}

.calc__collapse-controllers.open .body {
 padding-top: 36px;
 max-height: 900px;
 opacity: 1;
 margin-top: 0
}

.calc__collapse-controllers .label-controll:last-child {
 margin-bottom: 0
}

.calc__results {
 display: none;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start;
 height: auto;
 max-height: 0;
 margin-top: 0;
 padding-top: 0;
 padding-bottom: 0;
 position: relative;
 transition: all .3s ease-out
}

@media (min-width: 768px) {
 .calc__results {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

@media (min-width: 1320px) {
 .calc__results {
  display: -ms-flexbox;
  display: flex;
  margin-top: 0 !important;
  padding-top: 48px !important;
  padding-bottom: 0 !important;
  max-height: initial !important;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start
 }
}

@media (min-width: 1860px) {
 .calc__results {
  padding-top: 0 !important;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

.calc__results::before {
 content: "";
 display: block;
 width: 0;
 height: 12px;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 border-radius: 12px;
 background: #1f0d0d;
 box-shadow: -20px -27px 40px rgba(35, 33, 58, 0.35), 20px 27px 40px rgba(4, 5, 14, 0.17), inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8);
 transition: all 1s cubic-bezier(0.33, 1, 0.68, 1)
}

@media (min-width: 1320px) {
 .calc__results::before {
  display: none
 }
}

.calc__results-sum {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-bottom: 34px;
 opacity: 0;
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
 transition: all 2s cubic-bezier(0.33, 1, 0.68, 1)
}

@media (min-width: 768px) {
 .calc__results-sum {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 0
 }
}

@media (min-width: 1320px) {
 .calc__results-sum {
  margin-bottom: 26px
 }
}

@media (min-width: 1860px) {
 .calc__results-sum {
  margin-bottom: 0
 }
}

.calc__results-sum .txt {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #1B98A8;
 margin-top: 24px;
 margin-bottom: 12px
}

@media (min-width: 768px) {
 .calc__results-sum .txt {
  margin: 0 12px 0 0
 }
}

@media (min-width: 1320px) {
 .calc__results-sum .txt {
  font-weight: normal;
  font-size: 16px;
  line-height: 160%;
  color: #ffffff
 }
}

@media (min-width: 1860px) {
 .calc__results-sum .txt {
  font-size: 18px
 }
}

.calc__results-sum .number {
 font-weight: bold;
 font-size: 26px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 opacity: 0;
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
 transition: all 1s cubic-bezier(0.33, 1, 0.68, 1)
}

@media (min-width: 1320px) {
 .calc__results-sum .number {
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #ffffff
 }
}

@media (min-width: 1860px) {
 .calc__results-sum .number {
  font-weight: bold;
  font-size: 24px
 }
}

.calc__results .btn {
 padding-left: 28px;
 padding-right: 28px;
 opacity: 0;
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
 transition: opacity 2s cubic-bezier(0.33, 1, 0.68, 1) 0.5s, color 0.3s linear, box-shadow 0.3s linear, background-color 0.3s linear, border-color 0.3s linear, -webkit-transform 2s cubic-bezier(0.33, 1, 0.68, 1) 0.5s;
 transition: opacity 2s cubic-bezier(0.33, 1, 0.68, 1) 0.5s, transform 2s cubic-bezier(0.33, 1, 0.68, 1) 0.5s, color 0.3s linear, box-shadow 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
 transition: opacity 2s cubic-bezier(0.33, 1, 0.68, 1) 0.5s, transform 2s cubic-bezier(0.33, 1, 0.68, 1) 0.5s, color 0.3s linear, box-shadow 0.3s linear, background-color 0.3s linear, border-color 0.3s linear, -webkit-transform 2s cubic-bezier(0.33, 1, 0.68, 1) 0.5s
}

.calc__results.visible {
 max-height: 250px;
 margin-top: 68px;
 padding-top: 36px
}

@media (min-width: 768px) {
 .calc__results.visible {
  max-height: 200px;
  padding-top: 68px;
  padding-bottom: 36px
 }
}

.calc__results.visible::before {
 width: 100%;
 opacity: 1
}

.calc__results.visible .calc__results-sum,
.calc__results.visible .btn {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0)
}

.calc__results.visible .number {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0)
}

.calc__results.visible.hidden::before {
 width: 0;
 opacity: 0
}

.calc__results.visible.hidden .calc__results-sum,
.calc__results.visible.hidden .btn {
 opacity: 0;
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
 transition: all .5s ease-in
}

.calc button.calculating {
 color: #1B98A8 !important
}

.calc button.calculating:focus {
 box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.35), 14px 28px 30px rgba(4, 5, 14, 0.3), inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

.calc button.calculating:hover {
 color: #1a1111 !important;
 box-shadow: -8px -16px 30px rgba(35, 33, 58, 0.35), 8px 16px 30px rgba(4, 5, 14, 0.3)
}

.calc .calc-rent-days-controller .input-suffix__units {
 width: 37px
}

.calc .calc-rent-days-controller .custom-input .input {
 width: 34px
}

@media (min-width: 1320px) {
 .calc .calc-rent-days-controller .label-controll__help {
  right: auto !important;
  left: 189px
 }
}

@media (min-width: 1860px) {
 .calc .calc-rent-days-controller .label-controll__help {
  left: 394px;
  position: absolute;
  top: 23px
 }
}

.calc .calc-rent-technician-controller {
 margin-bottom: 34px
}

@media (min-width: 768px) {
 .calc .calc-rent-technician-controller {
  margin-top: 10px
 }
}

@media (min-width: 1320px) {
 .calc .calc-rent-technician-controller {
  margin-bottom: 30px;
  padding-bottom: 6px
 }
}

@media (min-width: 1860px) {
 .calc .calc-rent-technician-controller {
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 48px !important
 }
}

@media (min-width: 1320px) {
 .calc .calc-rent-technician-controller+.label-controll {
  padding-bottom: 6px
 }
}

@media (min-width: 1860px) {
 .calc .calc-rent-technician-controller+.label-controll {
  padding-bottom: 0;
  margin-bottom: 48px !important
 }
}

.calc__calculator_outside-screen .calc__body-image img {
 width: 300px;
 margin-top: -36px;
 margin-left: 29px
}

@media (min-width: 1860px) {
 .calc__calculator_outside-screen .calc__body-image img {
  width: 350px;
  margin-top: -40px;
  margin-left: 30px
 }
}

.calc__calculator_inside-screen .calc__body-image img {
 width: 240px;
 margin-top: -10px;
 margin-left: 34px
}

@media (min-width: 1860px) {
 .calc__calculator_inside-screen .calc__body-image img {
  width: 324px;
  margin-top: -17px;
  margin-left: 50px
 }
}

.calc__calculator_rent .calc__body-image img {
 width: 300px;
 margin-top: 5px;
 margin-left: -10px
}

@media (min-width: 1860px) {
 .calc__calculator_rent .calc__body-image img {
  width: 324px;
  margin-top: -17px;
  margin-left: 50px
 }
}

.calc__calculator_media-facade .calc__body-image img {
 width: 220px;
 margin-top: 0;
 margin-left: 0
}

@media (min-width: 1860px) {
 .calc__calculator_media-facade .calc__body-image img {
  width: 300px;
  margin-top: 0;
  margin-left: 0
 }
}

.calc__calculator .input-suffix {
 margin-right: 24px
}

.calc__calculator .input-suffix .input {
 width: 67px
}

@media (min-width: 768px) {
 .calc__calculator .custom-range {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
 }
}

@media (min-width: 1320px) {
 .calc__calculator .custom-range {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start
 }
}

@media (min-width: 768px) {
 .calc__calculator .custom-range__controller {
  max-width: 250px
 }
}

@media (min-width: 1320px) {
 .calc__calculator .custom-range__controller {
  margin-top: 24px;
  width: 250px
 }
}

@media (min-width: 1860px) {
 .calc__calculator .custom-range__controller {
  width: 295px;
  max-width: 295px
 }
}

.calc__calculator .cabin-type {
 height: auto;
 max-height: 0;
 margin-bottom: 0;
 opacity: 0;
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear 0s, -webkit-transform .3s linear 0s;
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear 0s, transform .3s linear 0s;
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear 0s, transform .3s linear 0s, -webkit-transform .3s linear 0s
}

.calc__calculator .cabin-type.hidden {
 display: none
}

.calc__calculator .cabin-type.visible {
 max-height: 160px;
 margin-bottom: 34px;
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear .1s, -webkit-transform .3s linear .1s;
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear .1s, transform .3s linear .1s;
 transition: max-height .4s ease-out 0s, margin-bottom .4s ease-out 0s, opacity .3s linear .1s, transform .3s linear .1s, -webkit-transform .3s linear .1s
}

@media (min-width: 1320px) {
 .calc__calculator .cabin-type.visible {
  max-height: 110px;
  margin-bottom: 30px
 }
}

@media (min-width: 1860px) {
 .calc__calculator .cabin-type.visible {
  max-height: 70px;
  margin-bottom: 48px
 }
}

@media (min-width: 768px) {
 [data-calc-type-pic="#outsideScreen"] {
  background-position: 100px center !important
 }
}

[data-calc-type-pic="#mediaFacade"] {
 background-size: 65% !important
}

@media (min-width: 768px) {
 [data-calc-type-pic="#mediaFacade"] {
  background-size: 50% !important;
  background-position: 181px 100px !important
 }
}

[data-calc-type-pic="#rentScreen"] {
 background-size: 65% !important
}

@media (min-width: 768px) {
 [data-calc-type-pic="#rentScreen"] {
  background-size: 57% !important;
  background-position: 135px 90px !important
 }
}

@media (min-width: 768px) {
 [data-calc-type-pic="#insideScreen"] {
  background-position: 174px center !important
 }
}

.calc__specification {
 padding-top: 48px;
 position: relative
}

@media (min-width: 768px) {
 .calc__specification {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

@media (min-width: 1320px) {
 .calc__specification {
  padding-top: 69px
 }
}

.calc__specification .calc__tab-list {
 display: none
}

@media (min-width: 1320px) {
 .calc__specification .calc__tab-list {
  display: block;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 29px
 }
}

@media (min-width: 1860px) {
 .calc__specification .calc__tab-list {
  margin-bottom: 0px
 }
}

.calc__specification .calc__tab-list-wrap::after {
 width: 100%
}

.calc__specification .calc__tab-list__slide {
 cursor: default
}

.calc__specification .calc__tab-list__button {
 cursor: pointer
}

.calc__specification-title {
 width: 100%
}

@media (min-width: 1320px) {
 .calc__specification-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 48px
 }
}

@media (min-width: 1860px) {
 .calc__specification-title {
  margin-bottom: 68px
 }
}

.calc__specification-title .title {
 display: none
}

@media (min-width: 1320px) {
 .calc__specification-title .title {
  display: block;
  font-weight: bold;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin-right: 24px
 }
}

@media (min-width: 1860px) {
 .calc__specification-title .title {
  font-size: 30px;
  line-height: 140%
 }
}

.calc__specification-title .step {
 display: inline-block;
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 8px
}

@media (min-width: 1320px) {
 .calc__specification-title .step {
  font-size: 16px;
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .calc__specification-title .step {
  font-size: 18px
 }
}

@media (min-width: 768px) {
 .calc__specification-list {
  width: 50%
 }
}

@media (min-width: 1860px) {
 .calc__specification-list {
  width: 100%
 }
}

.calc__specification-list-title {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 34px
}

.calc__specification-list-short {
 margin-bottom: 24px
}

@media (min-width: 1320px) {
 .calc__specification-list-short {
  display: none
 }
}

.calc__specification-list-short ul {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

.calc__specification-list-short li {
 display: inline-block;
 position: relative;
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 8px;
 padding-left: 28px
}

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

.calc__specification-list-short li::before {
 content: "";
 display: block;
 width: 16px;
 height: 16px;
 background: #1f0d0d;
 box-shadow: -2px -4px 8px rgba(35, 33, 58, 0.6), 2px 4px 8px rgba(4, 5, 14, 0.6), -1px -1px 8px rgba(35, 33, 58, 0.6), 1px 1px 8px rgba(0, 2, 12, 0.6);
 border-radius: 50%;
 position: absolute;
 top: 3px;
 left: 0
}

.calc__specification-list-short li::after {
 content: "";
 display: block;
 width: 8px;
 height: 8px;
 background: #B2ACE8;
 box-shadow: 0 0 8px rgba(171, 120, 255, 0.68);
 border-radius: 50%;
 position: absolute;
 top: 6px;
 left: 4px
}

.calc__specification-list-sum {
 margin-bottom: 16px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}

@media (min-width: 768px) {
 .calc__specification-list-sum {
  padding-right: 30px
 }
}

@media (min-width: 1320px) {
 .calc__specification-list-sum {
  display: none
 }
}

.calc__specification-list-sum span:first-child {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: end;
 align-items: flex-end;
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #6c6c6c;
 margin-right: 12px
}

.calc__specification-list-sum span:last-child {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff
}

.calc__specification-table {
 display: none
}

@media (min-width: 1320px) {
 .calc__specification-table {
  display: block;
  width: calc(100% + 10px);
  margin-bottom: 35px;
  max-height: 464px;
  overflow-y: auto;
  padding-right: 10px
 }
 .calc__specification-table table {
  width: 100%
 }
 .calc__specification-table th {
  font-weight: normal;
  font-size: 18px;
  line-height: 160%;
  color: #ffffff;
  text-align: center;
  padding-bottom: 14px
 }
 .calc__specification-table td {
  font-weight: normal;
  font-size: 16px;
  line-height: 160%;
  color: #ffffff;
  padding-bottom: 11px
 }
 .calc__specification-table th:first-child,
 .calc__specification-table td:first-child {
  width: 48px;
  text-align: left
 }
 .calc__specification-table th:nth-child(2),
 .calc__specification-table td:nth-child(2) {
  width: 400px;
  text-align: left
 }
}

@media (min-width: 1320px) and (min-width: 1860px) {
 .calc__specification-table th:nth-child(2),
 .calc__specification-table td:nth-child(2) {
  width: 350px
 }
}

@media (min-width: 1320px) {
 .calc__specification-table td:nth-child(3) {
  text-align: center
 }
 .calc__specification-table th:last-child,
 .calc__specification-table td:last-child {
  text-align: right
 }
}

@media (min-width: 1860px) {
 .calc__specification-table {
  width: 64.71471471471471%;
  float: left;
  margin-bottom: 0
 }
}

.calc__specification-table.scroller::-webkit-scrollbar-thumb {
 background: rgba(36, 24, 56, 0.7)
}

@media (min-width: 768px) {
 .calc__specification-result {
  width: 48%
 }
}

@media (min-width: 1320px) {
 .calc__specification-result {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

@media (min-width: 1860px) {
 .calc__specification-result {
  width: 28.82882882882883%;
  float: right;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -65px;
  position: relative;
  -webkit-transform: translateX(24px);
  transform: translateX(24px)
 }
}

.calc__specification-result-sum {
 display: none
}

@media (min-width: 1320px) {
 .calc__specification-result-sum {
  display: block;
  margin-bottom: 24px;
  -ms-flex-order: 1;
  order: 1;
  width: 60%
 }
}

@media (min-width: 1860px) {
 .calc__specification-result-sum {
  margin-bottom: 16px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center
 }
 .calc__specification-result-sum span:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end
 }
}

.calc__specification-result-sum span:first-child {
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #ffffff;
 margin-right: 19px
}

@media (min-width: 1860px) {
 .calc__specification-result-sum span:first-child {
  font-size: 18px;
  margin-right: 12px
 }
}

.calc__specification-result-sum span:last-child {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff
}

@media (min-width: 1860px) {
 .calc__specification-result-sum span:last-child {
  font-weight: bold;
  font-size: 24px
 }
}

.calc__specification-result-comment {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin-bottom: 34px
}

@media (min-width: 768px) {
 .calc__specification-result-comment {
  width: 272px
 }
}

@media (min-width: 1320px) {
 .calc__specification-result-comment {
  -ms-flex-order: 3;
  order: 3;
  width: 274px;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0
 }
 .calc__specification-result-comment br {
  display: none
 }
 .calc__specification-result-comment span {
  margin-right: 5px;
  display: inline
 }
}

@media (min-width: 1860px) {
 .calc__specification-result-comment {
  -ms-flex-order: 2;
  order: 2;
  text-align: center;
  width: 100%;
  margin-bottom: 48px
 }
 .calc__specification-result-comment br {
  display: block
 }
}

.calc__specification-result-download {
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-pack: start;
 justify-content: flex-start;
 position: relative;
 padding-bottom: 16px;
 z-index: 10
}

@media (max-width: 1319px) {
 .calc__specification-result-download.is-hover .dropdown {
  opacity: 1;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  left: 0;
  transition: left 0s linear 0s, opacity .7s ease-out 0s, -webkit-transform .7s ease-out 0s;
  transition: left 0s linear 0s, opacity .7s ease-out 0s, transform .7s ease-out 0s;
  transition: left 0s linear 0s, opacity .7s ease-out 0s, transform .7s ease-out 0s, -webkit-transform .7s ease-out 0s
 }
 .calc__specification-result-download.is-hover .btn {
  background-color: #1a1111;
  border-color: #1a1111;
  box-shadow: -8px -16px 30px rgba(35, 33, 58, 0.35), 8px 16px 30px rgba(4, 5, 14, 0.3), inset 5px 4px 10px rgba(49, 4, 38, 0.5), inset -2px -2px 30px rgba(255, 255, 255, 0.2)
 }
 .calc__specification-result-download.is-hover .btn .icon-epilogue svg {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1)
 }
}

@media (min-width: 1320px) {
 .calc__specification-result-download {
  -ms-flex-order: 2;
  order: 2;
  padding-bottom: 10px
 }
 .calc__specification-result-download:hover .dropdown {
  opacity: 1;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  left: 0;
  transition: left 0s linear 0s, opacity .7s ease-out 0s, -webkit-transform .7s ease-out 0s;
  transition: left 0s linear 0s, opacity .7s ease-out 0s, transform .7s ease-out 0s;
  transition: left 0s linear 0s, opacity .7s ease-out 0s, transform .7s ease-out 0s, -webkit-transform .7s ease-out 0s
 }
 .calc__specification-result-download:hover .btn {
  background-color: #1a1111;
  border-color: #1a1111;
  box-shadow: -8px -16px 30px rgba(35, 33, 58, 0.35), 8px 16px 30px rgba(4, 5, 14, 0.3), inset 5px 4px 10px rgba(49, 4, 38, 0.5), inset -2px -2px 30px rgba(255, 255, 255, 0.2)
 }
 .calc__specification-result-download:hover .btn .icon-epilogue svg {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1)
 }
}

@media (min-width: 1860px) {
 .calc__specification-result-download {
  -ms-flex-order: 3;
  order: 3
 }
}

.calc__specification-result-download .btn {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 padding-left: 24px;
 padding-right: 24px
}

.calc__specification-result-download .btn .icon-prolog {
 display: inline-block;
 margin-right: 10px;
 width: 16px;
 height: 16px;
 position: relative;
 top: -1px
}

.calc__specification-result-download .btn .icon-prolog svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.calc__specification-result-download .btn .icon-epilogue {
 display: inline-block;
 margin-left: 10px;
 position: relative;
 top: -1px
}

.calc__specification-result-download .btn .icon-epilogue svg {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 transition: -webkit-transform .3s linear;
 transition: transform .3s linear;
 transition: transform .3s linear, -webkit-transform .3s linear
}

.calc__specification-result-download .btn svg path {
 stroke: #ffffff
}

.calc__specification-result-download .dropdown {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start;
 padding: 16px 24px;
 position: absolute;
 width: 203px;
 bottom: 0;
 background: rgba(13, 16, 31, 0.4);
 border: 1px solid #382359;
 box-sizing: border-box;
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 border-radius: 24px;
 z-index: 1;
 opacity: 0;
 -webkit-transform: translateY(calc(100% + 10px));
 transform: translateY(calc(100% + 10px));
 left: -9999px;
 transition: left 0s linear .3s, opacity .3s linear 0s, -webkit-transform .3s linear 0s;
 transition: left 0s linear .3s, opacity .3s linear 0s, transform .3s linear 0s;
 transition: left 0s linear .3s, opacity .3s linear 0s, transform .3s linear 0s, -webkit-transform .3s linear 0s
}

.fullscreen-bg__video {
 width: 100%;
 height: 100%!important;
 margin-bottom: -1%;
}

@media (min-width: 1320px) {
 .calc__specification-result-download .dropdown {
  width: 275px
 }
}

.calc__specification-result-download .dropdown a {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 margin-bottom: 10px
}

.calc__specification-result-download .dropdown a:last-child {
 margin-bottom: 0
}

@media (min-width: 1320px) {
 .calc__specification-result-download .dropdown a:hover .icon svg path {
  stroke: #1B98A8
 }
 .calc__specification-result-download .dropdown a:hover .txt {
  color: #1B98A8
 }
}

.calc__specification-result-download .dropdown a .icon svg path {
 stroke: #ffffff;
 transition: all 0.2s
}

.calc__specification-result-download .dropdown a .txt {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 margin-left: 8px;
 transition: all 0.2s
}

.calc__specification-result-share {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-order: 4;
 order: 4;
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 height: 24px;
 margin-right: 24px;
 position: relative;
 margin-bottom: 10px;
 z-index: 5
}

.calc__specification-result-share.inactive {
 color: #ffffff;
 cursor: default
}

.calc__specification-result-share.inactive:hover svg path {
 stroke: #F6F0FF
}

@media (min-width: 1320px) {
 .calc__specification-result-share {
  margin-top: 24px
 }
 .calc__specification-result-share:hover svg path {
  stroke: #1B98A8
 }
 .calc__specification-result-share svg path {
  transition: all 0.2s
 }
}

.calc__specification-result-share .icon {
 display: inline-block;
 width: 24px;
 height: 24px;
 position: relative;
 margin-right: 8px
}

.calc__specification-result-share .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.calc__specification-result-share .message {
 display: block;
 position: absolute;
 width: 242px;
 height: auto;
 bottom: -20px;
 color: #1B98A8;
 font-size: 12px;
 line-height: 1.6;
 text-align: center;
 padding: 16px 24px;
 background: rgba(13, 16, 31, 0.4);
 border: 1px solid #382359;
 -webkit-backdrop-filter: blur(10px);
 backdrop-filter: blur(10px);
 border-radius: 24px;
 z-index: 1;
 opacity: 0;
 margin-left: 14px;
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 left: -9999px;
 transition: left 0s linear .3s, opacity .3s linear 0s, bottom .3s linear 0s;
 cursor: default
}

.calc__specification-result-share .message.visible {
 opacity: 1;
 bottom: -10px;
 left: 0;
 transition: left 0s linear 0s, opacity .7s ease-out 0s, bottom .7s ease-out 0s
}

.calc__specification-result-recalc {
 width: 100%;
 margin-top: 48px
}

@media (min-width: 1320px) {
 .calc__specification-result-recalc {
  -ms-flex-order: 5;
  order: 5;
  text-align: right
 }
}

@media (min-width: 1860px) {
 .calc__specification-result-recalc {
  width: auto;
  position: absolute;
  bottom: 12px
 }
}

.calc__specification-result-recalc .btn {
 display: -ms-inline-flexbox;
 display: inline-flex;
 -ms-flex-align: center;
 align-items: center;
 padding: 16px 24px;
 height: 54px;
 background: #1f0d0d;
 border: 1px solid #1f0d0d;
 box-shadow: -10px -10px 30px rgba(35, 33, 58, 0.16), 10px 10px 30px rgba(4, 5, 14, 0.8), inset 5px 6px 20px rgba(35, 33, 58, 0.5), inset -5px -6px 20px rgba(0, 2, 12, 0.2);
 border-radius: 9999px;
 color: #1B98A8
}

@media (min-width: 1320px) {
 .calc__specification-result-recalc .btn:hover {
  color: #1a1111;
  box-shadow: -8px -16px 30px rgba(35, 33, 58, 0.35), 8px 16px 30px rgba(4, 5, 14, 0.3)
 }
 .calc__specification-result-recalc .btn:hover svg path {
  fill: #1a1111
 }
}

.calc__specification-result-recalc .btn .icon {
 display: inline-block;
 width: 16px;
 height: 16px;
 position: relative;
 margin-right: 8px
}

.calc__specification-result-recalc .btn .icon svg {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.calc__order {
 margin-top: 96px;
 margin-bottom: 96px;
 position: relative
}

@media (min-width: 768px) {
 .calc__order {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
 }
}

@media (min-width: 1860px) {
 .calc__order {
  margin-top: 170px
 }
}

.calc__order .calc__tab-list {
 display: none
}

@media (min-width: 1320px) {
 .calc__order .calc__tab-list {
  display: block;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 29px
 }
}

@media (min-width: 1860px) {
 .calc__order .calc__tab-list {
  margin-bottom: 0px
 }
}

.calc__order .calc__tab-list-wrap::after {
 width: 100%
}

.calc__order-title {
 width: 100%;
 margin-bottom: 48px
}

@media (min-width: 1320px) {
 .calc__order-title {
  display: none
 }
}

@media (min-width: 1860px) {
 .calc__order-title {
  display: block;
  margin-bottom: 68px
 }
}

.calc__order-title .title {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 34px
}

@media (min-width: 768px) {
 .calc__order-title .title {
  margin-bottom: 35px
 }
}

@media (min-width: 1320px) {
 .calc__order-title .title {
  margin-bottom: 0;
  margin-right: 24px
 }
}

@media (min-width: 1860px) {
 .calc__order-title .title {
  font-size: 30px;
  line-height: 140%
 }
}

.calc__order-form {
 display: block;
 width: 100%;
 margin-bottom: 35px
}

@media (min-width: 1320px) {
 .calc__order-form {
  width: 46.45093945720251%;
  float: left;
  margin-bottom: 0
 }
}

@media (min-width: 1860px) {
 .calc__order-form {
  width: 46.84684684684685%
 }
}

.calc__order-form .form-order .controller-label {
 font-size: 14px
}

@media (min-width: 1860px) {
 .calc__order-form .form-order .controller-label {
  width: 150px;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: 0;
  padding-top: 19px
 }
}

.calc__order-form .form-order .controller__input {
 height: 46px
}

@media (min-width: 1860px) {
 .calc__order-form .form-order .controller__input {
  height: 60px
 }
}

.calc__order-form .form-order .controller__input .input {
 height: 46px;
 padding: 12px 16px 12px 40px;
 color: #6c6c6c;
 font-weight: 400;
 font-size: 14px;
 line-height: 160%;
 letter-spacing: initial
}

@media (min-width: 1860px) {
 .calc__order-form .form-order .controller__input .input {
  height: 60px;
  padding-left: 66px
 }
}

.calc__order-form .form-order .controller-wrap .textarea {
 height: 170px;
 padding: 12px 16px 12px 40px;
 color: #6c6c6c;
 font-weight: 400;
 font-size: 14px;
 line-height: 160%;
 letter-spacing: initial
}

@media (min-width: 1860px) {
 .calc__order-form .form-order .controller-wrap .textarea {
  height: 150px;
  padding-left: 66px;
  padding-top: 20px
 }
}

.calc__order-form .form-order .controller-icon {
 width: 16px;
 height: 16px;
 top: 16px;
 left: 16px
}

@media (min-width: 1860px) {
 .calc__order-form .form-order .controller-icon {
  top: 22px;
  left: 34px
 }
}

.calc__order-form .form-order .controller-icon.icon-human img {
 width: 40px
}

.calc__order-form .form-order .controller-icon.icon-phone img {
 width: 43px
}

.calc__order-form .form-order .controller-icon.icon-mail img {
 width: 106px
}

.calc__order-form .form-order .controller-icon.icon-msg img {
 width: 39px
}

.calc__order-form .form-order .validator__cross,
.calc__order-form .form-order .validator__check {
 right: 0;
 top: 9px
}

@media (min-width: 1860px) {
 .calc__order-form .form-order .validator__cross,
 .calc__order-form .form-order .validator__check {
  right: 6px;
  top: 16px
 }
}

.calc__order-form .form-order .validator__cross {
 display: none
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .calc__order-form .form-order .validator__cross {
  right: 34px;
  display: block
 }
}

@media (min-width: 1860px) {
 .calc__order-form .form-order .controller-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0
 }
}

@media (min-width: 1320px) {
 .calc__order-result {
  width: 46.45093945720251%;
  float: right;
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
 }
}

@media (min-width: 1860px) {
 .calc__order-result {
  width: 46.84684684684685%
 }
}

.calc__order-result-pic {
 display: none
}

@media (min-width: 1320px) {
 .calc__order-result-pic {
  display: block;
  margin-bottom: 51px;
  margin-top: 34px;
  width: 445px;
  height: 268px;
  position: relative;
  background: #070707;
  box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3);
  border-radius: 12px
 }
 .calc__order-result-pic img {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
 }
}

@media (min-width: 1860px) {
 .calc__order-result-pic {
  display: none
 }
}

.calc__order-result-list {
 display: none
}

@media (min-width: 1320px) {
 .calc__order-result-list {
  display: block
 }
}

@media (min-width: 1860px) {
 .calc__order-result-list {
  width: 100%;
  height: auto;
  padding: 76px 280px 76px 68px;
  background: #070707;
  box-shadow: -14px -28px 30px rgba(35, 33, 58, 0.15), 14px 28px 30px rgba(4, 5, 14, 0.3), -6px -6px 30px rgba(35, 33, 58, 0.15), 6px 6px 30px rgba(0, 2, 12, 0.3);
  border-radius: 12px
 }
}

.calc__order-result-list-title {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 34px
}

@media (min-width: 1860px) {
 .calc__order-result-list-title {
  font-weight: bold;
  font-size: 24px
 }
}

.calc__order-result-list-short {
 margin-bottom: 24px
}

@media (min-width: 1860px) {
 .calc__order-result-list-short {
  margin-bottom: 16px
 }
}

.calc__order-result-list-short ul {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column
}

.calc__order-result-list-short li {
 display: inline-block;
 position: relative;
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #ffffff;
 margin-bottom: 8px;
 padding-left: 28px
}

.calc__order-result-list-short li:last-child {
 margin-bottom: 0
}

.calc__order-result-list-short li::before {
 content: "";
 display: block;
 width: 16px;
 height: 16px;
 background: #1f0d0d;
 box-shadow: -2px -4px 8px rgba(35, 33, 58, 0.6), 2px 4px 8px rgba(4, 5, 14, 0.6), -1px -1px 8px rgba(35, 33, 58, 0.6), 1px 1px 8px rgba(0, 2, 12, 0.6);
 border-radius: 50%;
 position: absolute;
 top: 3px;
 left: 0
}

.calc__order-result-list-short li::after {
 content: "";
 display: block;
 width: 8px;
 height: 8px;
 background: #B2ACE8;
 box-shadow: 0 0 8px rgba(171, 120, 255, 0.68);
 border-radius: 50%;
 position: absolute;
 top: 6px;
 left: 4px
}

@media (min-width: 1860px) {
 .calc__order-result-list-sum {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
 }
}

.calc__order-result-list-sum span:first-child {
 font-weight: normal;
 font-size: 16px;
 line-height: 160%;
 color: #ffffff;
 margin-right: 18px
}

@media (min-width: 1860px) {
 .calc__order-result-list-sum span:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 18px;
  margin-right: 12px
 }
}

.calc__order-result-list-sum span:last-child {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff
}

@media (min-width: 1860px) {
 .calc__order-result-list-sum span:last-child {
  font-weight: bold;
  font-size: 24px
 }
}

@media (min-width: 1320px) {
 .calc__order-result-submit .form-order__actions-group {
  display: block;
  margin-top: 47px
 }
}

@media (min-width: 1860px) {
 .calc__order-result-submit .form-order__actions-group {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0
 }
}

@media (min-width: 1320px) {
 .calc__order-result-submit .form-order__privacy {
  width: 100%;
  margin-bottom: 26px
 }
}

@media (min-width: 1860px) {
 .calc__order-result-submit .form-order__privacy {
  margin-bottom: 0
 }
}

.calc_outside-screen .calc__body-result-picture img {
 width: 300px;
 margin-top: -36px;
 margin-left: 29px
}

@media (min-width: 1860px) {
 .calc_outside-screen .calc__body-result-picture img {
  width: 347px;
  margin-top: -60px;
  margin-left: 43px
 }
}

.calc_outside-screen .calc__order-result-pic img {
 width: 300px;
 margin-top: -19px;
 margin-left: 8px
}

@media (min-width: 1860px) {
 .calc_outside-screen .calc__order-result-list {
  background-size: 307px;
  background-position: top 14px right 5%
 }
}

@media (min-width: 2520px) {
 .calc_outside-screen .calc__order-result-list {
  background-position: top 20px right 7%;
  background-size: 333px
 }
}

.calc_inside-screen .calc__body-result-picture img {
 width: 229px;
 margin-top: -14px;
 margin-left: 30px
}

@media (min-width: 1860px) {
 .calc_inside-screen .calc__body-result-picture img {
  width: 324px;
  margin-top: -17px;
  margin-left: 50px
 }
}

.calc_inside-screen .calc__order-result-pic img {
 width: 229px;
 margin-top: -2px;
 margin-left: 23px
}

@media (min-width: 1860px) {
 .calc_inside-screen .calc__order-result-list {
  background-size: 307px;
  background-position: top 14px right 5%
 }
}

@media (min-width: 2520px) {
 .calc_inside-screen .calc__order-result-list {
  background-position: top 20px right 7%;
  background-size: 333px
 }
}

.calc_media-facade .calc__body-result-picture img {
 width: 220px;
 margin-top: 0;
 margin-left: 0
}

@media (min-width: 1860px) {
 .calc_media-facade .calc__body-result-picture img {
  width: 300px;
  margin-top: 0;
  margin-left: 0
 }
}

.calc_media-facade .calc__order-result-pic img {
 width: 220px;
 margin-top: 0;
 margin-left: 0
}

@media (min-width: 1860px) {
 .calc_media-facade .calc__order-result-list {
  background-size: 260px;
  background-position: top 100px right 9%
 }
}

@media (min-width: 2520px) {
 .calc_media-facade .calc__order-result-list {
  background-size: 270px;
  background-position: top 86px right 14%
 }
}

.calc_rent .calc__order-result-pic img {
 width: 217px;
 margin-top: -14px;
 margin-left: 19px
}

@media (min-width: 1860px) {
 .calc_rent .calc__order-result-list {
  background-size: 307px;
  background-position: top 14px right 5%
 }
}

@media (min-width: 2520px) {
 .calc_rent .calc__order-result-list {
  background-position: top 14px right 15%
 }
}

.video-modal__background {
 width: 100vw;
 height: 100vh;
 top: 0;
 left: -9999px;
 opacity: 0;
 position: fixed;
 z-index: 999;
 overflow: hidden;
 outline: 0;
 background-color: rgba(0, 0, 0, 0.5);
 -webkit-backdrop-filter: blur(0);
 backdrop-filter: blur(0);
 transition: left 0s linear .15s, opacity .15s linear 0s, -webkit-backdrop-filter .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, backdrop-filter .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, backdrop-filter .15s linear 0s, -webkit-backdrop-filter .15s linear 0s
}

.video-modal__background.visible {
 left: 0;
 opacity: 1;
 -webkit-backdrop-filter: blur(4px);
 backdrop-filter: blur(4px);
 transition: left 0s linear 0s, opacity .15s linear 0s, -webkit-backdrop-filter .15s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, backdrop-filter .15s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, backdrop-filter .15s linear 0s, -webkit-backdrop-filter .15s linear 0s
}

.video-modal__content {
 top: 50%;
 left: -9999px;
 opacity: 0;
 -webkit-transform: translate(-50%, -60%);
 transform: translate(-50%, -60%);
 position: fixed;
 z-index: 9999;
 overflow: hidden;
 outline: 0;
 background-color: #000;
 transition: left 0s linear .15s, opacity .15s linear 0s, -webkit-transform .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, transform .15s linear 0s;
 transition: left 0s linear .15s, opacity .15s linear 0s, transform .15s linear 0s, -webkit-transform .15s linear 0s
}

.video-modal__content.visible {
 left: 50%;
 opacity: 1;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 transition: left 0s linear 0s, opacity .15s linear 0s, -webkit-transform .3s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, transform .3s linear 0s;
 transition: left 0s linear 0s, opacity .15s linear 0s, transform .3s linear 0s, -webkit-transform .3s linear 0s
}

.video-modal__wrap {
 width: 300px;
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden
}

@media (min-width: 768px) {
 .video-modal__wrap {
  width: 700px
 }
}

@media (min-width: 1320px) {
 .video-modal__wrap {
  width: 900px
 }
}

@media (min-width: 1860px) {
 .video-modal__wrap {
  width: 1100px
 }
}

@media (min-width: 2520px) {
 .video-modal__wrap {
  width: 1300px
 }
}

.video-modal__wrap iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border-width: 0;
 outline-width: 0
}

.video-modal__close {
 width: 34px;
 height: 34px;
 position: absolute;
 top: 8px;
 right: 8px;
 cursor: pointer;
 overflow: hidden;
 border-radius: 50%;
 background: #1f0d0d;
 transition: -webkit-transform .2s ease-out;
 transition: transform .2s ease-out;
 transition: transform .2s ease-out, -webkit-transform .2s ease-out;
 box-shadow: inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

@media (min-width: 768px) {
 .video-modal__close {
  width: 48px;
  height: 48px;
  top: 24px;
  right: 24px
 }
}

@media (min-width: 1320px) {
 .video-modal__close {
  width: 50px;
  height: 50px
 }
 .video-modal__close:hover .picture {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
 }
 .video-modal__close:hover svg path {
  stroke: #1B98A8
 }
}

.video-modal__close .picture {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 transition: -webkit-transform .3s;
 transition: transform .3s;
 transition: transform .3s, -webkit-transform .3s;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg)
}

.video-modal__close svg {
 width: 73px;
 position: absolute;
 top: calc(50% + 3px);
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
 .video-modal__close svg {
  width: 102px;
  top: calc(50% + 4px)
 }
}

.video-modal__close svg path {
 transition: all 0.2s
}

.order-form-modal {
 width: 100vw;
 height: 100vh;
 top: 0;
 left: -9999px;
 opacity: 0;
 position: fixed;
 z-index: 999;
 overflow-x: hidden;
 overflow-y: auto;
 outline: 0;
 background-color: rgba(0, 0, 0, 0.5);
 -webkit-backdrop-filter: blur(0);
 backdrop-filter: blur(0);
 transition: left 0s linear .15s, opacity .1s linear 0s, -webkit-backdrop-filter .1s linear 0s;
 transition: left 0s linear .15s, opacity .1s linear 0s, backdrop-filter .1s linear 0s;
 transition: left 0s linear .15s, opacity .1s linear 0s, backdrop-filter .1s linear 0s, -webkit-backdrop-filter .1s linear 0s
}

@media (min-width: 1860px) {
 .order-form-modal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
 }
}

.order-form-modal__dialog {
 position: relative;
 width: 285px;
 margin: 1.75rem auto;
 opacity: 0;
 -webkit-transform: translate(0, -25px);
 transform: translate(0, -25px);
 transition: all .1s linear
}

@media (min-width: 768px) {
 .order-form-modal__dialog {
  width: 680px
 }
}

@media (min-width: 1320px) {
 .order-form-modal__dialog {
  width: 1000px
 }
}

@media (min-width: 1860px) {
 .order-form-modal__dialog {
  width: 1600px
 }
}

.order-form-modal__dialog.visible {
 opacity: 1;
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 transition: opacity 0.3s linear, -webkit-transform 0.3s cubic-bezier(0, 0.55, 0.45, 1);
 transition: transform 0.3s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.3s linear;
 transition: transform 0.3s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.3s linear, -webkit-transform 0.3s cubic-bezier(0, 0.55, 0.45, 1)
}

.order-form-modal .container {
 width: 85% !important
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .order-form-modal .form-order__user-data {
  width: 70% !important
 }
}

@media (min-width: 1320px) and (max-width: 1859px) {
 .order-form-modal .form-order__privacy {
  width: 60% !important
 }
}

.order-form-modal__content {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 width: 100%;
 pointer-events: auto;
 background-clip: padding-box;
 outline: 0;
 padding: 24px 16px;
 border-radius: 12px;
 background: linear-gradient(318.46deg, #301c1c -26.8%, #070707 91.86%)
}

@media (min-width: 768px) {
 .order-form-modal__content {
  padding: 48px 68px;
  background: linear-gradient(317.6deg, #301c1c -101.32%, #070707 92.12%)
 }
}

@media (min-width: 1320px) {
 .order-form-modal__content {
  padding: 64px 68px
 }
}

.order-form-modal__close-bnt {
 width: 34px;
 height: 34px;
 position: absolute;
 top: 8px;
 right: 8px;
 cursor: pointer;
 overflow: hidden;
 border-radius: 50%;
 background: #1f0d0d;
 transition: -webkit-transform .2s ease-out;
 transition: transform .2s ease-out;
 transition: transform .2s ease-out, -webkit-transform .2s ease-out;
 box-shadow: inset 4px 4px 24px rgba(4, 2, 19, 0.5), inset -4px -4px 24px rgba(255, 255, 255, 0.06)
}

@media (min-width: 768px) {
 .order-form-modal__close-bnt {
  width: 48px;
  height: 48px;
  top: 24px;
  right: 24px
 }
}

@media (min-width: 1320px) {
 .order-form-modal__close-bnt {
  width: 50px;
  height: 50px
 }
 .order-form-modal__close-bnt:hover .icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
 }
 .order-form-modal__close-bnt:hover svg path {
  stroke: #1B98A8
 }
}

.order-form-modal__close-bnt .icon {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 transition: -webkit-transform .2s ease-out;
 transition: transform .2s ease-out;
 transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.order-form-modal__close-bnt svg {
 width: 73px;
 transition: -webkit-transform .3s;
 transition: transform .3s;
 transition: transform .3s, -webkit-transform .3s;
 position: absolute;
 top: calc(50% + 3px);
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
 .order-form-modal__close-bnt svg {
  width: 102px;
  top: calc(50% + 4px)
 }
}

.order-form-modal__close-bnt svg path {
 transition: all 0.2s
}

.order-form-modal.visible {
 left: 0;
 opacity: 1;
 -webkit-backdrop-filter: blur(4px);
 backdrop-filter: blur(4px);
 transition: left 0s linear 0s, opacity .1s linear 0s, -webkit-backdrop-filter .1s linear 0s;
 transition: left 0s linear 0s, opacity .1s linear 0s, backdrop-filter .1s linear 0s;
 transition: left 0s linear 0s, opacity .1s linear 0s, backdrop-filter .1s linear 0s, -webkit-backdrop-filter .1s linear 0s
}

.order-form-modal .order-form-modal__content {
 padding: 48px 0
}

.order-form-modal .modal {
 background-color: transparent !important;
 -webkit-backdrop-filter: none !important;
 backdrop-filter: none !important
}

body.page-index {
 overflow: hidden
}

.loading-container {
 display: none
}

.page-index main {
 padding-top: 0
}

.page-index .section_slider {
 margin-top: 0;
 background: #060709;
}

.red {
 color: #1B98A8;
}

.redd {
 background: #fff;
 padding: 0px 10px;
 line-height: 1.1;
 display: inline-block;
 color: #1B98A8;
}

.language {
 border: 3px solid #1B98A8;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-transition: all .4s;
 transition: all .4s;
 margin-top: 0vw;
 position: relative;
}

.language-item-active:before {
 content: "";
 -webkit-animation-duration: 2s;
 animation-duration: 2s;
 background-color: #1B98A8;
 width: 2vw;
 left: 0.1vw;
 top: 0.1vw;
 height: 2vw;
 display: block;
 position: absolute;
 z-index: 0;
 -webkit-transition: all .4s;
 transition: all .4s;
}

.language span {
 z-index: 5;
 color: #000;
}

.language.lang::before {
 right: 0px;
 -webkit-transition: all .4s;
 transition: all .4s;
 left: auto;
}

.language-item {
 width: 2.2vw;
 height: 2.2vw;
 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;
 font-size: 0.7vw;
 font-weight: 300;
 text-transform: uppercase;
 letter-spacing: 1.2px;
 cursor: pointer;
 -webkit-transition: all .4s;
 transition: all .4s;
 position: relative;
}

.language-item-active {
 color: #fff;
 border-radius: 50%;
 font-weight: bold;
 -webkit-transition: all .4s;
 transition: all .4s;
}

.language-item-active span {
  color: #fff;
  font-weight: bold;
}

.language a {
 color: #000;
}

.social {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 background-color: #231F20;
 padding: 0.2vw 0.85vw;
 height: 50px;
}

.social-wrap {
 text-align: center;
 margin: 0 1.5vw;
}

.social__item {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 font-size: 14px;
 font-weight: 300;
 color: #fff;
 padding: 0.2vw;
 -webkit-transition: all 0.4s;
 -o-transition: all 0.4s;
 transition: all 0.4s;
 white-space: nowrap;
}

.social__item svg {
 width: 1.2vw;
 margin-right: 0.6vw;
 fill: #fff;
 -webkit-transition: all 0.4s;
 -o-transition: all 0.4s;
 transition: all 0.4s;
 -ms-flex-negative: 0;
 flex-shrink: 0;
 height: 2vw;
}

.social__item:hover,
.social__item:focus {
 color: #fff;
}

.tg:hover svg,
.tg:focus svg{
 fill: #20a0ff;
}


.page-index .section_offer {
 z-index: 3
}



.white {
 color: #fff;
}

.section_projects {
 background: linear-gradient(124.74deg, #003548 29.52%, #0B788B 100%);
 padding: 100px 0;
}

@media (min-width: 768px) {
 .page-index .section_projects {
  margin-top: 100px
 }
}

@media (min-width: 1320px) {
 .page-index .section_projects {
  margin-top: 135px
 }
}

@media (min-width: 1860px) {
 .page-index .section_projects {
  margin-top: 150px
 }
}

@media (min-width: 768px) {
 .page-index .section_clients {
  margin-top: 100px
 }
}

@media (min-width: 1320px) {
 .page-index .section_clients {
  margin-top: 135px
 }
}

@media (min-width: 1860px) {
 .page-index .section_clients {
  margin-top: 150px
 }
}

@media (min-width: 768px) {
 .page-index .section_feedback+.section_callback {
  margin-top: 312px
 }
}

@media (min-width: 1320px) {
 .page-index .section_feedback+.section_callback {
  margin-top: 302px
 }
}

@media (min-width: 1860px) {
 .page-index .section_feedback+.section_callback {
  margin-top: 578px
 }
}

.page-index.loading .header {
 opacity: 0;
 transition: all .7s
}

.page-index.loading .main {
 opacity: 0;
 -webkit-transform: translateY(-50px);
 transform: translateY(-50px);
 transition: all .5s
}

.page-index.loading.loaded .header {
 opacity: 1
}

.page-index.loading.loaded .main {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0)
}

.page-index .loading-container {
 width: 100%;
 height: 100vh;
 position: fixed;
 top: 0;
 left: 0;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 background-color: #070707;
 z-index: 999999;
 opacity: 1;
 transition: opacity .6s
}

.page-index .loading-container.hide {
 opacity: 0
}

.page-index .loading-container .ldBar {
 width: 170px !important;
 height: 170px !important
}

@media (min-width: 1860px) {
 .page-index .loading-container .ldBar {
  width: 200px !important;
  height: 200px !important
 }
}

.page-index .loading-container .ldBar path.mainline {
 stroke-width: 3;
 stroke: #1B98A8;
 stroke-linecap: round
}

.page-index .loading-container .ldBar path.baseline {
 stroke-width: 1;
 stroke: #4b3737;
 stroke-linecap: round
}

.section_slider {
 margin-top: 0
}

.slider {
 width: 100%;
 max-height: 100%;
}

@media (min-width: 768px) {
 .slider {
  max-height: 100%;
 }
}

@media (min-width: 1320px) {
 .slider {
  max-height: 100%;
 }
}

@media (min-width: 1860px) {
 .slider {
  max-height: 100%;
 }
}

.slider__background-image {
 height: 100%;
 z-index: 1
}

.slider__picture {
 height: 100%
}

.slider__picture .image {
 width: auto;
 max-width: none;
 height: 100%;
 position: absolute;
 top: 0;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%)
}

.slider__picture .image.picture-man {
 width: auto;
 max-width: none;
 height: 300px;
 position: absolute;
 left: 50%;
 -webkit-transform: translate(calc(-50% + -98px), 19px);
 transform: translate(calc(-50% + -98px), 19px)
}

@media (min-width: 768px) {
 .slider__picture .image.picture-man {
  height: 100%;
  -webkit-transform: translate(calc(-50% + -50px), 24px);
  transform: translate(calc(-50% + -50px), 24px)
 }
}

@media (min-width: 1320px) {
 .slider__picture .image.picture-man {
  height: 625px;
  -webkit-transform: translate(calc(-50% + 95px), 37px);
  transform: translate(calc(-50% + 95px), 37px)
 }
}

@media (min-width: 1860px) {
 .slider__picture .image.picture-man {
  height: 100%;
  -webkit-transform: translate(calc(-50% + -3px), 0);
  transform: translate(calc(-50% + -3px), 0)
 }
}

.slider__mask {
 position: absolute;
 overflow: hidden;
 width: 100%;
 display: none;
 z-index: 2;
 background-repeat: no-repeat;
 background-position: top center;
 background-size: 100% 100%
}

@media (min-width: 768px) {
 .slider__mask {
  display: block;
  top: 560px;
  height: 600px;
 }
}

@media (min-width: 1320px) {
 .slider__mask {
  top: 345px;
  height: 764px;
 }
}

@media (min-width: 1860px) {
 .slider__mask {
  top: 690px;
  height: 785px;
 }
}

@media (min-width: 2520px) {
 .slider__mask {
  top: 630px;
  height: 1037px
 }
}

.slider__content {
 width: 85%;
 margin-left: 7.5%;
 position: absolute;
 top: 195px;
 z-index: 3;
 padding: 16px 0;
 background: rgba(0, 0, 0, .5);
}

@media (min-width: 768px) {
 .slider__content {
  width: 524px;
  margin-left: 6.25%;
  left: auto;
  -webkit-transform: none;
  transform: none;
  top: 162px;
  padding: 24px 0;
 }
}

@media (min-width: 1320px) {
 .slider__content {
  width: 704px;
  margin-left: 4.978038067349927%;
  top: 182px;
  padding: 34px 0 48px;
 }
}

@media (min-width: 1860px) {
 .slider__content {
  width: 870px;
  margin-left: calc(15% - 192px);
  top: 232px;
  padding: 48px 0 68px;
 }
}

.slider__slide {
 padding: 0 16px
}

@media (min-width: 768px) {
 .slider__slide {
  padding: 0 24px
 }
}

@media (min-width: 1320px) {
 .slider__slide {
  padding: 0 48px
 }
}

@media (min-width: 1860px) {
 .slider__slide {
  padding: 0 68px
 }
}

.slider__title {
 font-weight: bold;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 16px;
 font-family: "Montserrat", sans-serif
}

@media (min-width: 1320px) {
 .slider__title {
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 24px;
 }
}

@media (min-width: 1860px) {
 .slider__title {
  font-size: 60px;
  line-height: 140%;
  margin-bottom: 34px;
 }
}

.slider__subtitle {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #bcbcbc;
 margin-top: 16px;
 margin-bottom: 34px;
 font-family: "Montserrat", sans-serif
}

@media (min-width: 768px) {
 .slider__subtitle {
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .slider__subtitle {
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 68px;
  max-width: 80%;
  min-height: 93px
 }
}

@media (min-width: 1860px) {
 .slider__subtitle {
  font-size: 30px;
  line-height: 125%;
  margin-top: 34px;
  margin-bottom: 96px;
  max-width: 600px;
  min-height: 111px
 }
}

.slider__actions {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start;
 margin-top: 34px
}

@media (min-width: 768px) {
 .slider__actions {
  margin-top: 48px
 }
}

@media (min-width: 1320px) {
 .slider__actions {
  margin-top: 68px;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center
 }
}

@media (min-width: 1860px) {
 .slider__actions {
  margin-top: 96px
 }
}




@media (min-width: 1320px) {
 .slider__actions .btn {
  margin-bottom: 0
 }
}

.slider__actions .link {
 font-weight: normal;
 font-size: 14px;
 line-height: 160%;
 color: #1B98A8;
 font-family: "Montserrat", sans-serif
}

@media (min-width: 768px) {
 .slider__actions .link {
  max-width: 140px
 }
}

@media (min-width: 1320px) {
 .slider__actions .link {
  max-width: none;
  margin-left: 34px
 }
}

.slider .slide-nums {
 position: absolute;
 bottom: 11px;
 right: 6px
}

@media (min-width: 768px) {
 .slider .slide-nums {
  bottom: 80px;
  right: 41px
 }
}

@media (min-width: 1320px) {
 .slider .slide-nums {
  bottom: 134px;
  right: 43px
 }
}

@media (min-width: 1860px) {
 .slider .slide-nums {
  bottom: 153px;
  right: 63px
 }
}

.slider #btnSliderPrev,
.slider #btnSliderNext {
 position: absolute;
 display: none;
 z-index: 1
}

.slider #btnSliderPrev svg,
.slider #btnSliderNext svg {
 width: 10px;
 position: relative
}

.slider #btnSliderPrev svg path,
.slider #btnSliderNext svg path {
 transition: all .3s
}

@media (min-width: 768px) {
 .slider #btnSliderPrev,
 .slider #btnSliderNext {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 24px
 }
}

@media (min-width: 1320px) {
 .slider #btnSliderPrev,
 .slider #btnSliderNext {
  bottom: 48px
 }
}

@media (min-width: 1860px) {
 .slider #btnSliderPrev,
 .slider #btnSliderNext {
  bottom: 68px
 }
}

.slider #btnSliderPrev svg {
 -webkit-transform: scale(-1, 1);
 transform: scale(-1, 1)
}

@media (min-width: 768px) {
 .slider #btnSliderPrev {
  right: 89px
 }
}

@media (min-width: 1320px) {
 .slider #btnSliderPrev {
  right: 121px
 }
}

@media (min-width: 1860px) {
 .slider #btnSliderPrev {
  right: 141px
 }
}

.slider #btnSliderNext svg {
 -webkit-transform: translate(1px, 0);
 transform: translate(1px, 0)
}

@media (min-width: 768px) {
 .slider #btnSliderNext {
  right: 24px
 }
}

@media (min-width: 1320px) {
 .slider #btnSliderNext {
  right: 48px
 }
}

@media (min-width: 1860px) {
 .slider #btnSliderNext {
  right: 68px
 }
}

.slider__animation {
 position: relative;
 z-index: 0;
 opacity: 0;
 transition: all .4s
}

.slider__animation.visible {
 opacity: 1
}

.slider__canvas {
 position: absolute;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%)
}

@media (min-width: 768px) {
 .slider__canvas {
  top: 100px;
  -webkit-transform: translateX(calc(-50% + 190px));
  transform: translateX(calc(-50% + 190px))
 }
}

@media (min-width: 1320px) {
 .slider__canvas {
  top: 120px;
  -webkit-transform: translateX(calc(-50% + 400px));
  transform: translateX(calc(-50% + 400px))
 }
}

@media (min-width: 1860px) {
 .slider__canvas {
  top: 180px;
  -webkit-transform: translateX(calc(-50% + 480px));
  transform: translateX(calc(-50% + 480px))
 }
}

@media (min-width: 768px) {
 .slider__canvas#cMob {
  display: none
 }
}

.slider__canvas#cTab {
 display: none
}

@media (min-width: 768px) {
 .slider__canvas#cTab {
  display: block
 }
}

@media (min-width: 1860px) {
 .slider__canvas#cTab {
  display: none
 }
}

.slider__canvas#cDesk {
 display: none
}

@media (min-width: 1860px) {
 .slider__canvas#cDesk {
  display: block
 }
}

@media (min-width: 1860px) {
 .page-installation .work .section__title {
  width: 100%
 }
}

@media (min-width: 1860px) {
 .page-projection .work .section__title {
  width: 100%
 }
}

@media (min-width: 1860px) {
 .page-led-screen .banner-content .slide-nums {
  top: 313px
 }
}

@media (min-width: 1860px) {
 .page-led-screen .banner-content #btnBannerProjectsPrev,
 .page-led-screen .banner-content #btnBannerProjectsNext {
  top: 291px
 }
}

@media (min-width: 1860px) {
 .page-led-screen .banner-content__text_two-column .paragraph {
  padding-right: 0
 }
}

@media (min-width: 1860px) {
 .page-led-screen .banner-content__text_two-column .paragraph:last-child {
  padding-left: 64px
 }
}

@media (min-width: 1860px) {
 .page-led-screen .section_ready-cabins .label-controll {
  margin-right: 64px
 }
}

@media (min-width: 1860px) {
 .page-ticker .banner-content__title {
  margin-bottom: 64px;
  min-height: initial
 }
}

.page-ticker .banner-content__text_two-column .paragraph {
 padding-right: 0
}

@media (min-width: 1860px) {
 .page-ticker .banner-content .slide-nums {
  top: 240px
 }
}

@media (min-width: 1860px) {
 .page-ticker .banner-content #btnBannerProjectsPrev,
 .page-ticker .banner-content #btnBannerProjectsNext {
  top: 218px
 }
}

@media (min-width: 1320px) {
 .page-ticker .banner-content__text_two-column .paragraph:first-child {
  padding-right: 48px
 }
 .page-ticker .banner-content__text_two-column .paragraph:last-child {
  padding-left: 16px
 }
 .page-ticker .banner-content__text_two-column .paragraph .paragraph__title {
  min-height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
 }
}

@media (min-width: 1860px) {
 .page-ticker .banner-content__text_two-column .paragraph:first-child {
  padding-right: 24px
 }
 .page-ticker .banner-content__text_two-column .paragraph:last-child {
  padding-left: 48px;
  padding-right: 0
 }
 .page-ticker .banner-content__text_two-column .paragraph .paragraph__title {
  min-height: initial
 }
}

@media (min-width: 1860px) {
 .page-scoreboard .banner-content .slide-nums {
  top: 313px
 }
}

@media (min-width: 1860px) {
 .page-scoreboard .banner-content #btnBannerProjectsPrev,
 .page-scoreboard .banner-content #btnBannerProjectsNext {
  top: 291px
 }
}

@media (min-width: 1320px) {
 .page-scoreboard .banner-content__text_two-column .paragraph:first-child {
  padding-right: 48px
 }
 .page-scoreboard .banner-content__text_two-column .paragraph:last-child {
  padding-left: 16px
 }
 .page-scoreboard .banner-content__text_two-column .paragraph .paragraph__title {
  min-height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
 }
}

@media (min-width: 1860px) {
 .page-scoreboard .banner-content__text_two-column .paragraph:first-child {
  padding-right: 24px
 }
 .page-scoreboard .banner-content__text_two-column .paragraph:last-child {
  padding-left: 48px;
  padding-right: 0
 }
 .page-scoreboard .banner-content__text_two-column .paragraph .paragraph__title {
  min-height: initial
 }
}

@media (min-width: 1860px) {
 .page-media-facade .banner-content__title {
  margin-bottom: 64px;
  min-height: initial
 }
}

@media (min-width: 1860px) {
 .page-media-facade .banner-content .slide-nums {
  top: 240px
 }
}

@media (min-width: 1860px) {
 .page-media-facade .banner-content #btnBannerProjectsPrev,
 .page-media-facade .banner-content #btnBannerProjectsNext {
  top: 218px
 }
}

@media (min-width: 1320px) {
 .page-media-facade .banner-content__text_two-column .paragraph:first-child {
  padding-right: 48px
 }
 .page-media-facade .banner-content__text_two-column .paragraph:last-child {
  padding-left: 16px
 }
}

@media (min-width: 1860px) {
 .page-media-facade .banner-content__text_two-column .paragraph:first-child {
  padding-right: 24px
 }
 .page-media-facade .banner-content__text_two-column .paragraph:last-child {
  padding-left: 48px;
  padding-right: 0
 }
}

@media (min-width: 1860px) {
 .page-videobanner .banner-content .slide-nums {
  top: 313px
 }
}

@media (min-width: 1860px) {
 .page-videobanner .banner-content #btnBannerProjectsPrev,
 .page-videobanner .banner-content #btnBannerProjectsNext {
  top: 291px
 }
}

@media (min-width: 1860px) {
 .page-videocube .banner-content__title {
  margin-bottom: 64px;
  min-height: initial
 }
}

@media (min-width: 1860px) {
 .page-videocube .banner-content .slide-nums {
  top: 240px
 }
}

@media (min-width: 1860px) {
 .page-videocube .banner-content #btnBannerProjectsPrev,
 .page-videocube .banner-content #btnBannerProjectsNext {
  top: 218px
 }
}

@media (min-width: 1860px) {
 .page-led-ball .banner-content .slide-nums {
  top: 313px
 }
}

@media (min-width: 1860px) {
 .page-led-ball .banner-content #btnBannerProjectsPrev,
 .page-led-ball .banner-content #btnBannerProjectsNext {
  top: 291px
 }
}

@media (min-width: 1860px) {
 .page-mediabort .banner-content__title {
  margin-bottom: 64px;
  min-height: initial
 }
}

@media (min-width: 1860px) {
 .page-mediabort .banner-content .slide-nums {
  top: 240px
 }
}

@media (min-width: 1860px) {
 .page-mediabort .banner-content #btnBannerProjectsPrev,
 .page-mediabort .banner-content #btnBannerProjectsNext {
  top: 218px
 }
}

@media (min-width: 1860px) {
 .page-store-screen .banner-content .slide-nums {
  top: 313px
 }
}

@media (min-width: 1860px) {
 .page-store-screen .banner-content #btnBannerProjectsPrev,
 .page-store-screen .banner-content #btnBannerProjectsNext {
  top: 291px
 }
}

@media (min-width: 1860px) {
 .page-store-screen .banner-content__text_large {
  width: 60%
 }
}

@media (min-width: 1860px) {
 .page-sport-screen .banner-content .slide-nums {
  top: 398px
 }
}

@media (min-width: 1860px) {
 .page-sport-screen .banner-content #btnBannerProjectsPrev,
 .page-sport-screen .banner-content #btnBannerProjectsNext {
  top: 375px
 }
}

@media (min-width: 1860px) {
 .page-conf-screen .banner-content .slide-nums {
  top: 313px
 }
}

@media (min-width: 1860px) {
 .page-conf-screen .banner-content #btnBannerProjectsPrev,
 .page-conf-screen .banner-content #btnBannerProjectsNext {
  top: 291px
 }
}

@media (min-width: 1860px) {
 .page-conf-screen .banner-content__text_large {
  width: 60%
 }
}

@media (min-width: 1860px) {
 .page-street-screen .banner-content .slide-nums {
  top: 313px
 }
}

@media (min-width: 1860px) {
 .page-street-screen .banner-content #btnBannerProjectsPrev,
 .page-street-screen .banner-content #btnBannerProjectsNext {
  top: 291px
 }
}

@media (min-width: 1860px) {
 .page-street-screen .banner-content__text_large {
  width: 60%
 }
}

@media (min-width: 1860px) {
 .page-street-screen .banner-content__text_two-column .paragraph {
  padding-right: 0
 }
}

@media (min-width: 1860px) {
 .page-street-screen .banner-content__text_two-column .paragraph:last-child {
  padding-left: 64px
 }
}

.page-our-works .section_tab-list {
 margin-top: 16px
}

@media (min-width: 768px) {
 .page-our-works .section_tab-list {
  margin-top: 24px
 }
}

@media (min-width: 1320px) {
 .page-our-works .section_tab-list {
  margin-top: 68px
 }
}

@media (min-width: 1860px) {
 .page-our-works .section_tab-list {
  margin-top: 96px
 }
}

.page-our-works .section_tab-list .section__title {
 margin-bottom: 16px
}

@media (min-width: 768px) {
 .page-our-works .section_tab-list .section__title {
  margin-bottom: 34px
 }
}

@media (min-width: 1320px) {
 .page-our-works .section_tab-list .section__title {
  margin-bottom: 48px
 }
}

@media (min-width: 1860px) {
 .page-our-works .section_tab-list .section__title {
  margin-bottom: 68px
 }
}

@media (min-width: 1860px) {
 .page-our-works .form-order .section__title {
  margin-bottom: 68px
 }
}

.page-our-works .tab-list .tabs {
 position: relative;
 z-index: 2;
 transition-delay: .3s !important;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.page-our-works .tab-list .tabs.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.page-our-works .tab-list .tabs-items {
 position: relative;
 z-index: 1
}

.page-single-work .section_single-work {
 margin-top: 16px;
 margin-bottom: 48px
}

@media (min-width: 768px) {
 .page-single-work .section_single-work {
  margin-top: 24px
 }
}

@media (min-width: 1320px) {
 .page-single-work .section_single-work {
  margin-bottom: 202px
 }
}

@media (min-width: 1860px) {
 .page-single-work .section_single-work {
  margin-top: 28px;
  margin-bottom: 382px
 }
}

.page-single-work .section_project-description {
 margin-top: 48px
}

@media (min-width: 1320px) {
 .page-single-work .section_project-description {
  margin-top: 202px
 }
}

@media (min-width: 1860px) {
 .page-single-work .section_project-description {
  margin-top: 382px
 }
}

.page-single-work .form-order .section__title {
 max-width: none
}

@media (max-width: 767px) {
  .clients__card img {
    max-width: 90%;
    height: 85%;
    object-fit: contain;
  }
 .page-single-work .feedback__pic {
  width: 100%;
  height: 0;
  padding-bottom: 70%
 }
 .page-single-work .feedback__pic .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
 }
}

@media (max-width: 1319px) {
 .page-single-work .feedback__card {
  width: 100%;
  min-height: 400px;
  margin-top: 65px
 }
}

.page-knowledge-base .section_faq {
 margin-top: 16px
}

@media (min-width: 768px) {
 .page-knowledge-base .section_faq {
  margin-top: 24px
 }
}

@media (min-width: 1320px) {
 .page-knowledge-base .section_faq {
  margin-top: 68px
 }
}

@media (min-width: 1860px) {
 .page-knowledge-base .section_faq {
  margin-top: 96px
 }
}

.page-knowledge-base .section_tab-list {
 margin-top: 16px;
 margin-bottom: 80px
}

@media (min-width: 768px) {
 .page-knowledge-base .section_tab-list {
  margin-top: 24px;
  margin-bottom: 99px
 }
}

@media (min-width: 1320px) {
 .page-knowledge-base .section_tab-list {
  margin-top: 24px;
  margin-bottom: 25px
 }
}

@media (min-width: 1860px) {
 .page-knowledge-base .section_tab-list {
  margin-top: 96px;
  margin-bottom: 264px
 }
}

.page-knowledge-base .section_tab-list .section__title {
 margin-bottom: 16px
}

@media (min-width: 768px) {
 .page-knowledge-base .section_tab-list .section__title {
  margin-bottom: 34px
 }
}

@media (min-width: 1320px) {
 .page-knowledge-base .section_tab-list .section__title {
  margin-bottom: 68px
 }
}

.page-knowledge-base .section_link-list {
 margin-top: 96px
}

@media (min-width: 768px) {
 .page-knowledge-base .section_link-list .section__title {
  margin-bottom: 49px
 }
}

@media (min-width: 1320px) {
 .page-knowledge-base .section_link-list .section__title {
  margin-bottom: 68px
 }
}

.page-knowledge-base .tab-list .tabs {
 position: relative;
 z-index: 2;
 transition-delay: .3s !important;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.page-knowledge-base .tab-list .tabs.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.page-knowledge-base .tab-list .tabs-items {
 position: relative;
 z-index: 1
}

.page-single-article-news .section_article-news {
 margin-top: 16px
}

@media (min-width: 768px) {
 .page-single-article-news .section_article-news {
  margin-top: 24px
 }
}

@media (min-width: 1320px) {
 .page-single-article-news .section_article-news {
  margin-top: 68px
 }
}

@media (min-width: 1860px) {
 .page-single-article-news .section_article-news {
  margin-top: 96px
 }
}

.page-payment-delivery .section_delivery {
 margin-top: 16px
}

@media (min-width: 768px) {
 .page-payment-delivery .section_delivery {
  margin-top: 24px;
  margin-bottom: 96px
 }
}

@media (min-width: 1320px) {
 .page-payment-delivery .section_delivery {
  margin-top: 96px;
  margin-bottom: 134px
 }
}

@media (min-width: 1860px) {
 .page-payment-delivery .section_delivery {
  margin-bottom: 264px
 }
}

.page-payment-delivery .section_payment {
 z-index: 1
}

@media (min-width: 768px) {
 .page-payment-delivery .section_payment {
  margin-top: 96px
 }
}

@media (min-width: 1320px) {
 .page-payment-delivery .section_payment {
  margin-top: 134px
 }
}

@media (min-width: 1860px) {
 .page-payment-delivery .section_payment {
  margin-top: 264px
 }
}

.page-about .section__about-banner {
 margin-top: 16px
}

@media (min-width: 768px) {
 .page-about .section__about-banner {
  margin-top: 24px
 }
}

@media (min-width: 1320px) {
 .page-about .section__about-banner {
  margin-top: 68px
 }
}

@media (min-width: 1860px) {
 .page-about .section__about-banner {
  margin-top: 96px
 }
}

@media (min-width: 768px) {
 .page-about .callback .container,
 .page-about .callback .container-endless {
  padding-left: 0
 }
}

.page-about .section_callback {
 background: #1f0d0d;
 padding: 48px 0
}

@media (min-width: 768px) {
 .page-about .section_callback {
  padding: 96px 0
 }
}

@media (min-width: 1860px) {
 .page-about .section_callback {
  padding: 134px 0
 }
}

@media (min-width: 1860px) {
 .page-about .callback__background-pic {
  top: 85px
 }
}

.page-about #callbackPhone {
 background: #1f0d0d;
 box-shadow: inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5), -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55)
}

.page-about #callbackPhone:focus {
 box-shadow: inset -5px -6px 20px rgba(35, 33, 58, 0.3), inset 5px 6px 20px rgba(0, 2, 12, 0.5), -10px -10px 30px rgba(35, 33, 58, 0.35), 10px 10px 30px rgba(4, 5, 14, 0.55), 0px 0px 0px 2px #463370
}

.about-banner__pic {
 margin-bottom: 44px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.about-banner__pic.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .about-banner__pic {
  -ms-flex-order: 2;
  order: 2;
  position: absolute;
  width: 506px;
  left: calc(46.875vw - 6.25vw)
 }
}

@media (min-width: 1320px) {
 .about-banner__pic {
  left: 53.8%;
  top: -19px;
  width: 533px
 }
}

@media (min-width: 1860px) {
 .about-banner__pic {
  width: 781px;
  left: 52.6%;
  top: 0
 }
}

@media (min-width: 768px) {
 .about-banner__content {
  -ms-flex-order: 1;
  order: 1;
  width: 42.1875vw
 }
}

@media (min-width: 1320px) {
 .about-banner__content {
  width: 45.09516837481698vw
 }
}

.about-banner__title {
 margin-bottom: 24px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.about-banner__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

@media (min-width: 768px) {
 .about-banner__title {
  margin-bottom: 48px
 }
}

@media (min-width: 1320px) {
 .about-banner__title {
  margin-bottom: 90px
 }
}

@media (min-width: 1860px) {
 .about-banner__title {
  max-width: 500px;
  padding-top: 142px;
  margin-bottom: 34px
 }
}

@media (min-width: 1320px) {
 .about-banner__description {
  display: -ms-flexbox;
  display: flex
 }
}

.about-banner__subtitle {
 font-weight: 500;
 font-size: 20px;
 line-height: 130%;
 letter-spacing: 0.02em;
 color: #ffffff;
 margin-bottom: 12px;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1);
 transition-delay: .5s
}

.about-banner__subtitle.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .about-banner__subtitle {
  font-weight: bold;
  font-size: 24px
 }
}

@media (min-width: 1320px) {
 .about-banner__subtitle {
  width: 100px;
  margin-right: 50px;
  position: relative
 }
 .about-banner__subtitle::after {
  content: "";
  display: block;
  width: 100vw;
  height: 12px;
  background: #070707;
  border-radius: 12px;
  position: absolute;
  left: 100px;
  top: 47px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  box-shadow: -20px -27px 40px rgba(35, 33, 58, 0.35), 20px 27px 40px rgba(4, 5, 14, 0.17), inset -2px -2px 5px rgba(52, 40, 62, 0.3), inset 2px 2px 5px rgba(0, 2, 12, 0.8)
 }
}

@media (min-width: 1860px) {
 .about-banner__subtitle {
  font-size: 30px;
  line-height: 140%;
  color: #ffffff;
  width: 190px
 }
 .about-banner__subtitle::after {
  left: 145px;
  top: 56px
 }
}

.about-banner__text {
 font-weight: normal;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 padding-right: 7.5vw;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1);
 transition-delay: .3s
}

.about-banner__text.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .about-banner__text {
  font-size: 14px;
  padding-right: 0
 }
}

@media (min-width: 1320px) {
 .about-banner__text {
  width: 72.24025974025974%;
  padding-top: 8px;
  color: #ffffff
 }
}

@media (min-width: 1860px) {
 .about-banner__text {
  width: 68.14428107783463%;
  padding-top: 14px
 }
}

.page-privacy-policy .section_privacy-policy {
 margin-top: 16px
}

@media (min-width: 768px) {
 .page-privacy-policy .section_privacy-policy {
  margin-top: 24px
 }
}

@media (min-width: 1320px) {
 .page-privacy-policy .section_privacy-policy {
  margin-top: 68px
 }
}

@media (min-width: 1860px) {
 .page-privacy-policy .section_privacy-policy {
  margin-top: 96px
 }
}

.privacy-policy .section__title {
 word-break: break-word;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.privacy-policy .section__title.animation-element {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px)
}

.privacy-policy__caption {
 font-size: 20px;
 font-weight: 500;
 line-height: 130%;
 letter-spacing: 0.02em;
 text-align: left;
 color: #ffffff;
 position: relative;
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 transition: all 2s cubic-bezier(0, 0.55, 0.45, 1)
}

.privacy-policy__caption.animation-element {
 opacity: 0;
 -webkit-transform: translateX(100px);
 transform: translateX(100px)
}

@media (min-width: 768px) {
 .privacy-policy__caption {
  font-weight: bold;
  font-size: 24px
 }
}

@media (min-width: 1860px) {
 .privacy-policy__caption {
  font-size: 30px;
  line-height: 140%
 }
}

.privacy-policy__paragraph-caption {
 color: #ffffff;
 margin-top: 16px
}

@media (min-width: 768px) {
 .privacy-policy__paragraph-caption {
  font-size: 18px;
  margin-top: 24px
 }
}

@media (min-width: 1860px) {
 .privacy-policy__paragraph-caption {
  font-size: 20px;
  margin-top: 34px
 }
}

.privacy-policy__description {
 padding-top: 28px;
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.privacy-policy__description.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}

@media (min-width: 768px) {
 .privacy-policy__description {
  padding-top: 50px
 }
}

@media (min-width: 1320px) {
 .privacy-policy__description {
  padding-top: 35px
 }
}

@media (min-width: 1860px) {
 .privacy-policy__description {
  padding-top: 56px
 }
}

.privacy-policy__description p {
 font-weight: 400;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin: 8px 0
}

@media (min-width: 768px) {
 .privacy-policy__description p {
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .privacy-policy__description p {
  font-size: 16px;
  margin: 12px 0
 }
}

.privacy-policy__description ul li {
 position: relative;
 font-weight: 400;
 font-size: 12px;
 line-height: 160%;
 color: #6c6c6c;
 margin: 8px 0;
 padding-left: 18px
}

@media (min-width: 768px) {
 .privacy-policy__description ul li {
  font-size: 14px
 }
}

@media (min-width: 1860px) {
 .privacy-policy__description ul li {
  font-size: 16px;
  margin: 12px 0;
  padding-left: 25px
 }
}

.privacy-policy__description ul li::before {
 content: "";
 position: absolute;
 top: 5px;
 left: 0
}

@media (min-width: 768px) {
 .privacy-policy__description ul li::before {
  top: 7px
 }
}

@media (min-width: 1860px) {
 .privacy-policy__description ul li::before {
  top: 8px
 }
}

@media (min-width: 1320px) {
 .page-calc main.main {
  overflow: initial
 }
}

.page-calc-results .calc-results-animation-wrap {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1)
}

.page-calc-results .calc-results-animation-wrap.animation-element {
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0
}


@media(max-width: 1023px) {
  .header__logo {
    width: 170px;
  }
  .language-item {
    width: 30px;
    height: 30px;
    font-size: 9px;
  }
  .language-item-active::before {
    width: 28px;
    height: 28px;
  }
  .social {
    height: 36px;
  }
}

@media(max-width: 991px) {
  .btn_secondary, a.btn_secondary, .button.btn_secondary, .input.btn_secondary {
    padding: 14px;
    font-size: 14px;
  }
  .header__btns-group {
    flex-shrink: 0;
  }
  .header__logo {
    margin-right: 20px;
  }

}

@media(max-width: 889px) {
  .social {
    width: 36px;
    padding: 0;
  }
  .social__item.tg span {
    display: none;
  }
  .social__item {
    padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }
  .social__item svg {
    width: 15px;
    height: 15px;
    margin-right: 0;
  }
}

@media(max-width: 575px) {
  .header .nav-toggler {
    width: 36px;
    height: 36px;
  }
  .language-item {
    width: 26px;
    height: 26px;
    font-size: 9px;
  }
  .language-item-active::before {
    width: 25px;
    height: 25px;
  }
  .social {
    width: 30px;
    height: 30px;
  }
  .slider__content {
    margin-left: 20px;
    margin-right: 20px;
    top: 150px;
  }
  .page-index .section_slider {
    min-height: 670px;
  }
  .fullscreen-bg__video {
    margin-bottom: 0;
    min-height: 670px;
    object-fit: cover;
  }
  .page-index .section_slider {
    background-color: transparent;
  }
  .section {
    margin-top: 66px;
    margin-bottom: 66px;
  }
  .section_contacts,
  .section_projects {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .work__title {
    font-size: 16px;
  }
  .work__content {
    font-size: 14px;
  }
  .faq__caption {
    font-size: 15px;
  }
}

.section {
  scroll-margin-top: 100px;
}

.offer__list__wrap {
  margin-left: 100px;
  margin-right: 100px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
}

.offer__slide {
  display: flex;
  justify-content: center;
}

.offer__card {
  width: 100%!important;
}
.slider-controller {
  border-radius: 0;
  background-color: #1B98A8;
}
.slider-controller path {
  stroke: #fff;
}

.clients__list__wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  justify-content: center;
  gap: 100px;
}

.slider-controller.swiper-button-disabled {
  opacity: .4;
  pointer-events: none;
}
@media (max-width: 1419px) {
  .offer__list__wrap {
    margin-left: 50px;
    margin-right: 50px;
  }
  .offer__caption {
    font-size: 22px;
  }
}

@media (max-width: 1199px) {
  .offer__list__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .clients__list__wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(max-width: 991px) {
  .clients__list__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 767px) {
  .offer__list__wrap {
    grid-template-columns: 100%;
    gap: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .clients__list__wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
}