@font-face {
    font-family: lg;
    src: url(../fonts/lg.ttf?22t19m) format("truetype"), url(../fonts/lg.woff?22t19m) format("woff"), url(../fonts/lg.svg?22t19m#lg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
.lg-icon {
    font-family: lg !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: none;
    outline: 0;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff;
}
.lg-actions .lg-next {
    right: 20px;
}
.lg-actions .lg-next:before {
    content: "\e095";
}
.lg-actions .lg-prev {
    left: 20px;
}
.lg-actions .lg-prev:after {
    content: "\e094";
}
@-webkit-keyframes lg-right-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -30px;
    }
}
@-moz-keyframes lg-right-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -30px;
    }
}
@-ms-keyframes lg-right-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -30px;
    }
}
@keyframes lg-right-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -30px;
    }
}
@-webkit-keyframes lg-left-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 30px;
    }
}
@-moz-keyframes lg-left-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 30px;
    }
}
@-ms-keyframes lg-left-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 30px;
    }
}
@keyframes lg-left-end {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 30px;
    }
}
.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative;
}
.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative;
}
.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: 0;
    background: 0 0;
    border: none;
    box-shadow: none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
    color: #fff;
}
.lg-toolbar .lg-close:after {
    content: "\e070";
}
.lg-toolbar .lg-download:after {
    content: "\e0f2";
}
.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080;
}
.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}
.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0;
}
#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle;
}
.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px;
}
@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color 0.25s ease;
        -o-transition: border-color 0.25s ease;
        transition: border-color 0.25s ease;
    }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom 0.25s ease;
    -o-transition: bottom 0.25s ease;
    transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px;
    outline: 0;
    border: none;
}
.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
    color: #fff;
}
.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px;
}
.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}
.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../img/vimeo-play.png) 0 -58px no-repeat;
}
.lg-outer .lg-has-html5 .lg-video-play {
    background: url(../img/video-play.png) no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../img/youtube-play.png) 0 -60px no-repeat;
}
.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible;
}
.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s;
}
.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
    width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
    opacity: 1;
}
.lg-autoplay-button:after {
    content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
#lg-zoom-in:after {
    content: "\e311";
}
#lg-actual-size {
    font-size: 20px;
}
#lg-actual-size:after {
    content: "\e033";
}
#lg-zoom-out {
    opacity: 0.5;
    pointer-events: none;
}
#lg-zoom-out:after {
    content: "\e312";
}
.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto;
}
.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible;
}
.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset;
}
.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%;
}
.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px;
}
.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset;
}
.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0;
}
.lg-fullscreen:after {
    content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
    color: #fff;
}
.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0;
}
.lg-outer .lg-dropdown > li:hover .lg-icon,
.lg-outer .lg-dropdown > li:hover a {
    color: #333;
}
.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto;
}
.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
    height: 100%;
    width: 100%;
}
.lg-outer #lg-share {
    position: relative;
}
.lg-outer #lg-share:after {
    content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e904";
}
.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e907";
}
.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e905";
}
.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e906";
}
.lg-outer .lg-img-rotate {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
    -o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
    transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}
.lg-rotate-left:after {
    content: "\e900";
}
.lg-rotate-right:after {
    content: "\e901";
}
.lg-icon.lg-flip-hor,
.lg-icon.lg-flip-ver {
    font-size: 26px;
}
.lg-flip-ver:after {
    content: "\e903";
}
.lg-flip-hor:after {
    content: "\e902";
}
.lg-group:after {
    content: "";
    display: table;
    clear: both;
}
.lg-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    outline: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}
.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lg-outer.lg-visible {
    opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
}
.lg-outer .lg-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}
.lg-outer .lg-item {
    background: url(../img/loading.gif) center center no-repeat;
    display: none !important;
}
.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important;
}
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
}
.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}
.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.lg-outer .lg-item.lg-complete {
    background-image: none;
}
.lg-outer .lg-item.lg-current {
    z-index: 1060;
}
.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1;
}
.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
    display: none;
}
.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
    opacity: 1;
}
.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
    opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.projects {
    padding: 130px 0;
    display: flex;
    max-width: 100vw;
    box-sizing: border-box;
    overflow: hidden;
    flex-direction: column;
}
.projects .title-p2 {
    padding-left: 20px;
}
.projects .container {
    max-width: 100%;
    overflow: hidden;
    padding-left: 20px;
}
.projects .slide__project {
    outline: 0;
}
.projects button.slick-arrow {
    display: none !important;
}
.projects .slider__controller-wrapper {
    margin-top: 90px;
}
.projects .project__slider {
    position: relative;
    max-width: 100%;
}
.projects .project__slider .slider__controller {
    position: absolute;
    left: -80px;
    bottom: -100px;
}
.projects .project__slider .slick-active {
    transform: translate(-50px);
}
.projects .project__slider .projects__slider__wraper {
    transition: 0.4s;
    display: none;
    outline: 0;
}
.projects .project__slider .projects__slider__wraper.example-photo {
    display: block;
    position: relative;
}
.projects .project__slider .projects__slider__wraper.slick-active {
    transform: none;
}
.projects .project__slider .example-photo .projects__slider__item {
    position: relative;
}
.projects .project__slider .example-photo .projects__slider__item:hover:after,
.projects .project__slider .example-photo .projects__slider__item:hover:before {
    display: block;
    cursor: pointer;
}
.projects .project__slider .example-photo .projects__slider__item:before {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.4;
    filter: blur(10px);
    transition: 0.2s;
    content: "";
    display: none;
}
.projects .project__slider .example-photo .projects__slider__item:after {
    display: none;
    width: 50px;
    height: 30px;
    background: url(../assets/imgs/image-removebg-preview.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.8;
    position: absolute;
    z-index: 100;
}
.projects .container {
    display: inline-block;
    width: 100%;
}
.projects .container .projects__body {
    display: flex;
    align-items: flex-end;
}
.projects__slider__body {
    display: flex;
    max-width: 1169px;
}
.projects__slider__body .projects__slider__item {
    overflow: hidden;
    max-height: 440px;
    max-width: 374px;
    margin-right: 26px;
    border-radius: 4px;
}
.projects__slider__body .projects__slider__item .slider__photo {
    display: flex;
    justify-content: center;
}
.projects__slider__body .projects__slider__item .slider__photo img {
    height: 100%;
}
.projects__info {
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    min-width: 300px;
    margin-right: 20%;
}
.projects__info .projects__info__ul {
    list-style: none;
}
.projects__info .projects__info__ul li:last-child {
    margin-bottom: 0;
}
.projects__info .projects__info__ul li {
    margin-bottom: 50px;
    max-width: 300px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.projects__info .projects__info__ul li .item__icon {
    margin-right: 20px;
}
.projects__info .projects__info__ul li .item__description {
    text-align: left;
    line-height: 23px;
}
.projects__info .projects__info__ul li .item__description .item__description__title {
    color: #000;
    font-weigth: 500;
    font-size: 22px;
    font-family: "roboto regular";
    margin-bottom: 10px;
}
.projects__info .projects__info__ul li .item__description .item__description__body {
    color: #9aa6ab;
    font-size: 22px;
    font-family: "roboto regular";
}
.project__slider .slick-arrow {
    z-index: 1;
    bottom: -100px;
    display: none !important;
}
.slider__controller {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 29px;
    color: #9aa6ab;
    font-family: "roboto regular";
}
.slider__controller .flesh {
    margin: 0 2px;
}
.slider__controller .btn-slider:hover {
    opacity: 0.8;
}
.slider__controller .btn-slider {
    padding: 10px;
    background: 0 0;
    border: none;
    cursor: pointer;
    outline: 0;
    transform: translate(0, 5px);
}
.slider__controller .current-slider {
    color: #000;
    font-size: 36px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 5px;
    transform: translate(0, 4px);
}
.slider__controller .slider__numbers {
    display: flex;
    margin: 0 10px;
    align-items: flex-end;
}
.slider__controller .btn__prev-slider {
    margin-right: 30px;
}
.slider__controller .btn__next-slider {
    margin-left: 30px;
    transform: rotate(180deg);
}
.advantages {
    padding: 200px 0;
    max-width: 100vw;
    overflow: hidden;
}
.advantages .slick-track {
    display: flex;
    justify-content: space-between;
}
.advantages__list__ul {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    list-style: none;
}
.advantages__list__ul .advantages__item {
    display: flex !important;
    align-items: center;
    max-width: 150px;
    flex-direction: column;
    transition: 0.4s;
}
.advantages__list__ul .advantages__item .advantage__image-block {
    border-radius: 50%;
    background: linear-gradient(90deg, #55d4fc 0, #7482fe 100%);
    display: flex;
    justify-content: center;
    align-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 33px;
}
.advantages__list__ul .advantages__item .advantage__image-block img {
    width: 100%;
    max-width: 22px;
}
.advantages__list__ul .advantages__item .advantage__description {
    text-align: center;
    font-family: "roboto regular";
    font-size: 16px;
    line-height: 18px;
}
.advantages button.slick-arrow {
    display: none !important;
}
@keyframes smoothUpDown {
    0% {
        transform: translate(0, -20px);
    }
    50% {
        transform: translate(0, 20px);
    }
    100% {
        transform: translate(0, -20px);
    }
}
@keyframes shadowFbBigImg {
    0% {
        opacity: 0;
        filter: drop-shadow(0 0 45px #c4c4c4);
    }
    50% {
        opacity: 1;
        filter: drop-shadow(0 0 0 #c4c4c4);
        transform: translate(0, 25px);
    }
    100% {
        opacity: 0;
        filter: drop-shadow(0 0 45px #c4c4c4);
    }
}
@keyframes smothOpacityZero {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes pulseOpacity {
    0% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    80% {
        opacity: 0.5;
    }
    82% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes pulseShadowAnim {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(17, 140, 211, 0.4);
        box-shadow: 0 0 0 0 rgba(17, 140, 211, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 20px transparent;
        box-shadow: 0 0 0 20px transparent;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
    }
}
@keyframes rotation360 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.calculator {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 100px 0 200px 0;
    max-width: 100vw;
}
.calculator .btn {
    margin-bottom: 30px;
}
.calculator .container {
    width: 90%;
}
.calculator .container .question {
    width: 100%;
}
.calculator .calculator__body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.steps {
    display: flex;
    font-family: 24px;
    font-family: "roboto regular";
    color: #000;
    margin-bottom: 20px;
}
.steps * {
    display: inline-block;
    padding: 0 5px;
}
.question__text {
    font-family: "roboto regular";
    color: #000;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 50px;
}
.question__answer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}
.question__answer label {
    margin-bottom: 30px;
    margin-left: 56px;
    position: relative;
    color: #555;
    padding-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    max-width: 339px;
}
.question__checkbox {
    height: 56px;
    width: 56px;
    background: #fff;
    border: 1px solid #f0f0f3;
    box-sizing: border-box;
    box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.question__answer__el {
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 20px;
    min-width: 290px;
    width: 24%;
}
.query__input {
    width: 100%;
}
.query__input .steps__input {
    margin: 0 auto;
    margin-bottom: 30px;
}
.question__checkbox + label::before {
    width: 46px;
    height: 46px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    width: 46px;
    height: 46px;
    content: "";
    background: #fff;
    border: 1px solid #f0f0f3;
    box-sizing: border-box;
    box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    transform: translate(-10px, 40%);
    cursor: pointer;
    position: absolute;
    left: -56px;
    top: -41px;
    transition: 0.2s;
}
.question__checkbox:checked + label::before {
    border-radius: 50%;
    background: linear-gradient(89.58deg, #83dbd6 0.37%, #84d35e 99.68%);
    box-shadow: -10px -10px 30px #fff;
    border: none;
}
.steps__progres-bar__mobile {
    transition: 0.2s;
}
.hide__progress-bar {
    height: 0 !important;
    overflow: hidden;
}
.success-test {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.success-test .success-test__text {
    color: #555;
    text-align: center;
    font-family: "roboto regular";
    line-height: 31px;
    max-width: 392px;
    font-size: 16px;
}
.success-test-final {
    flex-direction: row;
}
.success-test-final .succes-test__icon {
    width: 100px;
}
.success-test-final .succes-test__icon img {
    width: 100%;
}
.progress-bar__mobile {
    width: 100%;
}
.progress-bar__body {
    background: #ecf0f3;
    box-shadow: 0.31649px 0.31649px 0.63298px rgba(255, 255, 255, 0.3), -0.31649px -0.31649px 0.63298px rgba(209, 217, 230, 0.5), inset -1.58245px 1.58245px 3.16491px rgba(209, 217, 230, 0.2),
        inset 1.58245px -1.58245px 3.16491px rgba(209, 217, 230, 0.2), inset -1.58245px -1.58245px 3.16491px rgba(255, 255, 255, 0.9), inset 1.58245px 1.58245px 4.11438px rgba(209, 217, 230, 0.9);
    border-radius: 13.2926px;
    padding: 1px;
    height: 16px;
    width: 100%;
    margin-bottom: 40px;
    content: "";
    display: none;
}
.progress-bar__body .progress-bar__current-result {
    background: linear-gradient(89.58deg, #83dbd6 0.37%, #84d35e 99.68%);
    box-shadow: -2px 2px 5px rgba(209, 217, 230, 0.2), 2px -2px 5px rgba(209, 217, 230, 0.2), -2px -2px 5px rgba(255, 255, 255, 0.9), 2px 2px 5px rgba(209, 217, 230, 0.9), inset 1px 1px 1px rgba(255, 255, 255, 0.3),
        inset -1px -1px 1px rgba(209, 217, 230, 0.5);
    border-radius: 18px;
    width: 0%;
    height: 100%;
    transition: 0.2s;
}
.order-call,
.order-call:active,
.order-call:link,
.order-call:visited {
    color: #2984c6;
}
.title {
    font-family: "Bebas book";
    font-size: 64px;
    color: #000;
    font-weigth: 400;
    text-transform: uppercase;
}
.title p.bold {
    font-family: "Bebas bold";
    font-weidth: 700;
}
.subtitle {
    color: #000;
    font-family: "roboto regular";
    font-size: 18px;
}
.btn {
    outline: 0;
}
.btn-blue-green:hover {
    box-shadow: 10px 10px 50px #83dbd6;
    transition: 0.2s;
    box-shadow: 10px 10px 30px #83dbd6;
}
.btn-blue-green {
    transition: 0.3s;
    min-height: 80px;
    padding: 20px 30px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    min-width: 240px;
    line-height: 20px;
    font-family: "roboto regular";
    border-radius: 16px;
    border: none;
    background: linear-gradient(89.58deg, #83dbd6 0.37%, #84d35e 99.68%);
    font-weidth: 400;
}
.title-p2 {
    font-family: "roboto bold";
    font-weight: 700;
    font-size: 36px;
    color: #000;
    margin-bottom: 10px;
}
.subtitle-p2 {
    color: #000;
    font-family: "roboto regular";
    font-size: 28px;
    margin-bottom: 80px;
}
.steps__input {
    padding: 20px;
    color: #000;
    font-family: "roboto regular";
    font-size: 16px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #f0f0f3;
    box-sizing: border-box;
    box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.12);
    width: 100%;
    max-width: 660px;
    margin-bottom: 70px;
    outline: 0;
    text-align: center;
}
.steps__input-error {
    border: 1px solid #ab6060 !important;
    transition: 0.4s;
    box-shadow: inset 0 4px 7px rgba(255, 0, 0, 0.3) !important;
}
.question__checkbox-error + label::before {
    border: 1px solid #ab6060 !important;
    transition: 0.4s;
    box-shadow: inset 0 4px 7px rgba(255, 0, 0, 0.3) !important;
}
.where-to-send__component {
    display: flex;
    background: #f0f0f3;
    border-radius: 16px;
    padding: 5px 32px;
    margin: 0 auto;
    margin-bottom: 70px;
}
.where-to-send__component hr {
    border: none;
    width: 2px;
    content: "";
    background: #eee;
    box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.7), inset 1px 1px 2px rgba(174, 174, 192, 0.2);
    border-radius: 5px;
    display: block;
    margin: 10px;
}
.where-to-send__component ul.where-to-send__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.where-to-send__component ul.where-to-send__list li:hover {
    opacity: 0.5;
}
.where-to-send__component ul.where-to-send__list li {
    margin-right: 36px;
    padding: 20px 0;
    font-family: "roboto regular";
    color: #555;
    cursor: pointer;
}
.where-to-send__component ul.where-to-send__list li.active-megr {
    color: #83dbd4;
}
.where-to-send__component .where-to-send__name,
.where-to-send__component .where-to-send__number {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 16px;
}
.where-to-send__component .where-to-send__name input,
.where-to-send__component .where-to-send__number input {
    background: #fff;
    border-radius: 20px;
    padding: 9px 13px;
    border: none;
    font-family: "roboto regular";
    font-size: 16px;
    outline: 0;
    max-width: 208px;
}
.calculator .btn-submit {
    position: relative;
}

.calculator .wpcf7-response-output {
    margin-left: auto !important;
    margin-right: auto !important;
}
.first-block {
    position: relative;
    padding-bottom: 450px;
    max-width: 100%;
    overflow: hidden;
}
.first-block .title {
    margin-top: 110px;
}
.first-block .subtitle {
    margin-bottom: 60px;
}
.first-block .big-img {
    right: -5%;
    top: 0;
    z-index: -1;
    position: absolute;
    animation: smoothUpDown 7s infinite;
}
.first-block .shadow__big-img-fb {
    margin-top: -80px;
    animation: shadowFbBigImg 7s infinite;
}
.form__consultation-engineer {
    background: #f0f0f3;
    border-radius: 16px;
    display: inline-block;
    padding: 0 0 0 25px;
}
.form__consultation-engineer .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}
.form__consultation-engineer .wrapper hr {
    border: none;
    width: 2px;
    height: 60px;
    content: "";
    background: #eee;
    box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.7), inset 1px 1px 2px rgba(174, 174, 192, 0.2);
    border-radius: 5px;
    display: block;
    margin: 10px;
}
.form__consultation-engineer .wrapper input:not(.form__btn)
 {
    background: 0 0;
    padding: 10px;
    font-family: "roboto regular";
    color: #000;
    border: none;
    font-size: 16px;
    max-width: 202px;
}
.wpcf7-not-valid-tip {
    position: absolute;
    left: 0;
    white-space: nowrap;
    font-size: 10px;
}
.wpcf7-response-output {
    max-width: 500px;
    font-size: 14px;
}
.form__consultation-engineer .wrapper .btn {
    margin-left: 20px;
}
.first-block__foliage-bottom {
    width: 400px;
    height: 140px;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background: url("../assets/imgs/grass fb.png");
    background-repeat: no-repeat;
    background-size: contain;
}
@font-face {
    font-family: "roboto regular";
    src: url(../assets/fonts/Roboto-Regular.woff2);
}
@font-face {
    font-family: "roboto bold";
    src: url(../assets/fonts/Roboto-Bold.woff2) format("woff2");
}
@font-face {
    font-family: "Bebas regular";
    src: url(../assets/fonts/BebasNeueRegular.woff2);
}
@font-face {
    font-family: "Bebas bold";
    src: url(../assets/fonts/BebasNeueBold.woff2);
}
@font-face {
    font-family: "Bebas book";
    src: url(../assets/fonts/BebasNeueBook.woff2);
}
footer {
    background: #f0f0f3;
    padding: 20px 0;
}
footer .container {
    min-height: 80px;
    display: flex;
    flex-wrap: wrap;
}
footer a {
    display: inline-block;
}
footer a:hover {
    opacity: 0.6;
}
footer .container,
footer .order-call,
footer a,
footer a:active,
footer a:visited {
    font-size: 16px;
    font-family: "roboto regular";
    text-align: left;
    text-decoration: none;
    color: #000;
}
footer .container div,
footer .order-call div,
footer a div,
footer a:active div,
footer a:visited div {
    width: 25%;
}
footer .container .order-call,
footer .container .order-site__text,
footer .order-call .order-call,
footer .order-call .order-site__text,
footer a .order-call,
footer a .order-site__text,
footer a:active .order-call,
footer a:active .order-site__text,
footer a:visited .order-call,
footer a:visited .order-site__text {
    white-space: nowrap;
    cursor: pointer;
}
footer .container .number,
footer .order-call .number,
footer a .number,
footer a:active .number,
footer a:visited .number {
    white-space: nowrap;
}
footer .container .politicy a,
footer .order-call .politicy a,
footer a .politicy a,
footer a:active .politicy a,
footer a:visited .politicy a {
    text-decoration: underline;
    white-space: nowrap;
}
footer .container .socials,
footer .order-call .socials,
footer a .socials,
footer a:active .socials,
footer a:visited .socials {
    width: 60%;
}
footer .container .socials ul,
footer .order-call .socials ul,
footer a .socials ul,
footer a:active .socials ul,
footer a:visited .socials ul {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
}
footer .container .footer__column,
footer .order-call .footer__column,
footer a .footer__column,
footer a:active .footer__column,
footer a:visited .footer__column {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-width: 220px;
}
footer .container .rights-block,
footer .order-call .rights-block,
footer a .rights-block,
footer a:active .rights-block,
footer a:visited .rights-block {
    white-space: nowrap;
}
footer .footer__number-order-call {
    transform: translate(0, -35px);
}
.have-questions {
    padding: 100px;
}
.have-questions .have-questions__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.have-questions .have-questions__content .content__title {
    font-family: "roboto bold";
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
}
.have-questions .have-questions__content .where-to-send__component {
    margin-bottom: 0;
    align-items: center;
    padding: 0;
    padding-left: 32px;
}
.have-questions .have-questions__content .where-to-send__component .where-to-send__name {
    display: none;
}
.have-questions .have-questions__content .where-to-send__number {
    margin-right: 20px;
}
.have-questions .map {
    margin-bottom: 40px;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}
header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .container .contacts__link.order-call {
    text-decoration: none;
}
header .container .x-icon-close-mobile {
    display: none;
}
.header__menu {
    width: 100%;
}
.header__menu ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.header__menu ul li {
    margin-right: 20px;
}
.header__menu ul li:last-child {
    margin-right: 0;
}
.header__menu ul a:hover {
    opacity: 0.7;
}
.header__menu ul a {
    text-decoration: none;
    font-family: "roboto regular";
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 83px;
}
.logo-block {
    margin-right: 20px;
}
.header__contacts {
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "roboto regular";
    color: #000;
    font-size: 16px;
    line-height: 20px;
    flex-direction: column;
}
.header__contacts .contacts__number {
    white-space: nowrap;
}
.header__contacts a:hover {
    opacity: 0.5;
}
.burger {
    display: none;
}
:root {
    height: 100%;
    font-size: 16px;
}
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(1turn);
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1);
    }
    50% {
        transform: scale(2);
    }
    75% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}
.loader {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 9999;
    top: 0;
}
.loader .logo {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translateX(-50%) translateY(-80%);
}
.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-60%) translateY(-50%);
    filter: url(#goo);
    padding: 5rem;
    z-index: 10000;
}
.spinner > .dot {
    position: absolute;
    height: 3rem;
    width: 3em;
}
.spinner > .dot:after {
    content: "";
    display: block;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background: #118fd4;
}
.spinner > .dot:nth-of-type(1) {
    animation: rotate 1s linear infinite;
    animation-delay: 0;
}
.spinner > .dot:nth-of-type(1):after {
    animation: pulse 3s linear infinite;
}
.spinner > .dot:nth-of-type(2) {
    animation: rotate 1.1s linear infinite;
    animation-delay: 0.1s;
}
.spinner > .dot:nth-of-type(2):after {
    animation: pulse 4s linear infinite;
}
.spinner > .dot:nth-of-type(3) {
    animation: rotate 1.2s linear infinite;
    animation-delay: 0.2s;
}
.spinner > .dot:nth-of-type(3):after {
    animation: pulse 5s linear infinite;
}
.spinner > .dot:nth-of-type(4) {
    animation: rotate 1.3s linear infinite;
    animation-delay: 0.3s;
}
.spinner > .dot:nth-of-type(5) {
    animation: rotate 1.4s linear infinite;
    animation-delay: 0.4s;
}
.spinner > .dot:nth-of-type(6) {
    animation: rotate 1.5s linear infinite;
    animation-delay: 0.5s;
}
.spinner > .dot:nth-of-type(7) {
    animation: rotate 1.7s linear infinite;
    animation-delay: 0.7s;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.main-wrapper {
    max-width: 100vw;
    height: 100vh;
}
.container {
    max-width: 1160px;
    margin: 0 auto;
}
.container-big {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding-left: 20px;
}
.input-block {
    display: inline-block;
}
.input-block input:not(.form__btn) {
    outline: 0;
}
.form {
    position: relative;
}
.wpcf7-spinner {
    position: absolute;
    right: -23px;
    top: 28px;
}
.input-block input:not(.form__btn):focus {
    background: #fff;
    border-radius: 20px;
}
hr.mobile {
    width: 100%;
    height: 4px;
    background: #ecf0f3;
    box-shadow: 0.31649px 0.31649px 0.63298px rgba(255, 255, 255, 0.3), -0.31649px -0.31649px 0.63298px rgba(209, 217, 230, 0.5), inset -1.58245px 1.58245px 3.16491px rgba(209, 217, 230, 0.2),
        inset 1.58245px -1.58245px 3.16491px rgba(209, 217, 230, 0.2), inset -1.58245px -1.58245px 3.16491px rgba(255, 255, 255, 0.9), inset 1.58245px 1.58245px 4.11438px rgba(209, 217, 230, 0.9);
    border: none;
    display: none;
}
video {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 680px;
}
#SVGID_1_ {
    font-size: 433px;
    position: absolute;
    top: 0;
    left: 0;
}
#counter__svg {
    position: absolute;
}
.hide {
    display: none !important;
}
.slider-item__wraper {
    overflow: hidden;
    max-height: 400px;
    max-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.politicy-message {
    max-width: 600px;
    margin-top: 20px;
    font-size: 9px;
    text-align: center;
    margin: 10px auto;
    margin-top: 10px;
    opacity: 0.6;
}
@media all and (max-width: 768px) {
    .blue-mobile-block {
        display: flex;
        flex-direction: column;
        background: #ecf0f3;
        box-shadow: -18px 18px 30px rgba(209, 217, 230, 0.2), 18px -18px 30px rgba(209, 217, 230, 0.2), -18px -18px 30px rgba(255, 255, 255, 0.9), 18px 18px 30px rgba(209, 217, 230, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3),
            inset -1px -1px 2px rgba(209, 217, 230, 0.5);
        border-radius: 18px;
        padding: 35px 16px;
    }
    .container.blue-mobile-block {
        padding: 35px 16px;
    }
}
.ymaps-2-1-78-controls__control,
.ymaps-2-1-78-controls__toolbar_right,
.ymaps-2-1-78-copyright.ymaps-2-1-78-copyright_logo_no,
.ymaps-2-1-78-float-button.ymaps-2-1-78-_hidden-text,
.ymaps-2-1-78-map-copyrights-promo {
    display: none !important;
}
.geography .title-p2 {
    margin-bottom: 55px;
}
.geography {
    padding: 100px 0;
}
#map {
    width: 90%;
    height: 420px;
    border-radius: 16px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.map__more-info {
    position: absolute;
    right: 0;
    top: 10%;
    background: #fff;
    padding: 20px 30px;
    padding-right: 100px;
    font-family: "roboto regular";
    font-size: 16px;
    color: #000;
    text-align: left;
    z-index: 1;
    border-radius: 16px 0 0 16px;
}
.map__more-info ul {
    list-style: none;
}
.map__more-info .more-info__title {
    font-weight: 600px;
    font-family: "roboto bold";
    margin-bottom: 10px;
}
.map__more-info .contacts__list__item {
    max-width: 200px;
}
.modal {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    height: 100vh;
    width: 100%;
    display: none;
}
.modal .modal__body {
    background: #fff;
    border-radius: 16px;
    z-index: 1000;
    transition: 0.2s;
}
.modal .modal__body .modal__content {
    z-index: 1000;
}
.modal .modal__black-screen {
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0.6;
    position: absolute;
}
.modal .subtitle-p2 {
    opacity: 0;
    font-size: 24px !important;
}
.modal .modal__body {
    position: absolute;
    z-index: 1000;
    padding: 3%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}
.modal .modal__body .title-p2 {
    font-family: "roboto bold";
    font-size: 18px;
}
.modal .modal__body .subtitle-p2 {
    margin-bottom: 50px;
    font-family: "roboto regular";
    font-size: 18px;
}
.modal .modal__body .modal__content {
    position: relative;
}
.modal .modal__body .x-icon {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.modal .modal__body .x-icon:hover {
    opacity: 0.6;
    transform: scale(0.9);
}
.pump-icon:hover .pump__amount-days {
    transform: scale(1.1);
}
.pump-icon {
    transition: 0.2s;
    cursor: pointer;
    position: fixed;
    z-index: 100;
    bottom: 10%;
    right: 10%;
}
.pump-icon .pump-icon__circle {
    position: relative;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background-repeat: no-repeat;
    border: #bcf9f5 solid 8px;
    backdrop-filter: blur(25.6614px);
    border-radius: 109.977px;
    background-position: center;
    display: flex;
    justify-content: center;
    background-size: cover;
    animation: pulseShadowAnim 4s infinite;
}
.pump-icon .pump-icon__body {
    width: 180px;
    height: 174px;
    background: url(../assets/imgs/pump-body-body.png);
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(15px, -55px);
    background-size: cover;
}
.pump-icon .pump__body {
    position: absolute;
    top: 0;
    transform: translate(16px, -73px);
    z-index: 100;
}
.pump-icon .pump__amount-days {
    transition: 0.3s;
    z-index: 100;
    font-family: "Bebas book";
    font-size: 18px;
    padding: 5px 10px;
    background: #fff500;
    position: absolute;
    top: 50%;
    opacity: 0.8;
}
.pump-icon .the-latters-block img {
    animation: rotation360 50s infinite;
    transform: translate(15px, -55px);
}
.pdf {
    position: relative;
    padding: 100px;
    max-width: 100%;
    overflow: hidden;
}
.pdf .ipad-block {
    position: absolute;
    top: -110px;
    left: -21%;
    z-index: -1;
}
.pdf .ipad-block .ipad {
    animation: smoothUpDown 6s infinite;
}
.pdf .ipad-block img {
    width: 80%;
}
.pdf .ipad-block .ipad-block__wrapper {
    position: relative;
}
.pdf .ipad-block .leaf-1 {
    position: absolute;
    bottom: -90%;
    left: -140px;
    transform: translate(-6.54737px, -381.938px);
}
.pdf .ipad-block .leaf-2 {
    position: absolute;
    bottom: 30%;
    right: 100px;
    transform: translate(12.6842px, 163.713px);
}
.pdf .ipad-block .leaf-3 {
    position: absolute;
    bottom: -26%;
    left: 21%;
    transform: translate(4.44211px, -70.1375px);
}
.pdf .container {
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.pdf .where-to-send-component__wrapper {
    display: inline-block;
}
.pdf .where-to-send__component {
    align-items: center;
    padding: 0;
    padding-left: 32px;
    margin-bottom: 0;
}
.pdf .where-to-send__component .where-to-send__number {
    margin-right: 20px;
}
.pdf .where-to-send__component .btn {
    height: 80px;
}
.pdf .subtitle-p2 {
    margin-bottom: 65px;
}
.pdf .where-send__title {
    font-size: 24px;
    color: #000;
    font-family: "roboto bold";
    font-weight: 500;
    margin-bottom: 44px;
}
.schema-work {
    background: #f9f9f9;
    padding: 66px 0;
}
.schema-work .sw__title {
    font-size: 64px;
    color: #546b78;
    text-align: center;
    margin-bottom: 100px;
    text-transform: uppercase;
    font-family: "Bebas bold";
}
.sw .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sw__body {
    position: relative;
    max-width: 1070px;
    margin: 0 auto;
    margin-bottom: 130px;
    width: 100%;
}
.sw__body .shema-work__list {
    position: relative;
    width: 100%;
    display: flex;
    list-style: none;
    justify-content: space-between;
    z-index: 10;
    align-items: flex-start;
}
.sw__body .shema-work__list li {
    max-width: 120px;
}
.sw__body .shema-work__list li .shema-work__description {
    font-size: 16px;
    font-family: "roboto regular";
    color: #3d5766;
    text-align: left;
}
.sw__body .shema-work__list li .shema-work__icon {
    border: none;
    background: #ecf0f3;
    box-shadow: 0.31649px 0.31649px 0.63298px rgba(255, 255, 255, 0.3), -0.31649px -0.31649px 0.63298px rgba(209, 217, 230, 0.5), inset -1.58245px 1.58245px 3.16491px rgba(209, 217, 230, 0.2),
        inset 1.58245px -1.58245px 3.16491px rgba(209, 217, 230, 0.2), inset -1.58245px -1.58245px 3.16491px rgba(255, 255, 255, 0.9), inset 1.58245px 1.58245px 4.11438px rgba(209, 217, 230, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 93px;
    height: 93px;
    border-radius: 50%;
    margin-bottom: 13px;
    transition: 0.2s;
}
.sw__body .shema-work__list li .shema-work__icon .inside-circle.active__item:before {
    animation: showObject 1s infinite alternate forwards;
}
.sw__body .shema-work__list li .shema-work__icon .inside-circle:before {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #94b0f8;
    opacity: 0;
    content: "";
    position: absolute;
    border-radius: 50%;
}
.sw__body .shema-work__list li .shema-work__icon .inside-circle {
    position: relative;
    background: #ecf0f3;
    box-shadow: -5.69683px 5.69683px 9.49472px rgba(209, 217, 230, 0.2), 5.69683px -5.69683px 9.49472px rgba(209, 217, 230, 0.2), -5.69683px -5.69683px 9.49472px rgba(255, 255, 255, 0.9),
        5.69683px 5.69683px 9.49472px rgba(209, 217, 230, 0.9), inset 0.31649px 0.31649px 0.63298px rgba(255, 255, 255, 0.3), inset -0.31649px -0.31649px 0.63298px rgba(209, 217, 230, 0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 63px;
    height: 63px;
}
.sw__body .shema-work__progress-bar {
    width: 95%;
    height: 12px;
    background: #ecf0f3;
    box-shadow: 0.31649px 0.31649px 0.63298px rgba(255, 255, 255, 0.3), -0.31649px -0.31649px 0.63298px rgba(209, 217, 230, 0.5), inset -1.58245px 1.58245px 3.16491px rgba(209, 217, 230, 0.2),
        inset 1.58245px -1.58245px 3.16491px rgba(209, 217, 230, 0.2), inset -1.58245px -1.58245px 3.16491px rgba(255, 255, 255, 0.9), inset 1.58245px 1.58245px 4.11438px rgba(209, 217, 230, 0.9);
    content: "";
    position: absolute;
    top: 40px;
    padding: 2px;
}
.sw__body .shema-work__progress-bar .current-progress {
    height: 100%;
    width: 50%;
    content: "";
    background: linear-gradient(90deg, #55d4fc 0, #7482fe 100%);
    border-radius: 30px;
}
.scope {
    padding-top: 100px;
    padding-bottom: 200px;
    max-width: 100%;
    overflow: hidden;
}
.scope .title-p2 {
    margin-bottom: 45px;
}
.scope .btn-wrapper {
    display: flex;
    flex-direction: column;
}
.scope .btn-wrapper .btn {
    margin: 0 auto;
    padding: 24px 85px;
}
.scope__list {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    list-style: none;
    color: #b0b9bd;
    font-size: 36px;
    font-family: "Bebas bold";
    flex-wrap: wrap;
    margin-bottom: 106px;
}
.scope__list li {
    display: flex;
    align-items: center;
    width: 50%;
    min-width: 370px;
}
.scope__list li .scope__item__car-photo {
    transform: translate(-75px, 0);
}
.scope__list li .scope__item__car-photo img {
    width: 100%;
    min-width: 160px;
}
.scope__list li .scope__item__description {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.scope__list li .scope__item__description p {
    font-size: 180px;
    transform: translate(0, 30px);
}
.scope__list li #one-hundred-fifty-meters-p-scope {
    transform: translate(0, -16px);
}
.scope__list li #one-hundred-fifty-meters-p-scope p {
    transform: translate(-32px, 30px);
}
.scope__list li #seventeens-meters-p-scope {
    transform: translate(0, -25px);
}
.scope__list li #seventeens-meters-p-scope p {
    transform: translate(0, 30px);
    margin-right: 63px;
}
.scope__list .btn {
    margin: 0 auto;
}
.stats {
    background: #f9f9f9;
    padding: 54px 0;
    position: relative;
}
.stats .title {
    height: 60px;
    margin-bottom: 60px;
}
.stats .container .stats__content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.stats .stats__list ul {
    list-style: none;
}
.stats .stats__list ul li {
    font-size: 39px;
    font-family: "Bebas book";
    color: #000;
    margin-bottom: 20px;
    line-height: 41px;
}
.stats .stats__list ul li br {
    height: 0;
    width: 0;
}
.stats .stats__list ul li span.bold {
    font-family: "Bebas bold";
}
.stats .stats__list ul li:last-child {
    margin-bottom: 0;
}
#counter {
    font-size: 433px;
    margin-right: 125px;
    position: relative;
    display: flex;
    width: 670px;
    justify-content: flex-start;
    height: 332px;
}
.counter__video {
    top: 0;
    left: 0;
}
@media all and (max-width: 1700px) {
    .ipad-block {
        transform: scale(0.7) translate(86px, 70px);
    }
}
@media all and (min-width: 1800px) {
    .big-img {
        bottom: 0;
        top: auto !important;
    }
    .big-img .img-block:first-child {
        transform: scale(1.5);
    }
    .big-img .img-block.shadow__big-img-fb {
        opacity: 0 !important;
    }
}
@media all and (min-width: 1500px) {
    .ipad-block {
        transform: scale(0.8);
    }
}
@media all and (max-width: 1500px) {
    .first-block .big-image__wraper .big-img {
        right: 5%;
        top: 4%;
        max-width: 33%;
    }
    .first-block .big-image__wraper .big-img img {
        width: 100%;
    }
}
@media all and (max-width: 1260px) {
    .ipad-block {
        display: none;
    }
}
@media all and (max-width: 1200px) {
    .first-block .big-img {
        right: 1%;
        max-width: 32%;
        top: 10%;
    }
    .first-block .big-img img {
        width: 100%;
    }
    .container {
        padding: 0 20px;
        max-width: 90%;
    }
    .first-block {
        padding-bottom: 21%;
    }
    .have-questions .have-questions__content {
        flex-direction: column;
    }
    .have-questions .have-questions__content .content__title {
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .advantages,
    .scope {
        padding-bottom: 100px;
    }
    .pdf .pdf__where-send__block .where-to-send__component {
        margin-bottom: 0;
    }
    .map {
        height: 370px;
    }
}
@media all and (max-width: 1150px) {
    .where-to-send__component ul.where-to-send__list li {
        padding: 0;
        margin-top: 10px;
    }
    .where-to-send__list-block {
        padding: 10px;
    }
    .where-to-send__component hr {
        display: none;
    }
}
@media all and (max-width: 1024px) {
    .first-block .big-img {
        right: 5%;
        max-width: 30%;
        top: 10%;
    }
    .first-block .big-img img {
        width: 100%;
    }
    .main #counter {
        max-width: 350px;
    }
    .main #counter #SVGID_1_ {
        font-size: 290px;
        transform: translate(0, -41px);
    }
    .stats .title {
        margin-bottom: 0;
    }
    .projects__info {
        margin-right: 10%;
    }
    .projects .project__slider .projects__slider__wraper {
        transform: translate(0, 0);
    }
    .scope__list li {
        width: 100%;
        justify-content: center;
    }
    footer .container .footer__column {
        width: 50%;
        margin-bottom: 30px;
    }
    .main .where-to-send-component__wrapper {
        width: 100%;
    }
    .main .where-to-send-component__wrapper .where-to-send__component {
        flex-direction: column;
        padding: 10px;
    }
    .main .where-to-send-component__wrapper .where-to-send__component .where-to-send__list-block,
    .main .where-to-send-component__wrapper .where-to-send__component .where-to-send__number {
        margin-bottom: 20px;
    }
}
@media all and (max-width: 768px) {
    .advantages__list .advantages__item.slick-active,
    .advantages__list .advantages__item.slick-active.first-element {
        transform: translate(0, 0) !important;
        opacity: 1 !important;
    }
    .advantages__list .advantages__item.slick-active ~ .advantages__item:not(.slick-active) {
        transform: translate(-45%, 0) !important;
        opacity: 0.3 !important;
    }
    .advantages__list .advantages__item {
        max-width: 100%;
    }
    .advantages__list .advantages__item .advantage__description {
        max-width: 150px;
    }
    .advantages:before {
        position: absolute;
        height: 100%;
        width: 80px;
        right: -70px;
        top: 0;
        content: "";
        z-index: 10;
        background: #ecf0f3;
        filter: blur(10px);
    }
    .advantages {
        padding: 100px 0;
        position: relative;
    }
    .advantages .container {
        padding: 0;
    }
    .advantages .container .slick-track {
        display: flex;
        justify-content: center;
    }
    .burger {
        display: block;
    }
    body {
        background: #ecf0f3;
        padding-top: 24px;
    }
    .big-image__wraper,
    .first-block__foliage-bottom {
        display: none;
    }
    .subtitle,
    .title,
    .title-p2 {
        color: #8292a2;
    }
    .title p {
        color: #546b78;
    }
    .title {
        line-height: 55px;
    }
    .container {
        width: 100%;
        padding: 0;
    }
    .header .contacts {
        display: none;
    }
    .header .menu {
        position: fixed;
        right: 0;
        width: 0%;
        max-width: 70%;
        transition: 0.5s;
        z-index: 1000;
        top: 0;
        border-radius: 0 0 0 16px;
        overflow: hidden;
        border-left: 1px solid rgba(154, 166, 171, 0.7);
        border-bottom: 1px solid rgba(154, 166, 171, 0.7);
        background: #ecf0f3;
    }
    .header .menu ul {
        flex-direction: column;
    }
    .header .menu ul li {
        background: #ecf0f3;
        width: 100%;
        border-bottom: 1px solid #fff;
        margin: 0;
        text-align: right;
        padding-right: 30px;
    }
    .header .menu ul li a {
        color: #546b78;
        font-weight: 500;
        font-size: 19px;
    }
    .header .menu ul li:last-child {
        border-bottom: none;
    }
    .header .menu ul .x-icon-close-mobile {
        border: none;
        height: 60px;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        z-index: 1;
        display: block;
    }
    .form__consultation-engineer .wrapper {
        flex-direction: column;
        justify-content: center;
    }
    .form__consultation-engineer .wrapper hr {
        display: none;
    }
    .form__consultation-engineer .wrapper .input-block {
        width: 100%;
    }
    .form__consultation-engineer .wrapper .btn {
        margin-left: 0;
    }
    input:not(.form__btn) {
        text-align: center;
        background: #ecf0f3 !important;
        box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3), -1px -1px 1px rgba(209, 217, 230, 0.5), inset -2px 2px 5px rgba(209, 217, 230, 0.2), inset 2px -2px 5px rgba(209, 217, 230, 0.2), inset -2px -2px 5px rgba(255, 255, 255, 0.9),
            inset 2px 2px 5px rgba(209, 217, 230, 0.9);
        border-radius: 18px;
        padding: 25px !important;
        margin-bottom: 14px;
        width: 100%;
        max-width: 100% !important;
    }
    .btn {
        margin: 0;
        background: #ecf0f3;
        position: relative;
        background: #ecf0f3;
        z-index: 100;
        border: #55d4fc 2px solid;
    }
    .btn {
        box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(209, 217, 230, 0.5);
        filter: drop-shadow(-2px 2px 5px rgba(209, 217, 230, 0.2)), drop-shadow(2px -2px 5px rgba(209, 217, 230, 0.2)), drop-shadow(-2px -2px 5px rgba(255, 255, 255, 0.9)), drop-shadow(2px 2px 5px rgba(209, 217, 230, 0.9));
        border-radius: 18px;
        color: #546b78;
        width: 100%;
        white-space: nowrap;
    }
    .stats {
        background: #ecf0f3;
    }
    .stats .container .stats__content {
        flex-direction: column;
        align-items: flex-start;
    }
    .stats video {
        width: 100%;
    }
    .stats #counter {
        max-width: 100%;
    }
    .stats .stats__list,
    .stats .stats__list ul li {
        color: #546b78;
    }
    .stats .title {
        color: #546b78;
    }
    .stats #counter #SVGID_1_ {
        font-size: 50vw;
    }
    .calculator {
        padding: 50px 0 0;
        text-align: left;
    }
    .calculator #calculater__success-block-final {
        flex-direction: column;
    }
    .calculator .subtitle-p2 {
        margin-bottom: 40px;
    }
    .calculator .btn {
        margin-bottom: 0;
    }
    .calculator .steps {
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 11px;
    }
    .calculator .question__text,
    .calculator .steps {
        color: #677b88;
        font-family: "roboto bold";
    }
    .calculator .question__text {
        font-size: 16px;
    }
    .calculator input {
        text-align: left;
    }
    .calculator .progress-bar__body {
        display: block;
    }
    .calculator .question__answer__el label {
        font-size: 16px;
        font-family: "roboto bold";
        color: #677b88;
    }
    .calculator .where-to-send__component {
        flex-direction: column;
        width: 100%;
        margin-bottom: 20px;
    }
    .calculator .where-to-send__component .where-to-send__list {
        padding-left: 55px;
    }
    .calculator .where-to-send__component .where-to-send__name,
    .calculator .where-to-send__component .where-to-send__number {
        margin-left: 0;
        width: 100%;
    }
    .calculator .where-to-send__component .where-to-send__name input,
    .calculator .where-to-send__component .where-to-send__number input {
        width: 100%;
    }
    .calculator .where-to-send__component .where-to-send__list li {
        padding-bottom: 35px;
    }
    .calculator input {
        background: #ecf0f3;
        box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3), -1px -1px 1px rgba(209, 217, 230, 0.5), inset -2px 2px 5px rgba(209, 217, 230, 0.2), inset 2px -2px 5px rgba(209, 217, 230, 0.2), inset -2px -2px 5px rgba(255, 255, 255, 0.9),
            inset 2px 2px 5px rgba(209, 217, 230, 0.9);
        border-radius: 18px;
    }
    .where-to-send__list {
        flex-direction: column;
    }
    .where-to-send__list li {
        position: relative;
        padding-bottom: 35px;
        color: #677b88;
        font-family: "roboto bold";
        font-size: 16px;
        padding-left: 20px;
    }
    .where-to-send__list li::before {
        width: 56px;
        height: 56px;
        content: "";
        display: inline-block;
        flex-shrink: 0;
        flex-grow: 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
        width: 56px;
        height: 56px;
        content: "";
        background: #fff;
        border: 1px solid #f0f0f3;
        box-sizing: border-box;
        box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.12);
        border-radius: 16px;
        transform: translate(-10px, 40%);
        cursor: pointer;
        position: absolute;
        left: -56px;
        top: -41px;
        transition: 0.2s;
        background: #ecf0f3;
        box-shadow: 0.23563px 0.23563px 0.47126px rgba(255, 255, 255, 0.3), -0.23563px -0.23563px 0.47126px rgba(209, 217, 230, 0.5), inset -4.24135px 4.24135px 7.06891px rgba(209, 217, 230, 0.2),
            inset 4.24135px -4.24135px 7.06891px rgba(209, 217, 230, 0.2), inset -4.24135px -4.24135px 7.06891px rgba(255, 255, 255, 0.9), inset 4.24135px 4.24135px 7.06891px rgba(209, 217, 230, 0.9);
        border-radius: 50%;
    }
    .where-to-send__list li.active-megr {
        opacity: 1;
    }
    .where-to-send__list li.active-megr:before {
        background: linear-gradient(89.58deg, #83dbd6 0.37%, #84d35e 99.68%);
        box-shadow: -10px -10px 30px #fff;
        border: none;
    }
    .question__checkbox + label::before {
        background: #ecf0f3;
        box-shadow: 0.23563px 0.23563px 0.47126px rgba(255, 255, 255, 0.3), -0.23563px -0.23563px 0.47126px rgba(209, 217, 230, 0.5), inset -4.24135px 4.24135px 7.06891px rgba(209, 217, 230, 0.2),
            inset 4.24135px -4.24135px 7.06891px rgba(209, 217, 230, 0.2), inset -4.24135px -4.24135px 7.06891px rgba(255, 255, 255, 0.9), inset 4.24135px 4.24135px 7.06891px rgba(209, 217, 230, 0.9);
        border-radius: 50%;
    }
    .subtitle-p2 {
        font-size: 16px;
    }
    .title-p2 {
        font-size: 18px;
        text-transform: uppercase;
    }
    .subtitle-p2,
    .title-p2 {
        color: #546b78;
        text-align: left;
    }
    .schema-work {
        display: none;
    }
    .container-big {
        max-width: 90%;
    }
    .porjects {
        padding-bottom: 40px;
    }
    .projects .blue-mobile-block {
        padding: 35px 0;
    }
    .projects .blue-mobile-block .title-p2 {
        text-align: center;
        order: 1;
    }
    .projects .blue-mobile-block .projects__slider {
        order: 3;
    }
    .projects .blue-mobile-block .slider__controller-wrapper {
        order: 3;
        margin-top: 0;
        margin-top: 30px;
    }
    .projects .blue-mobile-block .slider__controller-wrapper .slider__controller {
        justify-content: space-around;
    }
    .projects .blue-mobile-block .projects__body {
        flex-direction: column;
    }
    .projects .blue-mobile-block .projects__body .project__slider {
        order: 1;
        margin-bottom: 35px;
    }
    .projects .blue-mobile-block .projects__body .project__slider .projects__slider__wraper {
        max-width: 50%;
        max-height: 44%;
    }
    .projects .blue-mobile-block .projects__body .projects__slider__item {
        max-height: 250px;
        width: 100%;
        margin: 0 auto;
    }
    .projects .blue-mobile-block .projects__body .projects__info {
        order: 2;
        margin: 0 auto;
        font-size: 16px;
        color: #8c999f;
        font-family: "roboto regular";
    }
    .projects .blue-mobile-block .projects__body .projects__info .item__description__title {
        display: none;
    }
    .projects .blue-mobile-block .projects__body .projects__info .item__description__body {
        font-size: 16px;
    }
    .projects .blue-mobile-block .projects__body .project__slider .projects__slider__wraper {
        max-width: 101%;
    }
    .geography {
        padding-top: 40px;
    }
    .geography .container {
        padding: 0;
        overflow: hidden;
    }
    .geography .container .title-p2 {
        margin: 25px;
    }
    .map {
        position: relative;
        margin: 0;
        width: 100% !important;
        border-radius: 0 0 16px 16px;
    }
    .map ymaps {
        filter: grayscale(1);
    }
    hr.mobile {
        display: block;
    }
    .scope__list {
        margin-bottom: 0;
    }
    .scope__list li .scope__item__car-photo img {
        min-width: 230px;
    }
    .scope__list li {
        transform: translate(20px, 0);
    }
    .scope {
        padding-top: 0;
        padding-bottom: 0;
    }
    .scope .btn-wrapper {
        display: none;
    }
    .scope .title-p2 {
        margin-bottom: 0;
    }
    .where-to-send__component ul.where-to-send__list li:hover {
        opacity: 1;
        -webkit-tap-highlight-color: transparent;
    }
    .pdf {
        padding: 40px 0;
    }
    .pdf .container {
        padding: 0;
    }
    .pdf .container .where-to-send__number input {
        text-align: left;
    }
    .pdf .container .where-to-send__list-block,
    .pdf .container .where-to-send__number {
        width: 100%;
    }
    .pdf .container .where-to-send__list-block li,
    .pdf .container .where-to-send__number li {
        margin-left: 60px;
    }
    .pdf .container .pdf__content {
        width: 100%;
    }
    .pdf .container .where-to-send__list li {
        padding-bottom: 35px;
    }
    .pdf .subtitle-p2 {
        margin-bottom: 10px;
    }
    .pdf hr {
        margin-bottom: 10px;
    }
    .pdf .where-send__title {
        color: #677b88;
        font-size: 16px;
        margin-bottom: 15px;
    }
    .have-questions {
        padding: 40px 0;
    }
    .have-questions .map {
        padding: 0;
        margin-bottom: 35px;
        border-radius: 16px;
        overflow: hidden;
    }
    .have-questions .map .map__more-info {
        position: relative;
        transform: translate(0, -40px);
        border-radius: 0;
        background: #ecf0f3;
        color: #677b88;
    }
    .have-questions .where-to-send__component .where-to-send__list-block {
        display: none;
    }
    .have-questions .where-to-send__component input {
        text-align: left;
    }
    .have-questions .where-to-send__component .where-to-send__name,
    .have-questions .where-to-send__component .where-to-send__number {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }
    .have-questions .where-to-send__component .where-to-send__list-block {
        width: 100%;
        padding-left: 70px;
    }
    .have-questions .where-to-send__component .where-to-send__list-block li {
        padding-bottom: 30px;
    }
    footer {
        color: #677b88;
    }
    footer .number,
    footer .order-call,
    footer .order-site__block a,
    footer .politicy a,
    footer .rights-block,
    footer a {
        color: #677b88;
    }
    footer img {
        opacity: 0.7;
    }
    footer .logo-block {
        margin-bottom: 15px;
    }
    footer .container .footer__column {
        margin-bottom: 30px;
    }
    footer .container .socials,
    footer footer .order-call .socials,
    footer footer a .socials,
    footer footer a:active .socials,
    footer footer a:visited .socials {
        width: 100%;
        margin-bottom: 15px;
    }
    footer .container .socials div,
    footer footer .order-call .socials div,
    footer footer a .socials div,
    footer footer a:active .socials div,
    footer footer a:visited .socials div {
        width: 100%;
    }
    footer .container .footer__column {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .have-questions .have-questions__content .content__title {
        color: #546b78;
    }
    .modal .blue-mobile-block {
        background: 0 0;
        box-shadow: none;
    }
    .modal .modal__body {
        padding: 20px;
        background: #ecf0f3;
    }
    .modal .modal__body .title-p2 {
        margin-right: 10px;
    }
    .example-photo .projects__slider__item:after,
    .example-photo .projects__slider__item:before {
        display: block !important;
    }
    .example-photo .projects__slider__item:after {
        animation: pulseOpacity 3s infinite;
    }
    .pump-icon {
        display: none;
    }
}
@media all and (max-width: 560px) {
    #counter {
        margin-top: -26%;
    }
    .projects .container {
        padding: 0;
    }
}
@media all and (max-width: 426px) {
    .first-block .title {
        width: 60%;
    }
    .advantages__list .advantages__item {
        max-width: 8%;
    }
    .advantages__list .advantages__item .advantage__description {
        max-width: 150px;
    }
    .advantages__list .advantages__item {
        max-width: 100%;
    }
    .advantages__list .advantages__item.slick-active,
    .advantages__list .advantages__item.slick-active.first-element {
        transform: translate(0, 0) !important;
    }
    .advantages__list .advantages__item.slick-active ~ .advantages__item {
        transform: translate(-150px, 0);
        opacity: 0.3 !important;
    }
    .question__answer__el {
        min-width: 260px;
    }
    .scope__list li .scope__item__car-photo img {
        min-width: 230px;
    }
    .scope__list li {
        transform: translate(38px, 0);
    }
}
@media all and (max-width: 374px) {
    .scope__list li .scope__item__car-photo img {
        min-width: 160px;
    }
    .scope__list li {
        transform: translate(0, 0);
    }
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@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 {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-container-pointer-events {
    touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-container-3d {
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: 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 {
    scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev: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-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000;
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    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;
    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%;
    transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}
.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%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white {
    --swiper-pagination-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: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    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;
    transform-origin: 50%;
    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;
}
@keyframes swiper-preloader-spin {
    100% {
        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;
    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 {
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    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;
    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-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}