@charset "UTF-8";

body {
padding: 0;
}
::before, ::after {
box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1400px) {
.container {
width: 1290px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.container {
width: 1140px;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.container {
width: 970px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container {
width: 750px;
}
}
@media (max-width: 767px) {
.container {
width: 100%;
}
}
.flex, .ac, .as, .ac-jc, .ac-jb, .as-jb, .jb, .as-jc, .ae-jb, .column-jc, .column-js {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.ac-jb, .as-jb, .jb, .ae-jb {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.column-js {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
}
.ac-jc, .as-jc, .column-jc {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.ac, .ac-jc, .ac-jb {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.as, .as-jb, .as-jc {
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.column-jc, .column-js {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ae-jb {
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
.shrink {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.back-layer {
pointer-events: none;
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
}
.back-layer.menu-open {
pointer-events: all;
z-index: 100;
-webkit-animation: back-layer 0.5s forwards;
animation: back-layer 0.5s forwards;
}
.back-layer.back-transition {
opacity: 1;
z-index: 100;
-webkit-animation: hide 0.6s forwards;
animation: hide 0.6s forwards;
}
@-webkit-keyframes back-layer {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes back-layer {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes hide {
100% {
opacity: 0;
}
0% {
opacity: 1;
}
}
@keyframes hide {
100% {
opacity: 0;
}
0% {
opacity: 1;
}
}
.close-popup {
pointer-events: none;
z-index: -1;
opacity: 0;
position: fixed;
top: 0;
right: 0;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center;
background-size: 18px;
transition: opacity 0.2s;
cursor: pointer;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-popup.menu-open {
pointer-events: all;
z-index: 103;
opacity: 1;
transition-delay: 0.4s;
}
.popup-slider {
pointer-events: none;
z-index: 101;
position: fixed;
}
.popup-slider.menu-open {
pointer-events: all;
}
.popup-slider.menu-right {
top: 63px;
right: 0;
-moz-transform: translateX(120%);
-o-transform: translateX(120%);
-ms-transform: translateX(120%);
-webkit-transform: translateX(120%);
transform: translateX(120%);
transition: transform 0.4s;
}
.popup-slider.menu-right.menu-open {
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.popup-slider.menu-left {
top: 0;
left: 0;
-moz-transform: translateX(-120%);
-o-transform: translateX(-120%);
-ms-transform: translateX(-120%);
-webkit-transform: translateX(-120%);
transform: translateX(-120%);
transition: transform 0.4s;
}
.popup-slider.menu-left.menu-open {
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.popup-slider.menu-top {
top: 0;
left: 0;
-moz-transform: translateY(-120%);
-o-transform: translateY(-120%);
-ms-transform: translateY(-120%);
-webkit-transform: translateY(-120%);
transform: translateY(-120%);
transition: transform 0.4s;
}
.popup-slider.menu-top.menu-open {
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.popup-slider.menu-fade {
opacity: 0;
top: 0;
left: 0;
transition: opacity 0.4s;
}
.popup-slider.menu-fade.menu-open {
opacity: 1;
}
body {
width: 100vw;
max-width: 100%;
}
.header {
width: 100%;
}  .slick-prev:before, .slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .slick-slider {
overflow: hidden;
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-dots {
position: absolute;
margin: 0;
list-style-type: none;
}
.slick-dots button {
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.slick-prev, .slick-next {
z-index: 10;
position: absolute;
display: block;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
border: none;
outline: none;
font-size: 0;
cursor: pointer;
color: transparent;
}
.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
outline: none;
color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-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;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.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;
}
body.fancybox-active {
overflow: hidden !important;
}
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden;
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99992;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s, visibility 0s linear 0.25s;
box-sizing: border-box;
}
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap {
opacity: 1;
visibility: visible;
transition: opacity 0.25s, visibility 0s;
}
.fancybox-infobar {
top: 0;
left: 0;
font-size: 13px;
padding: 0 10px;
height: 44px;
min-width: 44px;
line-height: 44px;
color: #ccc;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
mix-blend-mode: exclusion;
}
.fancybox-toolbar {
top: 0;
right: 0;
margin: 0;
padding: 0;
}
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translate3d(0, 0, 0);
}
.fancybox-is-closing .fancybox-stage {
overflow: visible;
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: visible;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
background: #000;
}
.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
background: #e5e3df;
}
.fancybox-slide--next {
z-index: 99995;
}
.fancybox-slide > * {
display: inline-block;
position: relative;
margin: 44px 0 44px;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: visible;
box-sizing: border-box;
}
.fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base {
display: none;
}
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-image, .fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff;
}
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff;
}
.fancybox-error {
margin: 0;
padding: 40px;
width: 100%;
max-width: 380px;
background: #fff;
cursor: default;
}
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font-size: 16px;
line-height: 20px;
} .fancybox-button {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 44px;
height: 44px;
margin: 0;
padding: 10px;
border: 0;
border-radius: 0;
background: rgba(30, 30, 30, 0.6);
transition: color 0.3s ease;
cursor: pointer;
outline: none;
}
.fancybox-button, .fancybox-button:visited, .fancybox-button:link {
color: #ccc;
}
.fancybox-button:focus, .fancybox-button:hover {
color: #fff;
}
.fancybox-button[disabled] {
color: #ccc;
cursor: default;
opacity: 0.6;
}
.fancybox-button svg {
display: block;
position: relative;
overflow: visible;
shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
fill: currentColor;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3;
}
.fancybox-button--share svg path {
stroke-width: 1;
}
.fancybox-button--play svg path:nth-child(2) {
display: none;
}
.fancybox-button--pause svg path:nth-child(1) {
display: none;
}
.fancybox-button--zoom svg path {
fill: transparent;
} .fancybox-navigation {
display: none;
}
.fancybox-show-nav .fancybox-navigation {
display: block;
}
.fancybox-navigation button {
position: absolute;
top: 50%;
margin: -50px 0 0 0;
z-index: 99997;
background: transparent;
width: 60px;
height: 100px;
padding: 17px;
}
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 30px;
right: 10px;
width: 40px;
height: 40px;
background: rgba(30, 30, 30, 0.6);
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 0;
} .fancybox-close-small {
opacity: 0;
position: absolute;
top: -26px;
right: -9px;
width: 20px;
height: 20px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
z-index: 10;
cursor: pointer;
}
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 22px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background-color: transparent;
transition: background-color 0.25s;
box-sizing: border-box;
z-index: 2;
}
.fancybox-close-small:focus {
outline: none;
}
.fancybox-close-small:focus:after {
outline: 1px dotted #888;
}
.fancybox-close-small:hover:after {
color: #555;
background: #eee;
}
.fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small {
top: 0;
right: -40px;
}
.fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after {
font-size: 35px;
color: #aaa;
}
.fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after {
color: #fff;
background: transparent;
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none;
} .fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 2vw 0 2vw;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
pointer-events: none;
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none;
}
.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
pointer-events: all;
position: relative; }
.fancybox-caption a {
color: #fff;
text-decoration: underline;
} .fancybox-slide > .fancybox-loading {
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate 0.8s infinite linear;
animation: fancybox-rotate 0.8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
} .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
} .fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
} .fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
} .fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
} .fancybox-share {
padding: 30px;
border-radius: 3px;
background: #f4f4f4;
max-width: 90%;
text-align: center;
}
.fancybox-share h1 {
color: #222;
margin: 0 0 20px 0;
font-size: 35px;
font-weight: 700;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
p.fancybox-share__links {
margin-right: -10px;
}
.fancybox-share__button {
display: inline-block;
text-decoration: none;
margin: 0 10px 10px 0;
padding: 0 15px;
min-width: 130px;
border: 0;
border-radius: 3px;
background: #fff;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
line-height: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
transition: all 0.2s;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
position: relative;
top: -1px;
width: 25px;
height: 25px;
margin-right: 7px;
vertical-align: middle;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
box-sizing: border-box;
width: 100%;
margin: 10px 0 0 0;
padding: 10px 15px;
background: transparent;
color: #5d5b5b;
font-size: 14px;
outline: none;
border: 0;
border-bottom: 2px solid #d7d7d7;
} .fancybox-thumbs {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 212px;
margin: 0;
padding: 2px 2px 4px 2px;
background: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-y: hidden;
overflow-x: auto;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0;
white-space: nowrap;
}
.fancybox-thumbs-x > ul {
overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
padding: 0;
margin: 2px;
width: 100px;
height: 75px;
max-width: calc(50% - 4px);
max-height: calc(100% - 8px);
position: relative;
cursor: pointer;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
}
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-thumbs > ul > li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1;
} @media (max-width: 800px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs > ul > li {
max-width: calc(100% - 10px);
}
}
.fancybox-image-wrap {
pointer-events: none;
}
.button_header {
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-align: center;
color: #f5aa24;
padding: 16px 20px;
border: 2px solid #f5aa24;
transition: all 0.2s;
text-decoration: none;
}
@media (max-width: 1199px) {
.button_header {
padding: 15px 5px;
font-size: 13px;
}
}
.button_header:hover {
cursor: pointer;
background-color: #f5aa24;
color: #161817;
}
.button {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
font-weight: 500;
font-size: 14px;
width: 240px;
height: 64px;
line-height: 16px;
text-align: center;
color: #161817;
padding: 16px 20px;
border: 2px solid #f5aa24;
transition: all 0.2s;
text-decoration: none;
background-color: #f5aa24;
text-transform: uppercase;
}
.button:hover {
cursor: pointer;
background-color: transparent;
color: #f5aa24;
}
.button input {
display: none;
}
@media (max-width: 767px) {
.button {
width: 190px;
height: 50px;
padding: 10px 15px;
}
}
.all-review {
font-weight: bold;
font-size: 14px;
line-height: 16px;
text-align: center;
text-decoration: none;
cursor: pointer;
color: #161817;
padding-bottom: 2px;
border-bottom: 2px solid rgba(245, 170, 36, 0.5);
}
.white-button {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
font-weight: 500;
font-size: 14px;
width: 224px;
height: 64px;
text-decoration: none;
color: #fff;
filter: drop-shadow(0px 12px 30px rgba(255, 255, 255, 0.3));
background-color: transparent;
text-transform: uppercase;
border: 2px solid #fff;
transition: all 0.2s;
}
.white-button:hover {
cursor: pointer;
background-color: #fff;
color: #f5aa24;
}
.burger {
width: 30px;
height: 20px;
padding: 0;
border: none;
box-shadow: inset 0 -2px 0 0 #161817;
position: relative;
}
.burger::after, .burger::before {
position: absolute;
content: "";
display: block;
height: 2px;
background-color: #161817;
}
.burger::before {
top: 0;
left: 0;
width: 100%;
}
.burger::after {
top: 50%;
right: 0;
width: 50%;
transform: translate(0, -50%);
}
.burger:hover {
cursor: pointer;
}
.burger--open {
animation-name: burgerOpen;
animation-duration: 0.5s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
.burger--open::after {
animation-name: burgerAfterOpen;
animation-duration: 0.5s;
animation-delay: 0.2s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
.burger--open::before {
animation-name: burgerBeforeOpen;
animation-duration: 0.5s;
animation-delay: 0.2s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
.burger--close {
animation-name: burgerClose;
animation-duration: 0.2s;
animation-delay: 0.5s;
animation-direction: reverse;
animation-fill-mode: backwards;
animation-timing-function: ease-in-out;
}
.burger--close::after {
animation-name: burgerAfterClose;
animation-duration: 0.5s;
animation-direction: reverse;
animation-fill-mode: backwards;
animation-timing-function: ease-in-out;
}
.burger--close::before {
animation-name: burgerBeforeClose;
animation-duration: 0.5s;
animation-direction: reverse;
animation-fill-mode: backwards;
animation-timing-function: ease-in-out;
}
@keyframes burgerOpen {
0% {
box-shadow: inset 0 -2px 0 0 #161817;
}
100% {
box-shadow: inset 0 -2px 0 0 transparent;
}
}
@keyframes burgerAfterOpen {
0% {
width: 50%;
}
25% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(1);
}
25% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(1);
}
50% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(0.6);
}
50% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(0.6);
}
75% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(0.6);
}
100% {
width: 100%;
transform: translate(0, -50%) rotate(45deg) scaleX(0.6);
}
}
@keyframes burgerBeforeOpen {
0% {
transform: translateY(0) rotate(0) scaleX(1);
}
25% {
top: 0;
transform: translateY(0) rotate(0) scaleX(1);
}
25% {
top: 0;
transform: translateY(0) rotate(0) scaleX(1);
}
50% {
top: 0;
transform: translateY(0) rotate(0) scaleX(0.6);
}
75% {
top: 50%;
transform: translateY(-50%) rotate(0) scaleX(0.6);
}
75% {
top: 50%;
transform: translateY(-50%) rotate(0) scaleX(0.6);
}
100% {
top: 50%;
transform: translateY(-50%) rotate(-45deg) scaleX(0.6);
}
}
@keyframes burgerClose {
0% {
box-shadow: inset 0 -2px 0 0 #161817;
}
100% {
box-shadow: inset 0 -2px 0 0 transparent;
}
}
@keyframes burgerAfterClose {
0% {
width: 50%;
}
25% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(1);
}
25% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(1);
}
50% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(0.6);
}
50% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(0.6);
}
75% {
width: 100%;
transform: translate(0, -50%) rotate(0) scaleX(0.6);
}
100% {
width: 100%;
transform: translate(0, -50%) rotate(45deg) scaleX(0.6);
}
}
@keyframes burgerBeforeClose {
0% {
transform: translateY(0) rotate(0) scaleX(1);
}
25% {
top: 0;
transform: translateY(0) rotate(0) scaleX(1);
}
25% {
top: 0;
transform: translateY(0) rotate(0) scaleX(1);
}
50% {
top: 0;
transform: translateY(0) rotate(0) scaleX(0.6);
}
75% {
top: 50%;
transform: translateY(-50%) rotate(0) scaleX(0.6);
}
75% {
top: 50%;
transform: translateY(-50%) rotate(0) scaleX(0.6);
}
100% {
top: 50%;
transform: translateY(-50%) rotate(-45deg) scaleX(0.6);
}
}
.breadcrumbs {
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (max-width: 1024px) {
.breadcrumbs {
overflow: auto;
}
}
@media (hover: none) and (pointer: coarse) {
.breadcrumbs {
overflow: auto;
}
}
.breadcrumbs li {
list-style: none;
margin: 0;
margin-right: 10px;
padding-right: 10px;
position: relative;
}
.breadcrumbs li:after {
content: '';
position: absolute;
right: -3px;
top: calc(50% - 2px);
width: 4px;
height: 4px;
background-color: #f5aa24;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.breadcrumbs li:last-of-type:after {
content: initial;
}
.breadcrumbs a, .breadcrumbs span {
font-size: 14px;
text-decoration: none;
color: #fff;
white-space: nowrap;
}
.main-block {
position: relative;
overflow: hidden;
padding: 100px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
min-height: calc(100vh - 103px);
}
@media (max-width: 500px) {
.main-block .banner-text {
text-align: center;
}
}
@media (max-width: 1024px) {
.main-block {
padding: 50px 0;
min-height: 430px;
}
}
@media (hover: none) and (pointer: coarse) {
.main-block {
padding: 50px 0;
min-height: 430px;
}
}
@media (max-width: 500px) {
.main-block {
min-height: calc(100vh - 63px);
}
}
.main-block h1 {
color: #fff;
}
.main-block h1 span {
color: rgba(255, 255, 255, 0.8);
font-size: 70px;
font-weight: 200;
}
@media (max-width: 1024px) {
.main-block h1 span {
font-size: 30px;
}
}
@media (hover: none) and (pointer: coarse) {
.main-block h1 span {
font-size: 30px;
}
}
@media (max-width: 767px) {
.main-block h1 {
font-size: 40px;
line-height: 125%;
}
}
@media (max-width: 500px) {
.main-block h1 {
text-align: center;
}
}
.main-block .container {
position: relative;
z-index: 3;
}
.main-block:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(89.99deg, rgba(0, 0, 0, 0.8) 0.01%, rgba(0, 0, 0, 0.22) 54.13%, rgba(0, 0, 0, 0.4) 88.11%);
}
.main-block:before {
content: '';
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 60px;
height: 80%;
width: 180px;
z-index: 2;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/banner decor.png);
}
@media (max-width: 1024px) {
.main-block:before {
content: initial;
}
}
@media (hover: none) and (pointer: coarse) {
.main-block:before {
content: initial;
}
}
@media (max-width: 1024px) {
.main-block .banner-buttons {
margin-bottom: 30px;
}
}
@media (hover: none) and (pointer: coarse) {
.main-block .banner-buttons {
margin-bottom: 30px;
}
}
@media (max-width: 500px) {
.main-block .banner-buttons .button {
display: none;
}
}
.main-block .banner-buttons .mob {
display: none;
}
@media (max-width: 500px) {
.main-block .banner-buttons .mob {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
.form-title {
font-weight: 900;
font-size: 48px;
line-height: 56px;
text-align: center;
margin-bottom: 15px;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.form-title {
font-size: 40px;
line-height: 48px;
}
}
@media (max-width: 1024px) {
.form-title {
font-size: 30px;
line-height: 36px;
}
}
@media (hover: none) and (pointer: coarse) {
.form-title {
font-size: 30px;
line-height: 36px;
}
}
.form-text {
font-size: 24px;
line-height: 22px;
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 1024px) {
.form-text {
font-size: 16px;
line-height: 20px;
}
}
@media (hover: none) and (pointer: coarse) {
.form-text {
font-size: 16px;
line-height: 20px;
}
}
.validation {
font-family: 'Roboto', sans-serif;
font-size: 0;
}
.validation-field {
position: relative;
display: block;
padding: 12px 0 10px 0;
}
.validation-field.recaptcha > .error {
right: 50%;
-moz-transform: translateX(50%);
-o-transform: translateX(50%);
-ms-transform: translateX(50%);
-webkit-transform: translateX(50%);
transform: translateX(50%);
width: 100%;
text-align: right;
}
.validation-field.file {
padding: 0;
}
.validation-field.file input[type='file'] {
display: block !important;
border: none;
padding: 0;
}
.validation-field > input, .validation-field > select, .validation-field > textarea {
-webkit-appearance: none;
width: 100%;
padding-left: 20px;
padding-right: 10px;
background-color: transparent;
border: none;
border-bottom: 2px solid #f5aa24;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #fff;
text-align: center;
}
.validation-field > input::-webkit-input-placeholder, .validation-field > select::-webkit-input-placeholder, .validation-field > textarea::-webkit-input-placeholder {
font-family: 'Roboto', sans-serif;
font-size: 0;
color: #fff;
}
.validation-field > input:-moz-placeholder, .validation-field > select:-moz-placeholder, .validation-field > textarea:-moz-placeholder {
font-family: 'Roboto', sans-serif;
font-size: 0;
color: #fff;
}
.validation-field > input::-moz-placeholder, .validation-field > select::-moz-placeholder, .validation-field > textarea::-moz-placeholder {
font-family: 'Roboto', sans-serif;
font-size: 0;
color: #fff;
}
.validation-field > input:-ms-input-placeholder, .validation-field > select:-ms-input-placeholder, .validation-field > textarea:-ms-input-placeholder {
font-family: 'Roboto', sans-serif;
font-size: 0;
color: #fff;
}
.validation-field > input:focus + .placeholder, .validation-field > select:focus + .placeholder, .validation-field > textarea:focus + .placeholder {
font-size: 12px;
opacity: 0;
top: 21px;
color: #fff;
}
.validation-field input[name=phone]:focus + .placeholder {
opacity: 0;
top: 21px;
}
.validation-field > input, .validation-field > select {
vertical-align: middle;
height: 40px;
}
.validation-field > textarea {
height: 100px;
padding-top: 10px;
resize: vertical;
}
.validation-field.message-area {
width: 100%;
}
.validation-field.invalid input, .validation-field.invalid textarea, .validation-field.invalid .checkbox {
border-color: #e25353 !important;
}
.validation-field.invalid > .error {
display: block;
}
.validation-field.invalid > .input-title {
color: #e25353;
}
.validation-field.active input[name=phone] + .placeholder {
opacity: 0;
top: 21px;
}
.validation-field.active > .placeholder {
opacity: 0;
top: 3px;
font-size: 12px;
color: #fff;
}
.validation-field > .placeholder {
pointer-events: none;
position: absolute;
top: 21px;
left: 0;
padding: 4px 6px 0 0;
background-color: transparent;
font-size: 16px;
color: #fff;
width: 100%;
text-align: center;
transition: all 0.4s;
}
.validation-field > .placeholder.is-active {
opacity: 0;
top: 3px;
font-size: 12px;
color: #fff;
}
.validation-field > .error {
position: absolute;
bottom: -5px;
right: 0;
display: none;
font-size: 12px;
color: #e25353;
}
.submit {
max-width: 100%;
}
.form-success.waiting:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
.form-success.green {
font-size: 18px;
padding: 20px;
text-align: center;
color: #161817;
}
.form-success.green:after {
display: none;
}
.form-modal {
position: relative;
background-color: #161817;
border: 5px solid #f5aa24;
padding: 50px 70px;
}
.form-modal .close-form {
background-color: transparent;
position: absolute;
width: 20px;
height: 20px;
right: -9px;
top: -26px;
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/svg/close-form.svg);
}
@media (max-width: 1024px) {
.form-modal {
padding: 15px;
}
}
@media (hover: none) and (pointer: coarse) {
.form-modal {
padding: 15px;
}
}
.form-modal .form-text, .form-modal .form-title {
color: #fff;
}
.form-modal .validation-field {
max-width: 300px;
width: 100%;
}
.form-modal .form-fields {
margin-bottom: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.form-modal .form-title {
font-size: 40px;
font-weight: 700;
line-height: initial;
}
@media (max-width: 767px) {
.form-modal .form-title {
font-size: 30px;
}
}
.form-modal .form-title.orange {
color: #f5aa24;
font-weight: 500;
font-size: 24px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
margin-bottom: 6px;
}
.form-modal .form-text {
margin-bottom: 0;
font-weight: normal;
font-size: 18px;
}
.checkbox-confirm {
color: #fff;
width: 300px;
max-width: 100%;
font-size: 11px;
margin-bottom: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.checkbox-confirm a {
color: #fff;
}
.checkbox-confirm label {
cursor: pointer;
}
.checkbox-confirm input[type="checkbox"] {
opacity: 0;
position: absolute;
}
.checkbox-confirm input[type="checkbox"]:checked + .checkbox {
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/check.png);
}
.checkbox-confirm .checkbox {
display: block;
width: 14px;
height: 14px;
border: 1px solid #f5aa24;
margin-right: 7px;
background-position: 65% 15%;
background-size: 80%;
background-repeat: no-repeat;
}
.review-fields {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#upload {
display: none;
}
#upload_link {
margin-bottom: 20px;
}
.top-block {
position: relative;
min-height: 290px;
overflow: hidden;
padding: 75px 0 45px 0;
}
.top-block .top-content {
position: relative;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.top-block h1 {
color: #fff;
margin-bottom: 50px;
}
@media (max-width: 500px) {
.top-block h1 {
text-align: center;
}
}
.top-block h1 br {
display: none;
}
@media (max-width: 500px) {
.top-block h1 br {
display: block;
}
}
@media (max-width: 1024px) {
.top-block h1 {
margin-bottom: 30px;
}
}
@media (hover: none) and (pointer: coarse) {
.top-block h1 {
margin-bottom: 30px;
}
}
.top-block h1 span {
font-weight: 200;
}
@media (max-width: 500px) {
.top-block .breadcrumbs {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.top-block .breadcrumbs li:last-of-type {
margin-right: 0;
}
}
.title-wrap {
position: relative;
height: 290px;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.title-wrap .container {
position: relative;
z-index: 1;
}
.title-wrap h1 {
color: #fff;
margin-bottom: 50px;
}
@media (max-width: 1024px) {
.title-wrap {
min-height: 230px;
height: auto;
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.title-wrap {
min-height: 230px;
height: auto;
padding: 50px 0;
}
}
.object-fit {
position: relative;
background-size: cover;
background-position: center center;
}
.object-fit.compat-object-fit > img {
opacity: 0;
}
.object-fit > img {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(100% + 2px);
height: calc(100% + 2px);
object-fit: cover;
}
.button-top {
position: fixed;
z-index: 90;
opacity: 0;
transition: all 0.9s ease-in-out;
background-position: center;
right: 40px;
width: 60px;
height: 60px;
cursor: pointer;
border-radius: 50%;
background-color: #f5aa24;
}
.button-top:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-size: 13px;
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/svg/slick-prev.svg);
}
.button-top:hover {
animation: bounce 2s infinite;
animation-timing-function: ease-in-out;
}
@media (max-width: 767px) {
.button-top {
width: 50px;
height: 50px;
right: 20px;
}
}
@keyframes bounce {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-20px);
}
100% {
-webkit-transform: translateY(0px);
}
}
.blog-pagination {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border: 1px solid #f6f6f6;
}
.blog-pagination > * {
width: 33.33%;
}
@media (max-width: 1024px) {
.blog-pagination > * {
width: 100%;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-pagination > * {
width: 100%;
}
}
.blog-pagination .item {
text-decoration: none;
color: #161817;
font-weight: 500;
font-size: 16px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 1024px) {
.blog-pagination .item {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-pagination .item {
display: none;
}
}
.blog-pagination .item.next {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.blog-pagination .item .info {
padding: 25px 15px;
}
.blog-pagination .item .date {
font-weight: normal;
font-size: 14px;
color: #bfbfbf;
margin-top: 5px;
}
.blog-pagination .item .img {
position: relative;
height: 135px;
max-width: 190px;
width: 100%;
}
.blog-pagination .all {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: space-around;
border-right: 1px solid #f6f6f6;
border-left: 1px solid #f6f6f6;
}
@media (max-width: 1024px) {
.blog-pagination .all {
padding: 15px;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-pagination .all {
padding: 15px;
}
}
.blog-pagination .all .all-review {
font-size: 18px;
}
.blog-pagination .all .arrow {
cursor: pointer;
width: 40px;
height: 40px;
background-position: center;
background-size: 9px;
background-repeat: no-repeat;
background-color: #f5aa24;
border: 2px solid #fff;
border-radius: 50%;
z-index: 1;
box-shadow: 2px 0px 33px rgba(245, 170, 36, 0.7);
}
.pagination {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 0;
padding-bottom: 90px;
}
@media (max-width: 1024px) {
.pagination {
padding-bottom: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.pagination {
padding-bottom: 50px;
}
}
.pagination-item {
list-style: none;
margin: 0 10px;
}
.pagination-item.active span {
font-weight: bold;
}
.pagination-item.next, .pagination-item.prev {
cursor: pointer;
width: 40px;
height: 40px;
background-position: center;
background-size: 9px;
background-repeat: no-repeat;
background-color: #f5aa24;
border: 2px solid #fff;
border-radius: 50%;
z-index: 1;
box-shadow: 2px 0px 33px rgba(245, 170, 36, 0.7);
}
.pagination-item.prev {
margin-right: 15px;
}
.pagination-item.next {
margin-left: 15px;
}
.pagination-link {
text-decoration: none;
color: #161817;
font-size: 18px;
width: 100%;
height: 100%;
display: block;
}
header {
background-color: #fff;
z-index: 101;
position: relative;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}
header .button_header {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
@media (max-width: 1024px) {
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
}
@media (hover: none) and (pointer: coarse) {
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
}
header .top-line-wrap {
border-bottom: 1px solid #f6f6f6;
}
@media (max-width: 1024px) {
header .top-line-wrap {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
header .top-line-wrap {
display: none;
}
}
@media (max-width: 1024px) {
header .bottom-line-wrap {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
header .bottom-line-wrap {
display: none;
}
}
header .bottom-line-wrap nav .level-1 {
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
header .bottom-line-wrap nav .level-1 .nav-item-1 {
margin: 0;
list-style: none;
margin-right: 35px;
font-weight: 500;
}
@media (min-width: 1200px) and (max-width: 1440px) {
header .bottom-line-wrap nav .level-1 .nav-item-1 {
margin-right: 30px;
}
}
@media (max-width: 1199px) {
header .bottom-line-wrap nav .level-1 .nav-item-1 {
margin-right: 15px;
}
}
header .bottom-line-wrap nav .level-1 .nav-item-1:last-of-type {
margin-right: 15px;
}
header .bottom-line-wrap nav .level-1 .nav-item-1.has-child {
padding-right: 17px;
position: relative;
}
header .bottom-line-wrap nav .level-1 .nav-item-1.has-child:after {
content: '';
position: absolute;
width: 14px;
height: 9px;
right: -1px;
top: calc(50% - 4.5px);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.2s;
}
header .bottom-line-wrap nav .level-1 .nav-item-1.has-child:hover {
margin-bottom: -23px;
padding-bottom: 23px;
}
header .bottom-line-wrap nav .level-1 .nav-item-1.has-child:hover:after {
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
top: calc(50% - 15px);
}
header .bottom-line-wrap nav .level-1 .nav-item-1.has-child:hover .level-2 {
opacity: 1;
pointer-events: all;
transition: opacity 0.2s;
}
header .bottom-line-wrap nav .level-1 .nav-item-1 .link-level-1 {
text-decoration: none;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #161817;
}
@media (max-width: 1199px) {
header .bottom-line-wrap nav .level-1 .nav-item-1 .link-level-1 {
font-size: 13px;
}
}
header .bottom-line-wrap nav .level-2 {
position: absolute;
opacity: 0;
pointer-events: none;
top: 100%;
background-color: #fff;
padding: 25px 30px;
}
header .bottom-line-wrap nav .level-2 li {
list-style: none;
margin: 0;
margin-bottom: 20px;
}
header .bottom-line-wrap nav .level-2 li:last-of-type {
margin-bottom: 0;
}
header .bottom-line-wrap nav .level-2 li .link-level-2 {
text-decoration: none;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #bfbfbf;
white-space: nowrap;
transition: color 0.2s, font-weight 0.2s;
}
@media (max-width: 1199px) {
header .bottom-line-wrap nav .level-2 li .link-level-2 {
font-size: 13px;
}
}
header .bottom-line-wrap nav .level-2 li .link-level-2:before {
display: block;
content: attr(title);
font-weight: bold;
height: 0;
overflow: hidden;
visibility: hidden;
}
header .bottom-line-wrap nav .level-2 li .link-level-2:hover {
font-weight: 500;
color: #161817;
}
header .top-line {
padding: 10px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
header .top-line a {
font-size: 14px;
}
header .lang {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
header .lang a {
text-decoration: none;
color: #bfbfbf;
margin-right: 10px;
transition: color 0.2s;
}
header .lang a:last-of-type {
margin-right: 0;
}
header .lang a.active {
font-weight: bold;
color: #161817;
}
header .lang a:hover {
color: #161817;
}
header .lang.hide {
opacity: 0;
pointer-events: none;
}
header .bottom-line {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
padding: 8px 0;
padding-left: 23%;
}
@media (min-width: 1200px) and (max-width: 1440px) {
header .bottom-line {
padding-left: 20%;
}
}
header .bottom-line .logo {
display: block;
position: absolute;
left: 0;
bottom: 8px;
}
.phones {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.phones a {
text-decoration: none;
color: #bfbfbf;
margin-right: 30px;
transition: color 0.2s;
position: relative;
padding-left: 20px;
}
.phones a:before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 7px);
width: 14px;
height: 14px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.phones a:hover {
color: #161817;
}
.phones a:last-of-type {
margin-right: 0;
}
.phones a span {
font-weight: bold;
}
.mob-header {
display: none;
padding: 5px 0;
}
@media (max-width: 1024px) {
.mob-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
}
@media (hover: none) and (pointer: coarse) {
.mob-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
}
.mob-header .logo img {
max-height: 50px;
}
.mob-group {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.mob-group .button_header {
margin-right: 20px;
padding: 10px 20px;
}
@media (max-width: 500px) {
.mob-group .button_header {
display: none;
}
}
.mob-menu {
display: none;
overflow-y: auto;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.12) inset;
padding: 0 0 100px 0;
width: 320px;
height: 100%;
background-color: #fff;
}
.mob-menu.popup-slider {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.mob-menu .mob-wrap {
padding: 40px 20px;
width: 100%;
}
.mob-menu .phones {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.mob-menu .phones a {
margin-right: 0;
margin-bottom: 15px;
}
.mob-menu .header-worktime {
font-size: 14px;
line-height: 22px;
}
.mob-menu .button_header {
display: none;
margin-top: 20px;
}
@media (max-width: 500px) {
.mob-menu .button_header {
display: block;
width: 100%;
}
}
.mob-menu .lang {
margin-top: 20px;
}
.mob-menu .lang a {
margin-right: 50px;
}
@media (max-width: 500px) {
.mob-menu {
width: 100%;
}
}
.mob-menu nav {
padding-top: 30px;
width: 100%;
}
.mob-menu .level-1 {
margin-bottom: 0;
padding-bottom: 35px;
border-bottom: 1px solid #e8e8e8;
}
.mob-menu .level-1 li {
list-style: none;
}
.mob-menu .level-1 li a {
text-decoration: none;
}
.mob-menu .nav-item-1 {
margin: 0;
margin-bottom: 35px;
padding-left: 30px;
position: relative;
}
.mob-menu .nav-item-1:last-of-type {
margin-bottom: 0;
}
.mob-menu .nav-item-1.active:before {
content: '';
position: absolute;
top: 3px;
width: 24px;
height: 15px;
left: 0;
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
}
.mob-menu .nav-item-1.has-child .link-level-1 {
padding-right: 23px;
position: relative;
}
.mob-menu .nav-item-1.has-child .link-level-1 .arrow {
position: absolute;
right: 0;
top: calc(50% - 5px);
width: 15px;
height: 10px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
cursor: pointer;
transition: all 0.2s;
}
.mob-menu .nav-item-1.has-child .link-level-1 .arrow.open {
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.mob-menu .link-level-1 {
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: #161817;
}
.mob-menu .level-2 {
padding-top: 15px;
margin-bottom: 35px;
display: none;
}
.mob-menu .nav-item-2 {
margin: 0;
padding-bottom: 15px;
}
.mob-menu .link-level-2 {
font-size: 14px;
line-height: 16px;
color: #bfbfbf;
}
.mob-menu .link-level-2:before {
display: block;
content: attr(title);
font-weight: bold;
height: 0;
overflow: hidden;
visibility: hidden;
}
.mob-menu .link-level-2:hover, .mob-menu .link-level-2.active {
font-weight: 500;
color: #161817;
}
.advantage-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 4px solid #f5aa24;
padding: 24px 20px;
}
.advantage-wrap .advantage-item {
width: 25%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
border-right: 1px solid rgba(22, 24, 23, 0.25);
}
@media (max-width: 1199px) {
.advantage-wrap .advantage-item {
width: 50%;
padding: 15px;
}
.advantage-wrap .advantage-item:nth-of-type(2), .advantage-wrap .advantage-item:first-of-type {
border-bottom: 1px solid rgba(22, 24, 23, 0.25);
}
.advantage-wrap .advantage-item:nth-of-type(2) {
border-right: none;
}
}
@media (max-width: 600px) {
.advantage-wrap .advantage-item {
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(22, 24, 23, 0.25);
}
.advantage-wrap .advantage-item:last-of-type {
border-bottom: none;
}
}
.advantage-wrap .advantage-item:last-of-type {
border-right: none;
}
.advantage-wrap .advantage-item .text {
font-size: 18px;
line-height: 144%;
text-align: center;
padding: 0 30px;
}
@media (max-width: 767px) {
.advantage-wrap .advantage-item .text {
padding: 0 10px;
}
}
.advantage-wrap .advantage-item .title {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 10px;
font-weight: bold;
font-size: 48px;
line-height: 56px;
text-align: center;
text-transform: uppercase;
}
.advantage-wrap .advantage-item .title img {
height: 55px;
width: 55px;
margin-right: 20px;
}
.advantage-wrap .advantage-item .title span {
font-weight: bold;
font-size: 48px;
line-height: 56px;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 767px) {
.advantage-wrap .advantage-item .title span {
font-size: 36px;
}
}
@media (max-width: 767px) {
.advantage-wrap .advantage-item .title {
font-size: 36px;
}
}
.advantage-padding {
padding: 90px 0;
}
@media (max-width: 1024px) {
.advantage-padding {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.advantage-padding {
padding: 50px 0;
}
}
.advantages.desktop {
padding-bottom: 70px;
}
.advantages.mobile {
display: none;
}
@media (max-width: 1024px) {
.advantages.desktop {
display: none;
}
.advantages.mobile {
display: block;
padding-bottom: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.advantages.desktop {
display: none;
}
.advantages.mobile {
display: block;
padding-bottom: 50px;
}
}
.advantages .mob-adv {
font-size: 14px;
line-height: 20px;
margin-bottom: 25px;
padding-left: 25px;
position: relative;
}
.advantages .mob-adv:last-of-type {
margin-bottom: 0;
}
.advantages .mob-adv:after {
content: '';
position: absolute;
left: 0;
top: 3px;
width: 18px;
height: 18px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.advantages .main {
max-width: 100%;
}
@media (max-width: 1024px) {
.advantages .main {
margin-bottom: 30px;
}
}
@media (hover: none) and (pointer: coarse) {
.advantages .main {
margin-bottom: 30px;
}
}
.advantages .orange {
position: absolute;
top: 30px;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.advantages .orange {
max-width: 550px;
}
}
@media (max-width: 1199px) {
.advantages .orange {
max-width: 450px;
}
}
.advantages .container {
position: relative;
}
.advantages h2 {
text-align: center;
}
@media (max-width: 1024px) {
.advantages h2 {
text-align: left;
}
}
@media (hover: none) and (pointer: coarse) {
.advantages h2 {
text-align: left;
}
}
.advantages .advantage-left {
position: absolute;
left: 0;
top: 30px;
}
@media (max-width: 1199px) {
.advantages .advantage-left {
top: 65px;
}
}
.advantages .advantage-left .advantage-item {
position: relative;
padding-right: 30px;
margin-bottom: 25px;
max-width: 250px;
text-align: right;
}
.advantages .advantage-left .advantage-item:after {
content: '';
position: absolute;
right: 0;
top: 3px;
width: 18px;
height: 18px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.advantages .advantage-left .advantage-item span {
font-size: 18px;
line-height: 26px;
color: #161817;
}
@media (max-width: 1199px) {
.advantages .advantage-left .advantage-item span {
font-size: 14px;
line-height: 18px;
}
}
.advantages .advantage-right {
position: absolute;
top: 30px;
right: 0;
}
@media (max-width: 1199px) {
.advantages .advantage-right {
top: 65px;
}
}
.advantages .advantage-right .advantage-item {
position: relative;
padding-left: 30px;
margin-bottom: 25px;
max-width: 250px;
}
.advantages .advantage-right .advantage-item:after {
content: '';
position: absolute;
left: 0;
top: 3px;
width: 18px;
height: 18px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.advantages .advantage-right .advantage-item span {
font-size: 18px;
line-height: 26px;
text-align: left;
color: #161817;
}
@media (max-width: 1199px) {
.advantages .advantage-right .advantage-item span {
font-size: 14px;
line-height: 18px;
}
}
.banner {
min-height: 760px;
margin: 0;
}
@media (max-width: 1024px) {
.banner {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
.banner {
display: none;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.banner .h1 {
font-size: 70px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.banner .h1 {
font-size: 70px;
}
}
@media (max-width: 1199px) {
.banner .h1 {
font-size: 60px;
}
}
.banner .h1 span {
font-weight: 200;
}
.banner li {
list-style: none;
margin: 0;
}
.banner input {
position: absolute;
top: -9999px;
left: -9999px;
}
.banner label {
cursor: pointer;
display: block;
float: left;
position: relative;
height: 760px;
min-height: 760px;
width: 100px;
overflow: hidden;
text-align: center;
font-size: 14px;
line-height: 110px;
transition: all 700ms ease;
}
.banner label:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
background-color: #fff;
z-index: 2;
}
.banner label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(22, 24, 23, 0.4);
}
.banner input[type="radio"]:checked ~ label {
cursor: default !important;
}
.banner input[type="radio"]:not(:checked) ~ label .title {
font-weight: bold;
width: 760px;
text-align: center;
color: #fff;
font-size: 36px;
white-space: nowrap;
z-index: 3;
right: 50%;
transform: rotate(-90deg) translate(0, -50%);
transform-origin: 100% 0;
position: absolute;
}
.banner input[type="radio"]:not(:checked) ~ label .title span {
font-weight: 200;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.banner input[type="radio"]:not(:checked) ~ label .title {
font-size: 32px;
}
}
.banner input[type="radio"]:not(:checked) ~ label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(22, 24, 23, 0.8); }
.banner li:nth-child(1):nth-last-child(2) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 200px);
cursor: default;
}
.banner li:nth-child(1):nth-last-child(2) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(1):nth-last-child(2) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(1):nth-last-child(2) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(2):nth-last-child(1) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 200px);
cursor: default;
}
.banner li:nth-child(2):nth-last-child(1) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(2):nth-last-child(1) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(2):nth-last-child(1) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(1):nth-last-child(3) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 300px);
cursor: default;
}
.banner li:nth-child(1):nth-last-child(3) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(1):nth-last-child(3) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(1):nth-last-child(3) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(2):nth-last-child(2) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 300px);
cursor: default;
}
.banner li:nth-child(2):nth-last-child(2) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(2):nth-last-child(2) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(2):nth-last-child(2) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(3):nth-last-child(1) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 300px);
cursor: default;
}
.banner li:nth-child(3):nth-last-child(1) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(3):nth-last-child(1) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(3):nth-last-child(1) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(1):nth-last-child(4) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 400px);
cursor: default;
}
.banner li:nth-child(1):nth-last-child(4) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(1):nth-last-child(4) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(1):nth-last-child(4) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(2):nth-last-child(3) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 400px);
cursor: default;
}
.banner li:nth-child(2):nth-last-child(3) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(2):nth-last-child(3) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(2):nth-last-child(3) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(3):nth-last-child(2) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 400px);
cursor: default;
}
.banner li:nth-child(3):nth-last-child(2) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(3):nth-last-child(2) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(3):nth-last-child(2) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(4):nth-last-child(1) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 400px);
cursor: default;
}
.banner li:nth-child(4):nth-last-child(1) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(4):nth-last-child(1) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(4):nth-last-child(1) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(1):nth-last-child(5) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 500px);
cursor: default;
}
.banner li:nth-child(1):nth-last-child(5) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(1):nth-last-child(5) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(1):nth-last-child(5) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(2):nth-last-child(4) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 500px);
cursor: default;
}
.banner li:nth-child(2):nth-last-child(4) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(2):nth-last-child(4) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(2):nth-last-child(4) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(3):nth-last-child(3) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 500px);
cursor: default;
}
.banner li:nth-child(3):nth-last-child(3) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(3):nth-last-child(3) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(3):nth-last-child(3) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(4):nth-last-child(2) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 500px);
cursor: default;
}
.banner li:nth-child(4):nth-last-child(2) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(4):nth-last-child(2) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(4):nth-last-child(2) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(5):nth-last-child(1) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 500px);
cursor: default;
}
.banner li:nth-child(5):nth-last-child(1) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(5):nth-last-child(1) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(5):nth-last-child(1) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(1):nth-last-child(6) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 600px);
cursor: default;
}
.banner li:nth-child(1):nth-last-child(6) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(1):nth-last-child(6) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(1):nth-last-child(6) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(2):nth-last-child(5) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 600px);
cursor: default;
}
.banner li:nth-child(2):nth-last-child(5) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(2):nth-last-child(5) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(2):nth-last-child(5) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(3):nth-last-child(4) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 600px);
cursor: default;
}
.banner li:nth-child(3):nth-last-child(4) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(3):nth-last-child(4) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(3):nth-last-child(4) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(4):nth-last-child(3) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 600px);
cursor: default;
}
.banner li:nth-child(4):nth-last-child(3) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(4):nth-last-child(3) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(4):nth-last-child(3) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(5):nth-last-child(2) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 600px);
cursor: default;
}
.banner li:nth-child(5):nth-last-child(2) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(5):nth-last-child(2) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(5):nth-last-child(2) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(6):nth-last-child(1) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 600px);
cursor: default;
}
.banner li:nth-child(6):nth-last-child(1) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(6):nth-last-child(1) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(6):nth-last-child(1) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(1):nth-last-child(7) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 700px);
cursor: default;
}
.banner li:nth-child(1):nth-last-child(7) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(1):nth-last-child(7) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(1):nth-last-child(7) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(2):nth-last-child(6) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 700px);
cursor: default;
}
.banner li:nth-child(2):nth-last-child(6) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(2):nth-last-child(6) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(2):nth-last-child(6) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(3):nth-last-child(5) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 700px);
cursor: default;
}
.banner li:nth-child(3):nth-last-child(5) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(3):nth-last-child(5) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(3):nth-last-child(5) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(4):nth-last-child(4) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 700px);
cursor: default;
}
.banner li:nth-child(4):nth-last-child(4) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(4):nth-last-child(4) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(4):nth-last-child(4) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(5):nth-last-child(3) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 700px);
cursor: default;
}
.banner li:nth-child(5):nth-last-child(3) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(5):nth-last-child(3) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(5):nth-last-child(3) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(6):nth-last-child(2) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 700px);
cursor: default;
}
.banner li:nth-child(6):nth-last-child(2) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(6):nth-last-child(2) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(6):nth-last-child(2) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(7):nth-last-child(1) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 700px);
cursor: default;
}
.banner li:nth-child(7):nth-last-child(1) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(7):nth-last-child(1) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(7):nth-last-child(1) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(1):nth-last-child(8) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 800px);
cursor: default;
}
.banner li:nth-child(1):nth-last-child(8) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(1):nth-last-child(8) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(1):nth-last-child(8) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(2):nth-last-child(7) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 800px);
cursor: default;
}
.banner li:nth-child(2):nth-last-child(7) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(2):nth-last-child(7) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(2):nth-last-child(7) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(3):nth-last-child(6) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 800px);
cursor: default;
}
.banner li:nth-child(3):nth-last-child(6) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(3):nth-last-child(6) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(3):nth-last-child(6) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(4):nth-last-child(5) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 800px);
cursor: default;
}
.banner li:nth-child(4):nth-last-child(5) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(4):nth-last-child(5) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(4):nth-last-child(5) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(5):nth-last-child(4) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 800px);
cursor: default;
}
.banner li:nth-child(5):nth-last-child(4) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(5):nth-last-child(4) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(5):nth-last-child(4) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(6):nth-last-child(3) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 800px);
cursor: default;
}
.banner li:nth-child(6):nth-last-child(3) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(6):nth-last-child(3) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(6):nth-last-child(3) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(7):nth-last-child(2) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 800px);
cursor: default;
}
.banner li:nth-child(7):nth-last-child(2) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(7):nth-last-child(2) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(7):nth-last-child(2) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.banner li:nth-child(8):nth-last-child(1) input[type="radio"]:checked + label {
text-align: initial;
width: calc((100% + 100px) - 800px);
cursor: default;
}
.banner li:nth-child(8):nth-last-child(1) input[type="radio"]:checked + label .accslide {
width: 100%;
position: relative;
z-index: 1;
}
.banner li:nth-child(8):nth-last-child(1) input[type="radio"]:checked + label .title {
display: none;
}
.banner li:nth-child(8):nth-last-child(1) input[type="radio"]:checked + label .content {
transition-delay: 500ms;
opacity: 1;
}
.accslide {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
height: 100%;
width: 0;
padding: 4em 4.2em;
float: left;
overflow-x: hidden;
line-height: 1;
transition: all 700ms ease;
}
.accslide .content {
padding: 0;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
opacity: 0;
}
.accslide .content .h1 {
color: #fff;
text-align: left;
}
.banner-buttons {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.banner-buttons.no-visible {
pointer-events: none;
opacity: 0;
}
@media (max-width: 500px) {
.banner-buttons {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
}
.banner-buttons .button {
width: 256px;
height: 64px;
margin-right: 25px;
}
@media (max-width: 1024px) {
.banner-buttons .button {
width: 175px;
height: 52px;
}
}
@media (hover: none) and (pointer: coarse) {
.banner-buttons .button {
width: 175px;
height: 52px;
}
}
@media (max-width: 500px) {
.banner-buttons .button {
margin-right: 0;
margin-bottom: 20px;
}
}
@media (max-width: 1024px) {
.banner-buttons .white-button {
width: 175px;
height: 52px;
}
}
@media (hover: none) and (pointer: coarse) {
.banner-buttons .white-button {
width: 175px;
height: 52px;
}
}
.banner-text {
font-weight: bold;
font-size: 30px;
line-height: 26px;
color: #fff;
margin-bottom: 45px;
}
@media (max-width: 1199px) {
.banner-text {
font-size: 24px;
}
}
.mobile-banner {
display: none;
position: relative;
}
.mobile-banner .slick-dots {
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 30px;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.mobile-banner .slick-dots li {
margin: 0 5px;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #f6f6f6;
}
.mobile-banner .slick-dots li.slick-active {
background-color: #f5aa24;
}
@media (max-width: 1024px) {
.mobile-banner {
display: block;
}
}
@media (hover: none) and (pointer: coarse) {
.mobile-banner {
display: block;
}
}
.mobile-banner .slide {
position: relative;
min-height: calc(100vh - 63px);
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.mobile-banner .slide .container {
position: relative;
z-index: 1;
}
.mobile-banner .slide:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(22, 24, 23, 0.4);
}
.mobile-banner h2, .mobile-banner p {
color: #fff;
}
@media (max-width: 500px) {
.mobile-banner h2, .mobile-banner p {
text-align: center;
}
}
@media (max-width: 767px) {
.mobile-banner h2 {
font-size: 40px;
line-height: 125%;
}
}
.earth_page .advantage-wrap {
border: none;
box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 15;
background-color: #fff;
}
.earth_page .park-block-wrap {
padding-bottom: 90px;
}
@media (max-width: 1024px) {
.earth_page .park-block-wrap {
padding-bottom: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.earth_page .park-block-wrap {
padding-bottom: 50px;
}
}
.earth_page .park-block-wrap:before {
content: initial;
}
.earth_page .park-block-wrap:after {
background-color: #f6f6f6;
width: 20%;
height: 45%;
left: initial;
top: initial;
right: 0;
bottom: 0;
}
.earth_page .works-block-wrap:after {
width: 20%;
right: 0;
left: initial;
height: 110%;
}
.earth_page .clients-wrap {
background-color: initial;
position: relative;
}
.earth_page .clients-wrap:after {
content: '';
position: absolute;
width: 20%;
height: 10%;
background-color: #f5aa24;
left: 0;
bottom: 0;
}
.earth_page .rent-block-wrap {
padding-bottom: 90px;
background-color: transparent;
}
@media (max-width: 1024px) {
.earth_page .rent-block-wrap {
padding-bottom: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.earth_page .rent-block-wrap {
padding-bottom: 50px;
}
}
.earth_page .rent-block .rent-item {
border: 1px solid #f6f6f6;
}
.blog-item_page .works-block-wrap {
padding-top: 90px;
}
@media (max-width: 1024px) {
.blog-item_page .works-block-wrap {
padding-top: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-item_page .works-block-wrap {
padding-top: 50px;
}
}
.blog-item_page .works-block-wrap:after {
content: initial;
}
.blog-item-body {
padding-top: 90px;
}
@media (max-width: 1024px) {
.blog-item-body {
padding-top: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-item-body {
padding-top: 50px;
}
}
.blog-item-body .img {
position: relative;
height: 530px;
margin-bottom: 20px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.blog-item-body .img {
height: 470px;
}
}
@media (max-width: 1199px) {
.blog-item-body .img {
height: 400px;
}
}
@media (max-width: 1024px) {
.blog-item-body .img {
height: 350px;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-item-body .img {
height: 350px;
}
}
@media (max-width: 767px) {
.blog-item-body .img {
height: 300px;
}
}
@media (max-width: 500px) {
.blog-item-body .img {
height: 270px;
}
}
.blog-item-body .img .date {
padding: 10px 20px 10px 10px;
position: absolute;
left: 20px;
bottom: 20px;
z-index: 1;
color: #fff;
background-color: #f5aa24;
clip-path: polygon(0 0, 91% 0, 100% 100%, 0% 100%);
}
.blog-body {
padding-top: 90px;
padding-bottom: 35px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
@media (max-width: 1024px) {
.blog-body {
padding-top: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-body {
padding-top: 50px;
}
}
.blog-body .column {
width: calc(50% - 16px);
}
@media (max-width: 1024px) {
.blog-body .column {
width: 100%;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-body .column {
width: 100%;
}
}
.blog-body .column:first-of-type {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-body .column:first-of-type .blog-item {
width: calc(50% - 16px);
margin: 0 8px 16px 8px;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) {
width: calc(100% - 16px);
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .blog-info {
padding-top: 274px;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .blog-info > * {
position: relative;
z-index: 2;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .title, .blog-body .column:first-of-type .blog-item:nth-child(3n+3) .description {
color: #fff;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .title p, .blog-body .column:first-of-type .blog-item:nth-child(3n+3) .description p {
color: #fff;
}
@media (max-width: 1024px) {
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .title, .blog-body .column:first-of-type .blog-item:nth-child(3n+3) .description {
color: #161817;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .title p, .blog-body .column:first-of-type .blog-item:nth-child(3n+3) .description p {
color: #161817;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .title, .blog-body .column:first-of-type .blog-item:nth-child(3n+3) .description {
color: #161817;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .title p, .blog-body .column:first-of-type .blog-item:nth-child(3n+3) .description p {
color: #161817;
}
}
@media (max-width: 1024px) {
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) {
width: calc(100% - 16px);
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .img {
position: relative;
height: 250px;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .blog-info {
padding-top: 24px;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .title, .blog-body .column:first-of-type .blog-item:nth-child(3n+3) .description {
color: #161817;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) {
width: calc(100% - 16px);
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .img {
position: relative;
height: 250px;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .blog-info {
padding-top: 24px;
}
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .title, .blog-body .column:first-of-type .blog-item:nth-child(3n+3) .description {
color: #161817;
}
}
@media (max-width: 600px) {
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .img {
height: 200px;
}
}
@media (max-width: 500px) {
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .blog-info {
padding-top: 10px;
}
}
@media (max-width: 450px) {
.blog-body .column:first-of-type .blog-item:nth-child(3n+3) .img {
height: 120px;
}
}
.blog-body .column:last-of-type {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-body .column:last-of-type .blog-item {
width: calc(50% - 16px);
margin: 0 8px 16px 8px;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) {
width: calc(100% - 16px);
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .blog-info {
padding-top: 274px;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .blog-info > * {
position: relative;
z-index: 2;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .title, .blog-body .column:last-of-type .blog-item:nth-child(3n-2) .description {
color: #fff;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .title p, .blog-body .column:last-of-type .blog-item:nth-child(3n-2) .description p {
color: #fff;
}
@media (max-width: 1024px) {
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .title, .blog-body .column:last-of-type .blog-item:nth-child(3n-2) .description {
color: #161817;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .title p, .blog-body .column:last-of-type .blog-item:nth-child(3n-2) .description p {
color: #161817;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .title, .blog-body .column:last-of-type .blog-item:nth-child(3n-2) .description {
color: #161817;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .title p, .blog-body .column:last-of-type .blog-item:nth-child(3n-2) .description p {
color: #161817;
}
}
@media (max-width: 1024px) {
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) {
width: calc(100% - 16px);
order: 1;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .img {
position: relative;
height: 250px;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .blog-info {
padding-top: 24px;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .title, .blog-body .column:last-of-type .blog-item:nth-child(3n-2) .description {
color: #161817;
}
}
@media (hover: none) and (pointer: coarse) {
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) {
width: calc(100% - 16px);
order: 1;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .img {
position: relative;
height: 250px;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .blog-info {
padding-top: 24px;
}
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .title, .blog-body .column:last-of-type .blog-item:nth-child(3n-2) .description {
color: #161817;
}
}
@media (max-width: 600px) {
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .img {
height: 200px;
}
}
@media (max-width: 500px) {
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .blog-info {
padding-top: 10px;
}
}
@media (max-width: 450px) {
.blog-body .column:last-of-type .blog-item:nth-child(3n-2) .img {
height: 120px;
}
}
.blog-body .blog-item {
position: relative;
background: #fff;
border: 1px solid #f6f6f6;
}
.blog-body .blog-item .img {
display: block;
position: relative;
height: 250px;
}
.blog-body .blog-item .img .date {
display: none;
}
@media (max-width: 500px) {
.blog-body .blog-item .img .date {
display: block;
position: absolute;
z-index: 3;
left: 10px;
bottom: 4px;
color: #fff;
}
}
@media (max-width: 600px) {
.blog-body .blog-item .img {
height: 200px;
}
}
@media (max-width: 450px) {
.blog-body .blog-item .img {
height: 120px;
}
}
.blog-body .blog-item .img img {
width: 100%;
height: 100%;
}
.blog-body .blog-item .img:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18.75%, rgba(0, 0, 0, 0.62) 100%);
}
.blog-body .blog-item .title {
font-weight: 500;
font-size: 18px;
line-height: 130%;
text-decoration: none;
color: #161817;
margin-bottom: 10px;
display: inline-block;
height: 47px;
overflow: hidden;
}
@media (max-width: 500px) {
.blog-body .blog-item .title {
font-size: 14px;
height: 54px;
}
}
.blog-body .blog-item .description {
font-size: 15px;
line-height: 147%;
margin-bottom: 15px;
height: 54px;
overflow: hidden;
}
@media (max-width: 450px) {
.blog-body .blog-item .description {
display: none;
}
}
.blog-body .blog-item .bottom-line {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media (max-width: 500px) {
.blog-body .blog-item .bottom-line {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.blog-body .blog-item .bottom-line .date {
display: none;
}
}
.blog-body .blog-item .date {
font-size: 14px;
line-height: 171%;
text-align: right;
color: #bfbfbf;
}
.blog-body .blog-item .blog-info {
padding: 24px 16px;
}
@media (max-width: 500px) {
.blog-body .blog-item .blog-info {
padding: 10px;
}
}
.bottom-block-wrap {
min-height: 530px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: relative;
}
.bottom-block-wrap:after {
content: '';
position: absolute;
right: 5%;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 75%;
width: 10%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/form-decor.png);
}
@media (min-width: 1200px) and (max-width: 1440px) {
.bottom-block-wrap:after {
content: initial;
}
}
@media (max-width: 1199px) {
.bottom-block-wrap:after {
content: initial;
}
}
@media (max-width: 1024px) {
.bottom-block-wrap {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: initial;
}
}
@media (hover: none) and (pointer: coarse) {
.bottom-block-wrap {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: initial;
}
}
.bottom-block-wrap #map {
width: 50%;
max-height: 670px;
height: auto;
}
@media (max-width: 1024px) {
.bottom-block-wrap #map {
width: 100%;
height: 350px;
}
}
@media (hover: none) and (pointer: coarse) {
.bottom-block-wrap #map {
width: 100%;
height: 350px;
}
}
.bottom-block-wrap .form {
width: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/form-bg.png);
}
@media (max-width: 1024px) {
.bottom-block-wrap .form {
width: 100%;
}
}
@media (hover: none) and (pointer: coarse) {
.bottom-block-wrap .form {
width: 100%;
}
}
.bottom-block-wrap .form-inner {
padding: 90px 0;
width: 560px;
color: #fff;
position: absolute;
right: calc(50% - 630px);
}
@media (min-width: 1200px) and (max-width: 1440px) {
.bottom-block-wrap .form-inner {
width: 480px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.bottom-block-wrap .form-inner {
right: calc(50% - 570px);
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.bottom-block-wrap .form-inner {
right: calc(50% - 485px);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bottom-block-wrap .form-inner {
right: calc(50% - 375px);
}
}
@media (max-width: 1199px) {
.bottom-block-wrap .form-inner {
width: 420px;
}
}
@media (max-width: 1024px) {
.bottom-block-wrap .form-inner {
position: initial;
right: initial;
width: 750px;
margin: auto;
padding: 50px 15px;
}
}
@media (hover: none) and (pointer: coarse) {
.bottom-block-wrap .form-inner {
position: initial;
right: initial;
width: 750px;
margin: auto;
padding: 50px 15px;
}
}
@media (max-width: 767px) {
.bottom-block-wrap .form-inner {
width: 100%;
}
}
.bottom-block-wrap .fields-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-bottom: 15px;
}
.bottom-block-wrap .fields-wrap .validation-field:nth-of-type(1), .bottom-block-wrap .fields-wrap .validation-field:nth-of-type(2) {
width: 49%;
}
.bottom-block-wrap .fields-wrap .validation-field:nth-of-type(3) {
width: 100%;
}
#map .gm-ui-hover-effect {
display: none !important;
}
#map .gm-style .gm-style-iw-c {
border-radius: 0 !important;
padding: 20px 10px 20px 35px !important;
}
#map .map-address {
font-weight: bold;
text-align: center;
}
#map .map-logo {
max-width: 146px;
width: 100%;
margin: auto;
margin-bottom: 10px;
}
#map .map-logo img {
max-width: 100%;
}
#map .map-div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
#map .gm-style-iw-d {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
#map .gm-style .gm-style-iw-t::after {
width: 35px !important;
height: 40px !important;
background: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/decor-hint.png) !important;
box-shadow: initial !important;
left: -19px !important;
top: -10px !important;
transform: initial !important;
}
@media (max-width: 1750px) {
.bottom-block-wrap:after {
display: none;
}
}
.equipment_page .advantage-wrap {
border: none;
box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 15;
background-color: #fff;
}
.equipment_page .rent-block-wrap {
background-color: transparent;
}
.equipment_page .rent-block-wrap:before {
top: initial;
bottom: 0;
height: 110%;
}
.equipment_page .about-wrap {
margin: 100px 0;
}
@media (max-width: 1024px) {
.equipment_page .about-wrap {
margin: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.equipment_page .about-wrap {
margin: 0;
}
}
.equipment_page .service-wrapper {
margin-bottom: 0;
padding: 90px 0;
}
@media (max-width: 1024px) {
.equipment_page .service-wrapper {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.equipment_page .service-wrapper {
padding: 50px 0;
}
}
.equipment_page .service-wrapper:after, .equipment_page .service-wrapper:before {
content: initial;
}
.equipment_page .clients-wrap {
background-color: #fff;
}
.equipment_page .rent-block .rent-item {
border: 1px solid #f6f6f6;
}
.read-more-block {
padding: 100px 0;
}
@media (max-width: 1024px) {
.read-more-block {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.read-more-block {
padding: 50px 0;
}
}
.read-more-block h2, .read-more-block .h2 {
margin-bottom: 24px;
text-transform: uppercase;
font-weight: 700;
font-size: 36px;
}
@media (max-width: 1024px) {
.read-more-block h2, .read-more-block .h2 {
font-size: 20px;
}
}
@media (hover: none) and (pointer: coarse) {
.read-more-block h2, .read-more-block .h2 {
font-size: 20px;
}
}
@media (max-width: 767px) {
.read-more-block h2, .read-more-block .h2 {
font-size: 17px;
margin-bottom: 20px;
}
}
.expand-toggle {
display: inline-block;
text-transform: uppercase;
}
.expander {
position: relative;
overflow: hidden;
max-height: 150px;
transition: max-height 0.5s ease-in-out;
-moz-transition: max-height 0.5s ease-in-out;
-webkit-transition: max-height 0.5s ease-in-out;
margin-bottom: 15px;
}
.expander:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(transparent 50%, #fff);
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
}
.expander.expanded:before {
opacity: 0;
}
.about-wrap {
background-color: #f6f6f6;
margin-bottom: 80px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.about-wrap.mobile {
display: none;
}
.about-wrap.mobile .about-item {
margin-left: 0;
}
.about-wrap.mobile .about-item:last-of-type {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.about-wrap {
margin-bottom: 50px;
}
.about-wrap.desktop {
display: none;
}
.about-wrap.mobile {
display: block;
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.about-wrap {
margin-bottom: 50px;
}
.about-wrap.desktop {
display: none;
}
.about-wrap.mobile {
display: block;
padding: 50px 0;
}
}
.about-wrap .about-img {
position: relative;
height: auto;
width: 840px;
}
@media (max-width: 1199px) {
.about-wrap .about-img {
width: 50%;
}
}
@media (max-width: 1024px) {
.about-wrap .about-img {
width: 100%;
height: 400px;
margin-bottom: 20px;
}
}
@media (hover: none) and (pointer: coarse) {
.about-wrap .about-img {
width: 100%;
height: 400px;
margin-bottom: 20px;
}
}
@media (max-width: 500px) {
.about-wrap .about-img {
height: 250px;
}
}
.about-wrap .about-text {
padding: 80px;
padding-right: 40px;
}
.about-wrap .about-item {
transition: all 0.5s;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-transform: translateY(30%);
-o-transform: translateY(30%);
-ms-transform: translateY(30%);
-webkit-transform: translateY(30%);
transform: translateY(30%);
opacity: 0;
position: relative;
padding-left: 120px;
margin-left: -120px;
margin-bottom: 30px;
min-height: 95px;
font-size: 18px;
line-height: 144%;
}
.about-wrap .about-item.animated {
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
@media (max-width: 767px) {
.about-wrap .about-item {
margin-bottom: 10px;
}
}
.about-wrap .about-item .icon {
position: absolute;
left: 0;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 15px 20px;
}
.about-wrap .about-item .icon img {
position: relative;
z-index: 1;
}
.about-wrap .about-item .icon:after {
content: '';
position: absolute;
left: -30px;
top: -30px;
width: calc(130% + 40px);
height: calc(140% + 30px);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.about_page .advantages .orange {
z-index: initial;
}
.about_page .advantages h2, .about_page .advantages .main {
z-index: 1;
position: relative;
}
.about_page .park-block-wrap {
background-color: #f6f6f6;
padding: 90px 0;
}
.about_page .park-block-wrap:after, .about_page .park-block-wrap:before {
content: initial;
}
@media (max-width: 1024px) {
.about_page .park-block-wrap {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.about_page .park-block-wrap {
padding: 50px 0;
}
}
.about_page .advantages {
background-color: #f6f6f6;
}
.about_page .clients-wrap {
background-color: initial;
position: relative; }
.about_page .works-block-wrap .decor {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.about_page .works-block-wrap .decor:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 20%;
background-color: #f6f6f6;
z-index: -1;
}
.about_page .works-block-wrap:after {
width: 20%;
left: initial;
right: 0;
height: 100%;
background-color: #f5aa24;
}
.about_page .works-block-wrap:before {
content: '';
position: absolute;
right: 3vw;
top: 50%;
width: 4vw;
height: 80vh;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
transform: translateY(-50%);
}
.about_page .works-block {
position: relative;
z-index: 4;
}
.about-video-line {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-bottom: 25px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.about-video-line .video-link {
display: none;
}
}
@media (max-width: 1199px) {
.about-video-line .video-link {
display: none;
}
}
.about-video-line br {
display: none;
}
@media (max-width: 500px) {
.about-video-line br {
display: block;
}
}
.about-video-line h2 {
margin-bottom: 0;
}
.about-text-wrap {
padding: 90px 0;
}
@media (max-width: 1024px) {
.about-text-wrap {
padding: 50px 0;
background-color: #f6f6f6;
}
}
@media (hover: none) and (pointer: coarse) {
.about-text-wrap {
padding: 50px 0;
background-color: #f6f6f6;
}
}
.about-text-area {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-left: calc(50% - 630px);
}
@media (min-width: 1200px) and (max-width: 1440px) {
.about-text-area {
padding-left: calc(50% - 625px);
}
}
@media (max-width: 1199px) {
.about-text-area {
padding-left: calc(50% - 540px);
}
}
@media (max-width: 1024px) {
.about-text-area {
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
width: 750px;
margin: auto;
padding: 0 15px;
}
}
@media (hover: none) and (pointer: coarse) {
.about-text-area {
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
width: 750px;
margin: auto;
padding: 0 15px;
}
}
@media (max-width: 767px) {
.about-text-area {
width: 100%;
}
}
.about-text-area .img {
overflow: hidden;
width: 65%;
}
@media (max-width: 1024px) {
.about-text-area .img {
width: 100%;
height: 300px;
}
}
@media (hover: none) and (pointer: coarse) {
.about-text-area .img {
width: 100%;
height: 300px;
}
}
.about-text-area .text {
width: 35%;
margin-top: 25px;
padding: 40px 30px 30px 40px;
background-color: #f6f6f6;
font-size: 18px;
line-height: 144%;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.about-text-area .text {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.about-text-area .text {
font-size: 14px;
}
}
.about-text-area .text .mob {
display: none;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.about-text-area .text .mob {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 30px;
}
}
@media (max-width: 1199px) {
.about-text-area .text .mob {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 30px;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.about-text-area .text {
width: 55%;
}
}
@media (max-width: 1199px) {
.about-text-area .text {
width: 65%;
}
}
@media (max-width: 1024px) {
.about-text-area .text {
padding: 0;
padding-top: 25px;
width: 100%;
margin-top: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.about-text-area .text {
padding: 0;
padding-top: 25px;
width: 100%;
margin-top: 0;
}
}
.history-block-wrap {
padding: 90px 0;
background-color: #f5aa24;
}
@media (max-width: 1024px) {
.history-block-wrap {
padding: 50px 0 75px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.history-block-wrap {
padding: 50px 0 75px 0;
}
}
.history-block-wrap .container {
position: relative;
height: 270px;
}
.history-slider {
height: 100%;
overflow: visible !important;
}
@media (max-width: 1024px) {
.history-slider {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
.history-slider {
display: none;
}
}
.history-slider:after {
content: '';
width: 100%;
height: 2px;
background: rgba(255, 255, 255, 0.25);
position: absolute;
left: 0;
top: calc(50% - 1px);
}
.history-slider .slick-list, .history-slider slick-track, .history-slider .slick-track {
height: 100%;
z-index: 1;
}
.history-slider .slick-arrow {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #fff;
top: calc(50% - 20px);
}
.history-slider .slick-next {
right: -20px;
}
.history-slider .slick-prev {
left: -20px;
}
.year {
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
padding-left: 15px;
padding-right: 30px;
margin-left: 60px;
position: relative;
}
.year:after {
content: '';
position: absolute;
left: 5px;
width: 2px;
background-color: #fff;
height: 50%;
top: 0;
}
.year:before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 6px);
width: 12px;
border-radius: 50%;
height: 12px;
background-color: #fff;
}
.year span {
font-weight: 900;
font-size: 48px;
line-height: 56px;
}
@media (max-width: 1024px) {
.year span {
font-size: 30px;
line-height: 35px;
}
}
@media (hover: none) and (pointer: coarse) {
.year span {
font-size: 30px;
line-height: 35px;
}
}
.year .text {
top: 0;
height: 90px;
position: absolute;
overflow: hidden;
}
.year:nth-of-type(2n) .text {
top: initial;
bottom: 0;
}
.year:nth-of-type(2n):after {
top: 50%;
}
.history-list {
display: none;
height: 300px;
padding-bottom: 35px;
position: relative;
}
.history-list .year {
margin-left: 50px;
position: relative;
z-index: 1;
}
.history-list .year:first-of-type {
margin-left: 0;
}
.history-list .text {
width: 290px;
}
@media (max-width: 1024px) {
.history-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
overflow: auto;
}
}
@media (hover: none) and (pointer: coarse) {
.history-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
overflow: auto;
}
}
.history-list::-webkit-scrollbar {
width: 4px; height: 4px; }
.history-list::-webkit-scrollbar-track {
background: #f6f6f6;
}
.history-list::-webkit-scrollbar-thumb {
background: #161817;
}
.line-wrap {
position: relative;
}
.line-wrap:after {
width: 100%;
height: 2px;
background: rgba(255, 255, 255, 0.25);
position: absolute;
left: 0;
top: calc(50% - 20px);
}
@media (max-width: 1024px) {
.line-wrap:after {
content: '';
}
}
@media (hover: none) and (pointer: coarse) {
.line-wrap:after {
content: '';
}
}
.contact-block {
padding: 90px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.contact-block {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.contact-block {
padding: 50px 0;
}
}
.contact-block .column {
padding-right: 20px;
}
.contact-block .column:nth-of-type(1), .contact-block .column:nth-of-type(2) {
width: 20%;
}
@media (max-width: 1199px) {
.contact-block .column:nth-of-type(1), .contact-block .column:nth-of-type(2) {
width: 50%;
margin-bottom: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.contact-block .column:nth-of-type(1), .contact-block .column:nth-of-type(2) {
width: 100%;
}
}
.contact-block .column:nth-of-type(1) a, .contact-block .column:nth-of-type(2) a {
display: inline-block;
text-decoration: none;
margin-bottom: 25px;
transition: color 0.2s;
position: relative;
padding-left: 20px;
color: #161817;
}
.contact-block .column:nth-of-type(1) a:before, .contact-block .column:nth-of-type(2) a:before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 7px);
width: 14px;
height: 14px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.contact-block .column:nth-of-type(1) a:last-of-type, .contact-block .column:nth-of-type(2) a:last-of-type {
margin-bottom: 0;
}
.contact-block .column:nth-of-type(1) a span, .contact-block .column:nth-of-type(2) a span {
font-weight: bold;
}
.contact-block .column:nth-of-type(3), .contact-block .column:nth-of-type(4) {
width: 30%;
}
@media (max-width: 1199px) {
.contact-block .column:nth-of-type(3), .contact-block .column:nth-of-type(4) {
width: 50%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.contact-block .column:nth-of-type(3), .contact-block .column:nth-of-type(4) {
width: 100%;
}
}
.contact-block .column:nth-of-type(3) {
margin-bottom: 20px;
}
.contact-block .contact-item {
font-size: 20px;
margin-bottom: 20px;
position: relative;
padding-left: 20px;
display: inline-block;
text-decoration: none;
color: #161817;
}
@media (max-width: 767px) {
.contact-block .contact-item {
font-size: 18px;
}
}
.contact-block .contact-item.lock, .contact-block .contact-item.address {
margin-bottom: 0;
}
.contact-block .contact-item:before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 7px);
width: 14px;
height: 14px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.contact-block-main {
background-color: #fff;
padding: 90px 0;
padding-left: calc(50% - 630px);
width: 50%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.contact-block-main {
padding-left: calc(50% - 550px);
}
}
@media (max-width: 1199px) {
.contact-block-main {
padding-left: calc(50% - 455px);
}
}
@media (max-width: 1024px) {
.contact-block-main {
width: 750px;
padding: 50px 15px;
margin: auto;
background-color: #f6f6f6;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
@media (hover: none) and (pointer: coarse) {
.contact-block-main {
width: 750px;
padding: 50px 15px;
margin: auto;
background-color: #f6f6f6;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.contact-block-main {
width: 100%;
}
}
.contact-block-main h2 {
width: 100%;
}
@media (max-width: 767px) {
.contact-block-main h2 {
text-align: center;
}
}
.contact-block-main .column {
width: 50%;
height: 100%;
padding-right: 60px;
}
@media (max-width: 1199px) {
.contact-block-main .column {
padding-right: 20px;
}
}
@media (max-width: 767px) {
.contact-block-main .column {
padding: 0;
width: 100%;
}
.contact-block-main .column:first-of-type {
margin-bottom: 25px;
}
}
.contact-block-main .item {
margin-bottom: 25px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.contact-block-main .item:last-of-type {
margin-bottom: 0;
}
@media (max-width: 767px) {
.contact-block-main .item {
margin-bottom: 10px;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
}
.contact-block-main .title {
font-size: 16px;
line-height: 19px;
color: #bfbfbf;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.contact-block-main .title {
font-size: 14px;
}
}
.contact-block-main .phone {
display: block;
padding-left: 26px;
position: relative;
font-size: 18px;
line-height: 23px;
text-decoration: none;
color: #161817;
margin-bottom: 10px;
}
@media (max-width: 1199px) {
.contact-block-main .phone {
font-size: 16px;
}
}
@media (max-width: 767px) {
.contact-block-main .phone {
font-size: 14px;
}
}
.contact-block-main .phone:before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 8px);
width: 16px;
height: 16px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.contact-block-main .phone.address {
white-space: nowrap;
}
.contact-block-main .phone:last-of-type {
margin-bottom: 0;
}
.contact-block-main .phone span {
font-weight: bold;
margin-right: 4px;
}
.form-block {
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/form-bg.png);
padding: 90px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 1024px) {
.form-block {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.form-block {
padding: 50px 0;
}
}
.form-block .form-title, .form-block .form-text {
color: #fff;
}
.form-block .fields-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.form-block .fields-wrap {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
@media (hover: none) and (pointer: coarse) {
.form-block .fields-wrap {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.form-block .fields-wrap .validation-field:nth-of-type(1), .form-block .fields-wrap .validation-field:nth-of-type(2) {
width: 24%;
margin-right: 16px;
}
@media (max-width: 1024px) {
.form-block .fields-wrap .validation-field:nth-of-type(1), .form-block .fields-wrap .validation-field:nth-of-type(2) {
width: 100%;
max-width: 300px;
margin: auto;
}
}
@media (hover: none) and (pointer: coarse) {
.form-block .fields-wrap .validation-field:nth-of-type(1), .form-block .fields-wrap .validation-field:nth-of-type(2) {
width: 100%;
max-width: 300px;
margin: auto;
}
}
.form-block .fields-wrap .validation-field:nth-of-type(3) {
width: 50%;
}
@media (max-width: 1024px) {
.form-block .fields-wrap .validation-field:nth-of-type(3) {
width: 100%;
max-width: 300px;
margin: auto;
}
}
@media (hover: none) and (pointer: coarse) {
.form-block .fields-wrap .validation-field:nth-of-type(3) {
width: 100%;
max-width: 300px;
margin: auto;
}
}
.form-block .checkbox-confirm {
margin: 0 0 17px 0;
}
.form-block .checkbox-confirm .checkbox {
background-position: 51% 3%;
}
.contact-footer footer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.contact-footer .bottom-block-wrap {
order: -1;
}
footer {
background-color: #f6f6f6;
}
footer .footer-top {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 50px 0;
border-bottom: 1px solid rgba(22, 24, 23, 0.08);
}
@media (max-width: 1024px) {
footer .footer-top {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
footer .footer-top {
display: none;
}
}
footer .footer-top .column {
width: 20%;
}
@media (max-width: 1024px) {
footer .footer-top .column {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
@media (hover: none) and (pointer: coarse) {
footer .footer-top .column {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
footer .footer-top .column:last-of-type {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
}
@media (max-width: 1024px) {
footer .footer-top .column:last-of-type {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
@media (hover: none) and (pointer: coarse) {
footer .footer-top .column:last-of-type {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
footer .footer-top .worktime {
font-size: 15px;
}
footer .footer-top .worktime span {
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
}
footer .footer-top .worktime span, footer .footer-top .worktime span a {
font-weight: 500;
font-size: 16px;
color: #161817;
text-decoration: none;
}
@media (max-width: 1199px) {
footer .footer-top .worktime span, footer .footer-top .worktime span a {
font-size: 14px;
}
}
footer .footer-top .footer-title {
font-weight: 500;
font-size: 24px;
cursor: pointer;
position: relative;
padding-bottom: 25px;
display: none;
}
@media (max-width: 1024px) {
footer .footer-top .footer-title {
display: block;
}
}
@media (hover: none) and (pointer: coarse) {
footer .footer-top .footer-title {
display: block;
}
}
@media (max-width: 1024px) {
footer .footer-top .footer-title + div {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
footer .footer-top .footer-title + div {
display: none;
}
}
footer .footer-top .footer-title.open:after {
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
footer .footer-top .footer-title:after {
content: '';
position: absolute;
right: calc(50% - 15px);
bottom: 10px;
width: 30px;
height: 15px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition: all 0.4s;
}
footer .footer-bottom {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 25px 0;
font-size: 14px;
line-height: 16px;
text-decoration: none;
color: #161817;
}
@media (max-width: 1024px) {
footer .footer-bottom {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 0;
}
}
@media (hover: none) and (pointer: coarse) {
footer .footer-bottom {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 0;
}
}
footer .footer-bottom .column {
width: 25%;
}
@media (max-width: 1024px) {
footer .footer-bottom .column {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin-bottom: 15px;
}
footer .footer-bottom .column:last-of-type {
margin-bottom: 0;
}
}
@media (hover: none) and (pointer: coarse) {
footer .footer-bottom .column {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin-bottom: 15px;
}
footer .footer-bottom .column:last-of-type {
margin-bottom: 0;
}
}
footer .footer-bottom .column:last-of-type {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
}
@media (max-width: 1024px) {
footer .footer-bottom .column:last-of-type {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
@media (hover: none) and (pointer: coarse) {
footer .footer-bottom .column:last-of-type {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
footer .phones {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
footer .phones a {
font-size: 16px;
color: #161817;
margin-right: 0;
margin-bottom: 15px;
text-align: right;
}
@media (max-width: 1199px) {
footer .phones a {
font-size: 14px;
}
}
footer .menu {
margin: 0;
}
footer .menu .menu-item {
margin-left: 0;
margin-bottom: 18px;
list-style: none;
}
footer .menu .menu-item:last-of-type {
margin-bottom: 0;
}
footer .menu .menu-link {
color: #161817;
text-decoration: none;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
}
footer .logo img {
max-width: 170px;
}
@media (max-width: 1199px) {
footer .logo img {
max-width: 150px;
margin-bottom: 15px;
}
}
footer .footer-link {
font-size: 14px;
line-height: 16px;
text-decoration: none;
color: #161817;
}
footer .ms-link {
font-weight: bold;
text-decoration: none;
}
@media (max-width: 1199px) {
footer .ms-link-column {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
}
@media (max-width: 1024px) {
footer .ms-link-column {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (hover: none) and (pointer: coarse) {
footer .ms-link-column {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.mob-footer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.service-wrapper {
position: relative;
padding-bottom: 60px;
margin-bottom: 45px;
}
@media (max-width: 1024px) {
.service-wrapper {
padding-bottom: 50px;
margin-bottom: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.service-wrapper {
padding-bottom: 50px;
margin-bottom: 0;
}
}
.service-wrapper:after {
content: '';
position: absolute;
right: 0;
top: -10%;
width: 25%;
height: 100%;
background-color: #f5aa24;
z-index: -2;
}
.service-wrapper:before {
content: '';
position: absolute;
right: 3vw;
top: 50%;
width: 4vw;
height: 80vh;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
transform: translateY(-50%);
}
.service-block {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
.service-block .service {
position: relative;
display: block;
background-size: cover;
background-position: center;
}
.service-block .service.service-1, .service-block .service.service-2 {
height: 328px;
width: calc(50% - 16px);
margin: 0 8px;
margin-bottom: 16px;
}
@media (max-width: 1199px) {
.service-block .service.service-1, .service-block .service.service-2 {
height: 220px;
}
}
@media (max-width: 1024px) {
.service-block .service.service-1, .service-block .service.service-2 {
width: calc(50% - 16px);
height: 220px;
}
}
@media (hover: none) and (pointer: coarse) {
.service-block .service.service-1, .service-block .service.service-2 {
width: calc(50% - 16px);
height: 220px;
}
}
@media (max-width: 500px) {
.service-block .service.service-1, .service-block .service.service-2 {
height: 180px;
}
}
.service-block .service.service-3, .service-block .service.service-4, .service-block .service.service-5 {
height: 328px;
width: calc(33.33% - 16px);
margin: 0 8px;
margin-bottom: 16px;
}
@media (max-width: 1199px) {
.service-block .service.service-3, .service-block .service.service-4, .service-block .service.service-5 {
height: 220px;
}
}
@media (max-width: 1024px) {
.service-block .service.service-3, .service-block .service.service-4, .service-block .service.service-5 {
width: calc(50% - 16px);
height: 220px;
}
}
@media (hover: none) and (pointer: coarse) {
.service-block .service.service-3, .service-block .service.service-4, .service-block .service.service-5 {
width: calc(50% - 16px);
height: 220px;
}
}
@media (max-width: 500px) {
.service-block .service.service-3, .service-block .service.service-4, .service-block .service.service-5 {
height: 180px;
}
}
.service-block .service.service-6 {
width: 100%;
height: 400px;
margin: 0 8px 16px 8px;
}
@media (max-width: 1199px) {
.service-block .service.service-6 {
height: 300px;
}
}
@media (max-width: 1024px) {
.service-block .service.service-6 {
width: calc(50% - 16px);
height: 220px;
}
}
@media (hover: none) and (pointer: coarse) {
.service-block .service.service-6 {
width: calc(50% - 16px);
height: 220px;
}
}
@media (max-width: 500px) {
.service-block .service.service-6 {
height: 180px;
}
}
.service-block .service .title {
font-weight: 500;
font-size: 20px;
line-height: 23px;
color: #fff;
position: absolute;
z-index: 1;
bottom: 20px;
left: 0;
padding-left: 40px;
padding-right: 10px;
}
@media (max-width: 1024px) {
.service-block .service .title {
font-size: 16px;
line-height: 20px;
}
}
@media (hover: none) and (pointer: coarse) {
.service-block .service .title {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 450px) {
.service-block .service .title {
font-size: 14px;
line-height: 18px;
padding-left: 22px;
}
}
.service-block .service .title:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 20px;
background-position: left center;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.service-block .service .title:after {
width: 18px;
top: 3px;
height: 10px;
}
}
.service-block .service:hover:after {
opacity: 0.5;
}
.service-block .service:hover:before {
opacity: 1;
}
.service-block .service:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
transition: all 0.4s;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 450px) {
.service-block .service:after {
width: calc(100% + 1px);
}
}
.service-block .service:before {
content: '';
position: absolute;
left: -4px;
top: -4px;
width: calc(100% + 8px);
transition: all 0.4s;
background-color: #f5aa24;
height: calc(100% + 8px);
opacity: 0;
z-index: -1;
}
.service-block .service img {
z-index: -1;
width: 100%;
height: 100%;
}
.service-preview {
position: relative;
height: 320px;
overflow: hidden;
}
@media (max-width: 767px) {
.service-preview {
height: 250px;
}
}
.service-preview:hover .info {
left: -2px;
}
.service-preview:hover .bottom .rent {
left: 0;
clip-path: initial;
}
.service-preview:hover .bottom .rent:after {
opacity: 0;
}
.service-preview .bottom {
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
z-index: 4;
width: 100%;
background-color: #161817;
border-top: 2px solid #f5aa24;
color: #fff;
font-weight: 500;
font-size: 18px;
padding: 20px;
padding-left: 65px;
}
.service-preview .bottom .name {
height: 40px;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 767px) {
.service-preview .bottom {
padding-left: 80px;
}
}
@media (max-width: 500px) {
.service-preview .bottom {
font-size: 14px;
padding: 10px;
padding-left: 50px;
}
.service-preview .bottom .name {
height: 33px;
}
}
.service-preview .bottom .rent {
text-decoration: none;
clip-path: polygon(0 0, 97% 0, 100% 100%, 0% 100%);
background-color: #f5aa24;
position: absolute;
width: 100%;
height: 100%;
left: -86%;
top: 0;
transition: all 0.3s;
color: #161817;
font-weight: 500;
font-size: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
text-transform: uppercase;
}
@media (max-width: 500px) {
.service-preview .bottom .rent {
font-size: 16px;
}
}
.service-preview .bottom .rent:after {
content: '';
position: absolute;
right: 20px;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
height: 20px;
background-position: center;
transition: all 0.3s;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 500px) {
.service-preview .bottom .rent:after {
height: 15px;
right: 12px;
}
}
.service-preview .info {
position: absolute;
left: calc(-100% - 4px);
top: 0;
width: calc(100% + 4px);
height: 100%;
max-height: 100%;
overflow-y: auto;
background: linear-gradient(0deg, rgba(22, 24, 23, 0.6), rgba(22, 24, 23, 0.6));
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #fff;
padding: 25px;
padding-bottom: 90px;
z-index: 3;
transition: all 0.3s;
}
.service-preview .info::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.service-preview .info::-webkit-scrollbar-thumb {
background: #f5aa24;
}
.service-preview .info::-webkit-scrollbar-track {
background: #f6f6f6;
}
.service-preview .info .info-top {
font-weight: bold;
font-size: 16px;
padding-bottom: 14px;
border-bottom: 2px solid #f5aa24;
margin-bottom: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media (max-width: 500px) {
.service-preview .info .info-top {
font-size: 14px;
}
}
.service-preview .info .info-top span:nth-of-type(2) {
text-align: right;
}
.service-preview .info .info-line {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
font-size: 14px;
line-height: 26px;
margin-bottom: 10px;
}
@media (max-width: 500px) {
.service-preview .info .info-line {
font-size: 12px;
}
}
.service-preview .info .info-line span:nth-of-type(2) {
text-align: right;
}
.popular-services-wrap {
padding: 90px 0 50px 0;
}
@media (max-width: 1024px) {
.popular-services-wrap {
padding: 50px 0 0 0;
}
}
@media (hover: none) and (pointer: coarse) {
.popular-services-wrap {
padding: 50px 0 0 0;
}
}
.popular-slider .new-slide {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 -6px;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.popular-slider .service-preview {
margin: 0 8px;
width: calc(33.33% - 16px);
}
@media (max-width: 1024px) {
.popular-slider .service-preview:nth-of-type(1), .popular-slider .service-preview:nth-of-type(2) {
width: calc(50% - 16px);
margin-bottom: 15px;
}
.popular-slider .service-preview:nth-of-type(3) {
width: calc(100% - 16px);
}
.popular-slider .service-preview:nth-of-type(3):hover .bottom .rent {
left: 0;
}
.popular-slider .service-preview:nth-of-type(3) .bottom .rent {
left: -92%;
}
}
@media (hover: none) and (pointer: coarse) {
.popular-slider .service-preview:nth-of-type(1), .popular-slider .service-preview:nth-of-type(2) {
width: calc(50% - 16px);
margin-bottom: 15px;
}
.popular-slider .service-preview:nth-of-type(3) {
width: calc(100% - 16px);
}
.popular-slider .service-preview:nth-of-type(3):hover .bottom .rent {
left: 0;
}
.popular-slider .service-preview:nth-of-type(3) .bottom .rent {
left: -92%;
}
}
@media (max-width: 767px) {
.popular-slider .service-preview:nth-of-type(1), .popular-slider .service-preview:nth-of-type(2), .popular-slider .service-preview:nth-of-type(3) {
width: calc(100% - 16px);
}
.popular-slider .service-preview:nth-of-type(1):hover .bottom .rent, .popular-slider .service-preview:nth-of-type(2):hover .bottom .rent, .popular-slider .service-preview:nth-of-type(3):hover .bottom .rent {
left: 0;
}
.popular-slider .service-preview:nth-of-type(1) .bottom .rent, .popular-slider .service-preview:nth-of-type(2) .bottom .rent, .popular-slider .service-preview:nth-of-type(3) .bottom .rent {
left: -86%;
}
}
.steps-wrap {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/steps.png);
padding: 90px 0;
}
@media (max-width: 1024px) {
.steps-wrap {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.steps-wrap {
padding: 50px 0;
}
}
.steps-wrap .button_header {
color: #fff;
}
.steps-wrap .button_header:hover {
color: #161817;
}
.steps-wrap .button_header.mob {
display: none;
}
@media (max-width: 1024px) {
.steps-wrap .button_header {
display: none;
}
.steps-wrap .button_header.mob {
display: inline-block;
}
}
@media (hover: none) and (pointer: coarse) {
.steps-wrap .button_header {
display: none;
}
.steps-wrap .button_header.mob {
display: inline-block;
}
}
.steps-wrap h2, .steps-wrap h2 span {
color: #fff;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.steps-wrap h2, .steps-wrap h2 span {
margin-bottom: 30px;
}
}
.steps-wrap .step-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.steps-wrap .step-list.animated .step {
opacity: 1;
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.steps-wrap .step {
width: 25%;
opacity: 0;
transition: all 0.4s;
-moz-transform: translateX(-30%);
-o-transform: translateX(-30%);
-ms-transform: translateX(-30%);
-webkit-transform: translateX(-30%);
transform: translateX(-30%);
}
.steps-wrap .step:nth-child(1) {
transition-delay: calc(.2s * 1);
}
.steps-wrap .step:nth-child(2) {
transition-delay: calc(.2s * 2);
}
.steps-wrap .step:nth-child(3) {
transition-delay: calc(.2s * 3);
}
.steps-wrap .step:nth-child(4) {
transition-delay: calc(.2s * 4);
}
@media (max-width: 1024px) {
.steps-wrap .step {
width: 50%;
margin-bottom: 30px;
}
.steps-wrap .step .step-top:after {
content: initial;
}
.steps-wrap .step:last-of-type .button_header {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
.steps-wrap .step {
width: 50%;
margin-bottom: 30px;
}
.steps-wrap .step .step-top:after {
content: initial;
}
.steps-wrap .step:last-of-type .button_header {
display: none;
}
}
@media (max-width: 500px) {
.steps-wrap .step {
width: 100%;
}
}
.steps-wrap .step .icon {
width: 55px;
height: 55px;
margin-right: 15px;
}
.steps-wrap .step:last-of-type .text {
margin-bottom: 35px;
}
@media (max-width: 1024px) {
.steps-wrap .step:last-of-type .text {
margin-bottom: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.steps-wrap .step:last-of-type .text {
margin-bottom: 0;
}
}
.steps-wrap .step:last-of-type .step-top:after {
content: initial;
}
.steps-wrap .step-top {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 10px;
position: relative;
}
.steps-wrap .step-top:after {
content: '';
position: absolute;
top: calc(50% - 9px);
right: 20px;
width: 200px;
height: 18px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.steps-wrap .text {
display: block;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #fff;
padding-right: 30px;
}
.steps-wrap .number {
font-weight: bold;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
color: #fff;
}
.steps-wrap .button_header {
display: inline-block;
}
.project_page .works-block-wrap {
padding-top: 90px;
}
@media (max-width: 1024px) {
.project_page .works-block-wrap {
padding-top: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.project_page .works-block-wrap {
padding-top: 50px;
}
}
.project_page .works-block-wrap:after {
content: initial;
}
.project-slider {
position: relative;
overflow: visible !important;
}
.project-slider .slick-list {
margin: 0 -8px;
}
@media (max-width: 767px) {
.project-slider .slick-list {
padding-right: 20%;
margin: 0;
margin-left: -8px;
}
}
.project-slider:after {
content: '';
position: absolute;
left: -80px;
top: 60px;
width: calc(100% + 160px);
height: calc(100% - 60px);
background-color: #f5aa24;
z-index: -1;
}
@media (max-width: 1024px) {
.project-slider:after {
left: -72px;
width: calc(100% + 144px);
height: calc(100% - 60px);
}
}
@media (hover: none) and (pointer: coarse) {
.project-slider:after {
left: -72px;
width: calc(100% + 144px);
height: calc(100% - 60px);
}
}
.project-slider a {
display: block;
position: relative;
height: 375px;
margin: 0 8px;
}
@media (max-width: 1024px) {
.project-slider a {
height: 250px;
}
}
@media (hover: none) and (pointer: coarse) {
.project-slider a {
height: 250px;
}
}
@media (max-width: 767px) {
.project-slider a {
height: 200px;
}
}
.project-slider .slick-arrow {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #fff;
top: calc(50% - 20px);
}
@media (max-width: 767px) {
.project-slider .slick-arrow {
display: none;
}
}
.project-slider .slick-next {
right: -20px;
}
.project-slider .slick-prev {
left: -20px;
}
.project-info-wrap {
padding: 90px 0;
overflow: hidden;
}
@media (max-width: 1024px) {
.project-info-wrap {
padding: 50px 0;
padding-bottom: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.project-info-wrap {
padding: 50px 0;
padding-bottom: 0;
}
}
.project-info-wrap .info-line {
position: relative;
padding-bottom: 90px;
padding-top: 16px;
margin: 0 -8px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (max-width: 1024px) {
.project-info-wrap .info-line {
padding-bottom: 50px;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.project-info-wrap .info-line {
padding-bottom: 50px;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
}
.project-info-wrap .info-line:after {
content: '';
position: absolute;
left: -72px;
top: 0;
width: calc(100% + 144px);
height: 100%;
background-color: #f5aa24;
z-index: -1;
}
.project-info-wrap .info-line .left, .project-info-wrap .info-line .right {
width: calc(50% - 16px);
margin: 0 8px;
}
@media (max-width: 1024px) {
.project-info-wrap .info-line .left, .project-info-wrap .info-line .right {
width: 100%;
margin: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.project-info-wrap .info-line .left, .project-info-wrap .info-line .right {
width: 100%;
margin: 0;
}
}
@media (max-width: 1024px) {
.project-info-wrap .info-line .right {
order: -1;
height: 250px;
margin-bottom: 16px;
}
}
@media (hover: none) and (pointer: coarse) {
.project-info-wrap .info-line .right {
order: -1;
height: 250px;
margin-bottom: 16px;
}
}
@media (max-width: 767px) {
.project-info-wrap .info-line .right {
height: 200px;
}
}
.project-info-wrap .info-line .title {
padding: 22px;
background-color: #fff;
font-weight: bold;
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
text-align: center;
color: #161817;
}
@media (max-width: 767px) {
.project-info-wrap .info-line .title {
font-size: 14px;
padding: 10px;
}
}
.project-info-wrap .info-line .line {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
padding: 14px;
border-bottom: 2px solid #fff;
}
.project-info-wrap .info-line .line span {
max-width: 50%;
}
@media (max-width: 767px) {
.project-info-wrap .info-line .line span {
font-size: 14px;
}
}
.project-info-wrap .info-line .line span:first-of-type {
padding-right: 15px;
}
.project-info-wrap .info-line .line span:last-of-type {
text-align: right;
}
.rent-block-wrap {
position: relative;
padding: 100px 0 50px 0;
background-color: #f6f6f6;
}
@media (max-width: 1024px) {
.rent-block-wrap {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-block-wrap {
padding: 50px 0;
}
}
.rent-block-wrap:after {
content: '';
position: absolute;
left: 3vw;
top: 50%;
transform: translateY(-50%);
width: 4vw;
height: 80%;
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
}
.rent-block-wrap:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20%;
height: 100%;
background-color: #f5aa24;
}
@media (max-width: 500px) {
.rent-block-wrap:before {
height: 98%;
}
}
.rent-block-wrap .container {
position: relative;
z-index: 1;
}
.rent-block {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0 -8px;
}
.rent-block .rent-item {
display: block;
text-decoration: none;
position: relative;
margin: 0 8px;
margin-bottom: 16px;
background-color: #fff;
color: #161817;
padding: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media (max-width: 500px) {
.rent-block .rent-item {
padding: 10px;
}
}
.rent-block .rent-item img {
object-fit: contain;
max-height: 85%;
}
@media (max-width: 767px) {
.rent-block .rent-item img {
max-height: 75%;
}
}
@media (max-width: 500px) {
.rent-block .rent-item img {
max-height: 60%;
}
}
.rent-block .rent-item:before {
content: '';
position: absolute;
left: -4px;
top: -4px;
width: calc(100% + 8px);
transition: all 0.4s;
background-color: #f5aa24;
height: calc(100% + 8px);
opacity: 0;
z-index: -1;
}
.rent-block .rent-item:hover:before {
opacity: 1;
}
.rent-block .rent-item:nth-of-type(1), .rent-block .rent-item:nth-of-type(2), .rent-block .rent-item:nth-of-type(3), .rent-block .rent-item:nth-of-type(7), .rent-block .rent-item:nth-of-type(6), .rent-block .rent-item:nth-of-type(8) {
width: calc(33.33% - 16px);
height: 300px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.rent-block .rent-item:nth-of-type(1), .rent-block .rent-item:nth-of-type(2), .rent-block .rent-item:nth-of-type(3), .rent-block .rent-item:nth-of-type(7), .rent-block .rent-item:nth-of-type(6), .rent-block .rent-item:nth-of-type(8) {
height: 250px;
}
}
@media (max-width: 1199px) {
.rent-block .rent-item:nth-of-type(1), .rent-block .rent-item:nth-of-type(2), .rent-block .rent-item:nth-of-type(3), .rent-block .rent-item:nth-of-type(7), .rent-block .rent-item:nth-of-type(6), .rent-block .rent-item:nth-of-type(8) {
height: 230px;
}
}
@media (max-width: 1024px) {
.rent-block .rent-item:nth-of-type(1), .rent-block .rent-item:nth-of-type(2), .rent-block .rent-item:nth-of-type(3), .rent-block .rent-item:nth-of-type(7), .rent-block .rent-item:nth-of-type(6), .rent-block .rent-item:nth-of-type(8) {
width: calc(50% - 16px);
height: 250px;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-block .rent-item:nth-of-type(1), .rent-block .rent-item:nth-of-type(2), .rent-block .rent-item:nth-of-type(3), .rent-block .rent-item:nth-of-type(7), .rent-block .rent-item:nth-of-type(6), .rent-block .rent-item:nth-of-type(8) {
width: calc(50% - 16px);
height: 250px;
}
}
@media (max-width: 767px) {
.rent-block .rent-item:nth-of-type(1), .rent-block .rent-item:nth-of-type(2), .rent-block .rent-item:nth-of-type(3), .rent-block .rent-item:nth-of-type(7), .rent-block .rent-item:nth-of-type(6), .rent-block .rent-item:nth-of-type(8) {
width: calc(50% - 16px);
height: 200px;
}
}
.rent-block .rent-item:nth-of-type(4), .rent-block .rent-item:nth-of-type(5) {
width: calc(50% - 16px);
height: 400px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.rent-block .rent-item:nth-of-type(4), .rent-block .rent-item:nth-of-type(5) {
height: 300px;
}
}
@media (max-width: 1199px) {
.rent-block .rent-item:nth-of-type(4), .rent-block .rent-item:nth-of-type(5) {
height: 270px;
}
}
@media (max-width: 1024px) {
.rent-block .rent-item:nth-of-type(4), .rent-block .rent-item:nth-of-type(5) {
width: calc(50% - 16px);
height: 250px;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-block .rent-item:nth-of-type(4), .rent-block .rent-item:nth-of-type(5) {
width: calc(50% - 16px);
height: 250px;
}
}
@media (max-width: 767px) {
.rent-block .rent-item:nth-of-type(4), .rent-block .rent-item:nth-of-type(5) {
width: calc(50% - 16px);
height: 200px;
}
}
.rent-block .rent-item .title {
display: block;
}
@media (max-width: 767px) {
.rent-block .rent-item .title {
margin-bottom: 10px;
}
}
@media (max-width: 500px) {
.rent-block .rent-item .title {
font-size: 14px;
}
}
.rent-block .rent-item .rent-info {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (max-width: 767px) {
.rent-block .rent-item .rent-info {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.rent-block .rent-item .rent-info .price {
margin-left: auto;
}
@media (max-width: 767px) {
.rent-block .rent-item .rent-info .price {
margin-left: 0;
}
}
@media (max-width: 500px) {
.rent-block .rent-item .rent-info .price {
font-size: 14px;
}
}
.video-line {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 30px;
position: relative;
}
@media (max-width: 500px) {
.video-line .video-link {
display: none;
}
}
.video-line br {
display: none;
}
@media (max-width: 767px) {
.video-line br {
display: block;
}
}
.video-line:after {
content: '';
position: absolute;
top: 28px;
width: 366px;
height: 5px;
background-color: #f5aa24;
right: 176px;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.video-line:after {
width: 210px;
}
}
@media (max-width: 1199px) {
.video-line:after {
content: initial;
}
}
.video-line h2 {
margin-bottom: 0;
}
.video-link {
position: relative;
padding-right: 40px;
font-weight: bold;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #161817;
text-decoration: none;
}
.video-link:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #161817;
right: 7.5px;
top: 20%;
z-index: 1;
}
.video-link:after {
content: '';
position: absolute;
right: 0;
top: calc(50% - 15px);
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #f5aa24;
box-shadow: 2px 0px 33px rgba(245, 170, 36, 0.7);
}
.rent-video-mob {
display: none;
padding: 15px 0;
}
@media (max-width: 500px) {
.rent-video-mob {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
.rent-item_page .works-block-wrap {
padding-top: 90px;
padding-bottom: 40px;
}
@media (max-width: 1024px) {
.rent-item_page .works-block-wrap {
padding-top: 50px;
padding-bottom: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-item_page .works-block-wrap {
padding-top: 50px;
padding-bottom: 0;
}
}
.rent-item_page .works-block-wrap:after {
content: initial;
}
.rent-item_page .clients-wrap {
background-color: transparent;
}
.rent-item_page .advantage-wrap {
border: none;
background: #fff;
box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.1);
}
.park-block-wrap {
padding-top: 40px;
position: relative;
}
.park-block-wrap:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20%;
height: 133%;
background-color: #f5aa24;
z-index: -1;
}
@media (max-width: 1024px) {
.park-block-wrap:after {
content: initial;
}
}
@media (hover: none) and (pointer: coarse) {
.park-block-wrap:after {
content: initial;
}
}
.park-block-wrap:before {
content: '';
position: absolute;
left: 3vw;
top: 50%;
transform: translateY(-50%);
width: 4vw;
height: 80%;
z-index: 1;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/park decor.png);
}
@media (max-width: 1024px) {
.park-block-wrap:before {
content: initial;
}
}
@media (hover: none) and (pointer: coarse) {
.park-block-wrap:before {
content: initial;
}
}
.park-block {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
.park-block .park-item {
width: calc(33.33% - 16px);
margin: 0 8px 18px 8px;
background: #fff;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
padding: 30px;
}
@media (max-width: 1024px) {
.park-block .park-item {
padding: 15px;
width: calc(50% - 16px);
}
}
@media (hover: none) and (pointer: coarse) {
.park-block .park-item {
padding: 15px;
width: calc(50% - 16px);
}
}
@media (max-width: 500px) {
.park-block .park-item {
padding: 15px;
width: 100%;
}
}
.park-block .park-item .icon {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 10px;
}
.park-block .park-item .icon .count {
font-weight: bold;
font-size: 48px;
line-height: 56px;
text-align: center;
text-transform: uppercase;
margin-left: 10px;
}
@media (max-width: 1199px) {
.park-block .park-item .icon .count {
font-size: 36px;
line-height: 48px;
}
}
.park-block .park-item .icon img {
width: 55px;
}
.park-block .park-item .title {
font-weight: 500;
font-size: 20px;
line-height: 23px;
margin-bottom: 10px;
}
.park-block .park-item .text {
font-size: 15px;
line-height: 22px;
}
.park-block .park-item.last {
background: #f5aa24;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
text-decoration: none;
color: #161817;
}
.park-block .park-item.last svg path {
transition: all 0.2s;
}
.park-block .park-item.last:hover svg path {
stroke-opacity: 1;
}
@media (max-width: 1199px) {
.park-block .park-item.last {
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
.park-block .park-item.last .title {
font-weight: bold;
font-size: 20px;
line-height: 140%;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.park-block .park-item.last .title {
text-align: center;
width: 100%;
}
}
.park-block .park-item.last .icon {
width: 100%;
}
@media (max-width: 1199px) {
.park-block .park-item.last .icon {
width: 70%;
}
}
@media (max-width: 1024px) {
.park-block .park-item.last .icon {
width: 50%;
}
}
@media (hover: none) and (pointer: coarse) {
.park-block .park-item.last .icon {
width: 50%;
}
}
.park-block .park-item.last .icon img {
width: 100%;
}
.park-line {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 40px;
}
@media (max-width: 1024px) {
.park-line {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (hover: none) and (pointer: coarse) {
.park-line {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.park-line h2 {
margin-bottom: 0;
width: 40%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
@media (max-width: 1199px) {
.park-line h2 {
width: 50%;
}
}
@media (max-width: 1024px) {
.park-line h2 {
width: 100%;
display: block;
}
}
@media (hover: none) and (pointer: coarse) {
.park-line h2 {
width: 100%;
display: block;
}
}
.park-line .park-text {
width: 60%;
font-size: 18px;
padding-left: 30px;
line-height: 26px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
border-left: 4px solid #f5aa24;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.park-line .park-text {
padding-left: 15px;
}
}
@media (max-width: 1199px) {
.park-line .park-text {
width: 50%;
}
}
@media (max-width: 1024px) {
.park-line .park-text {
width: 100%;
border-left: none;
border-top: 2px solid #f5aa24;
padding-left: 0;
padding-top: 15px;
margin-top: 20px;
font-size: 14px;
}
}
@media (hover: none) and (pointer: coarse) {
.park-line .park-text {
width: 100%;
border-left: none;
border-top: 2px solid #f5aa24;
padding-left: 0;
padding-top: 15px;
margin-top: 20px;
font-size: 14px;
}
}
.rent-line h2 {
margin-right: auto;
}
.rent-wrap .tabs {
padding-bottom: 85px;
}
@media (max-width: 767px) {
.rent-wrap .tabs {
padding-bottom: 50px;
}
.rent-wrap .tabs .popular-slider_rent .slick-list {
padding: 0 20% 0 0;
margin: 0 -20px;
}
}
.rent-wrap .tabs .mob {
display: none;
}
.rent-wrap .tabs .mob .service-preview {
margin: 0 8px;
height: 272px;
}
@media (max-width: 1199px) {
.rent-wrap .tabs .mob {
display: block;
}
}
.rent-wrap .tab-list {
margin-bottom: 25px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 767px) {
.rent-wrap .tab-list {
overflow-x: auto;
}
}
.rent-wrap .tab-list h2 {
margin-bottom: 0;
margin-right: auto;
}
@media (max-width: 1199px) {
.rent-wrap .tab-list h2 {
display: none;
}
}
.rent-wrap .tab-list li {
margin: 0;
list-style: none;
margin-left: 10px;
transition: all 0.2s;
}
.rent-wrap .tab-list li.active a {
color: #f5aa24;
}
.rent-wrap .tab-list li.active a:after {
opacity: 1;
}
@media (max-width: 1024px) {
.rent-wrap .tab-list li:first-of-type {
margin-left: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-wrap .tab-list li:first-of-type {
margin-left: 0;
}
}
.rent-wrap .tab-list li a {
display: block;
text-decoration: none;
font-size: 14px;
color: #161817;
transition: all 0.2s;
padding: 7px 15px;
border: 1px solid #f6f6f6;
position: relative;
}
.rent-wrap .tab-list li a:after {
content: '';
position: absolute;
left: -2px;
top: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
border: 2px solid #f5aa24;
transition: all 0.2s;
opacity: 0;
}
.rent-tab {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
@media (max-width: 1024px) {
.rent-tab {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-tab {
display: none;
}
}
.rent-tab .service-preview {
margin: 0 8px 16px 8px;
}
.rent-tab .service-preview:nth-of-type(1), .rent-tab .service-preview:nth-of-type(2), .rent-tab .service-preview:nth-of-type(3) {
width: calc(33.33% - 16px);
}
@media (max-width: 1199px) {
.rent-tab .service-preview:nth-of-type(1), .rent-tab .service-preview:nth-of-type(2), .rent-tab .service-preview:nth-of-type(3) {
height: 370px;
}
}
@media (max-width: 1024px) {
.rent-tab .service-preview:nth-of-type(1), .rent-tab .service-preview:nth-of-type(2), .rent-tab .service-preview:nth-of-type(3) {
width: calc(50% - 16px);
height: 320px;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-tab .service-preview:nth-of-type(1), .rent-tab .service-preview:nth-of-type(2), .rent-tab .service-preview:nth-of-type(3) {
width: calc(50% - 16px);
height: 320px;
}
}
.rent-tab .service-preview:nth-of-type(5), .rent-tab .service-preview:nth-of-type(6) {
height: 450px;
width: calc(50% - 16px);
}
@media (min-width: 1200px) and (max-width: 1440px) {
.rent-tab .service-preview:nth-of-type(5), .rent-tab .service-preview:nth-of-type(6) {
height: 400px;
}
}
@media (max-width: 1199px) {
.rent-tab .service-preview:nth-of-type(5), .rent-tab .service-preview:nth-of-type(6) {
height: 370px;
}
}
@media (max-width: 1024px) {
.rent-tab .service-preview:nth-of-type(5), .rent-tab .service-preview:nth-of-type(6) {
width: calc(50% - 16px);
height: 320px;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-tab .service-preview:nth-of-type(5), .rent-tab .service-preview:nth-of-type(6) {
width: calc(50% - 16px);
height: 320px;
}
}
.rent-tab .service-preview:nth-of-type(5) .bottom .rent, .rent-tab .service-preview:nth-of-type(6) .bottom .rent {
clip-path: polygon(0 0, 98% 0, 100% 100%, 0% 100%);
left: -91%;
}
.rent-tab .service-preview:nth-of-type(5):hover .bottom .rent, .rent-tab .service-preview:nth-of-type(6):hover .bottom .rent {
left: 0;
clip-path: initial;
}
.rent-tab .service-preview:nth-of-type(5):hover .bottom .rent:after, .rent-tab .service-preview:nth-of-type(6):hover .bottom .rent:after {
opacity: 0;
}
.rent-tab .service-preview:nth-of-type(4) {
height: 550px;
width: calc(100% - 16px);
}
@media (min-width: 1200px) and (max-width: 1440px) {
.rent-tab .service-preview:nth-of-type(4) {
height: 450px;
}
}
@media (max-width: 1199px) {
.rent-tab .service-preview:nth-of-type(4) {
height: 370px;
}
}
@media (max-width: 1024px) {
.rent-tab .service-preview:nth-of-type(4) {
width: calc(50% - 16px);
height: 320px;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-tab .service-preview:nth-of-type(4) {
width: calc(50% - 16px);
height: 320px;
}
}
.rent-tab .service-preview:nth-of-type(4) .bottom .rent {
left: -95%;
clip-path: polygon(0 0, 99% 0, 100% 100%, 0% 100%);
}
.rent-tab .service-preview:nth-of-type(4):hover .bottom .rent {
left: 0;
clip-path: initial;
}
.rent-tab .service-preview:nth-of-type(4):hover .bottom .rent:after {
opacity: 0;
}
.rent-tab .popular-slider.mob {
display: none;
}
@media (max-width: 1024px) {
.rent-tab .popular-slider.mob {
display: block;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-tab .popular-slider.mob {
display: block;
}
}
.rent-tab-new, .popular-slider_rent {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
@media (max-width: 1024px) {
.rent-tab-new, .popular-slider_rent {
display: none;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-tab-new, .popular-slider_rent {
display: none;
}
}
.rent-tab-new .rent-item, .popular-slider_rent .rent-item {
background: #fff;
border: 1px solid #e3e3e3;
margin: 0 8px;
margin-bottom: 16px;
text-decoration: none;
}
@media (max-width: 1024px) {
.rent-tab-new .rent-item, .popular-slider_rent .rent-item {
width: calc(50% - 16px);
height: 320px;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-tab-new .rent-item, .popular-slider_rent .rent-item {
width: calc(50% - 16px);
height: 320px;
}
}
.rent-tab-new .rent-item:nth-of-type(1), .popular-slider_rent .rent-item:nth-of-type(1), .rent-tab-new .rent-item:nth-of-type(2), .popular-slider_rent .rent-item:nth-of-type(2), .rent-tab-new .rent-item:nth-of-type(3), .popular-slider_rent .rent-item:nth-of-type(3), .rent-tab-new .rent-item:nth-of-type(6), .popular-slider_rent .rent-item:nth-of-type(6), .rent-tab-new .rent-item:nth-of-type(7), .popular-slider_rent .rent-item:nth-of-type(7), .rent-tab-new .rent-item:nth-of-type(8), .popular-slider_rent .rent-item:nth-of-type(8) {
width: calc(33.33% - 16px);
height: 295px;
}
@media (max-width: 1024px) {
.rent-tab-new .rent-item:nth-of-type(1), .popular-slider_rent .rent-item:nth-of-type(1), .rent-tab-new .rent-item:nth-of-type(2), .popular-slider_rent .rent-item:nth-of-type(2), .rent-tab-new .rent-item:nth-of-type(3), .popular-slider_rent .rent-item:nth-of-type(3), .rent-tab-new .rent-item:nth-of-type(6), .popular-slider_rent .rent-item:nth-of-type(6), .rent-tab-new .rent-item:nth-of-type(7), .popular-slider_rent .rent-item:nth-of-type(7), .rent-tab-new .rent-item:nth-of-type(8), .popular-slider_rent .rent-item:nth-of-type(8) {
width: calc(50% - 16px);
height: 320px;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-tab-new .rent-item:nth-of-type(1), .popular-slider_rent .rent-item:nth-of-type(1), .rent-tab-new .rent-item:nth-of-type(2), .popular-slider_rent .rent-item:nth-of-type(2), .rent-tab-new .rent-item:nth-of-type(3), .popular-slider_rent .rent-item:nth-of-type(3), .rent-tab-new .rent-item:nth-of-type(6), .popular-slider_rent .rent-item:nth-of-type(6), .rent-tab-new .rent-item:nth-of-type(7), .popular-slider_rent .rent-item:nth-of-type(7), .rent-tab-new .rent-item:nth-of-type(8), .popular-slider_rent .rent-item:nth-of-type(8) {
width: calc(50% - 16px);
height: 320px;
}
}
.rent-tab-new .rent-item:nth-of-type(1) .rent-img, .popular-slider_rent .rent-item:nth-of-type(1) .rent-img, .rent-tab-new .rent-item:nth-of-type(2) .rent-img, .popular-slider_rent .rent-item:nth-of-type(2) .rent-img, .rent-tab-new .rent-item:nth-of-type(3) .rent-img, .popular-slider_rent .rent-item:nth-of-type(3) .rent-img, .rent-tab-new .rent-item:nth-of-type(6) .rent-img, .popular-slider_rent .rent-item:nth-of-type(6) .rent-img, .rent-tab-new .rent-item:nth-of-type(7) .rent-img, .popular-slider_rent .rent-item:nth-of-type(7) .rent-img, .rent-tab-new .rent-item:nth-of-type(8) .rent-img, .popular-slider_rent .rent-item:nth-of-type(8) .rent-img {
height: 200px;
}
.rent-tab-new .rent-item:nth-of-type(4), .popular-slider_rent .rent-item:nth-of-type(4), .rent-tab-new .rent-item:nth-of-type(5), .popular-slider_rent .rent-item:nth-of-type(5) {
width: calc(50% - 16px);
height: 400px;
}
@media (max-width: 1024px) {
.rent-tab-new .rent-item:nth-of-type(4), .popular-slider_rent .rent-item:nth-of-type(4), .rent-tab-new .rent-item:nth-of-type(5), .popular-slider_rent .rent-item:nth-of-type(5) {
width: calc(50% - 16px);
height: 320px;
}
}
@media (hover: none) and (pointer: coarse) {
.rent-tab-new .rent-item:nth-of-type(4), .popular-slider_rent .rent-item:nth-of-type(4), .rent-tab-new .rent-item:nth-of-type(5), .popular-slider_rent .rent-item:nth-of-type(5) {
width: calc(50% - 16px);
height: 320px;
}
}
.rent-tab-new .rent-item:nth-of-type(4) .rent-img, .popular-slider_rent .rent-item:nth-of-type(4) .rent-img, .rent-tab-new .rent-item:nth-of-type(5) .rent-img, .popular-slider_rent .rent-item:nth-of-type(5) .rent-img {
height: 300px;
}
.rent-tab-new .rent-img, .popular-slider_rent .rent-img {
position: relative;
width: 95%;
margin-top: 10px;
}
.rent-tab-new .rent-img img, .popular-slider_rent .rent-img img {
object-fit: contain;
}
.rent-tab-new .rent-info, .popular-slider_rent .rent-info {
text-decoration: none;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
padding: 20px;
color: #161817;
}
.rent-tab-new .rent-info > *, .popular-slider_rent .rent-info > * {
width: 49%;
}
.rent-tab-new .rent-info .title, .popular-slider_rent .rent-info .title {
font-size: 16px;
}
.rent-tab-new .rent-info .price, .popular-slider_rent .rent-info .price {
font-size: 18px;
font-weight: 500;
text-align: right;
}
.flip-card {
background-color: transparent;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card:focus {
outline: 0;
}
.flip-card:hover .flip-card-inner, .flip-card:focus .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
.flip-card-front {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.flip-card-back {
transform: rotateY(180deg);
z-index: 1;
height: 100%;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flip-card-back .info {
width: 100%;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
overflow-y: auto;
background: linear-gradient(0deg, rgba(22, 24, 23, 0.6), rgba(22, 24, 23, 0.6));
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #fff;
padding: 25px;
transition: all 0.3s;
}
.flip-card-back .info::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.flip-card-back .info::-webkit-scrollbar-thumb {
background: #f5aa24;
}
.flip-card-back .info::-webkit-scrollbar-track {
background: #f6f6f6;
}
.flip-card-back .info .info-top {
font-weight: bold;
font-size: 16px;
padding-bottom: 14px;
border-bottom: 2px solid #f5aa24;
margin-bottom: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media (max-width: 1199px) {
.flip-card-back .info .info-top {
font-size: 14px;
}
}
@media (max-width: 500px) {
.flip-card-back .info .info-top {
font-size: 14px;
}
}
.flip-card-back .info .info-top span:nth-of-type(2) {
text-align: right;
}
.flip-card-back .info .info-line {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
font-size: 14px;
line-height: 26px;
margin-bottom: 10px;
}
@media (max-width: 500px) {
.flip-card-back .info .info-line {
font-size: 12px;
}
}
.flip-card-back .info .info-line span:nth-of-type(2) {
text-align: right;
}
.flip-card-back .rent {
width: 100%;
background-color: #f5aa24;
color: #161817;
font-weight: 500;
font-size: 20px;
text-decoration: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
text-transform: uppercase;
padding: 20px 0;
}
.rent-text-decor {
position: relative;
}
.rent-text-decor:after {
content: '';
position: absolute;
left: 0;
top: -10%;
width: 20%;
height: 110%;
background-color: #f5aa24;
z-index: -1;
}
@media (max-width: 1199px) {
.rent-text-decor:after {
content: initial;
}
}
.rent-text-decor:before {
content: '';
position: absolute;
left: 10%;
top: 50%;
width: 110%;
height: 20%;
background-repeat: no-repeat;
transform: rotate(-90deg);
transform-origin: left;
background-image: url(//mbudm.com.ua/images/svg/mbm-decor.svg);
}
@media (max-width: 1199px) {
.rent-text-decor:before {
content: initial;
}
}
.clients-wrap {
background: #f6f6f6;
padding: 50px 0 80px 0;
}
@media (max-width: 1024px) {
.clients-wrap {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.clients-wrap {
padding: 50px 0;
}
}
.client-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin: 0 -8px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
}
.client-list .slick-list {
padding: 0 20% 0 0;
margin: 0 -20px;
}
.client-list.slider-client {
display: none;
}
@media (max-width: 767px) {
.client-list {
display: none;
}
.client-list.slider-client {
display: block;
}
}
.client-list .client {
max-height: 130px;
min-height: 130px;
padding: 15px;
width: calc(16.66% - 16px);
margin: 0 8px 16px 8px;
background: #fff;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
.slider-client-col {
width: 33%;
}
.slider-client-col .client-mob {
width: calc(100% - 16px);
max-height: 130px;
min-height: 130px;
padding: 15px;
margin: 0 8px 16px 8px;
background: #fff;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.client-list .client {
width: calc(20% - 16px);
}
}
@media (max-width: 1199px) {
.client-list .client {
width: calc(25% - 16px);
}
}
@media (max-width: 1024px) {
.client-list .client {
width: calc(33.33% - 16px);
z-index: 1;
}
}
@media (hover: none) and (pointer: coarse) {
.client-list .client {
width: calc(33.33% - 16px);
z-index: 1;
}
}
@media (max-width: 767px) {
.client-list .client {
max-height: 100px;
min-height: 100px;
}
}
.client-list .client img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
@media (max-width: 1024px) {
.main-page .clients-wrap {
padding-top: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.main-page .clients-wrap {
padding-top: 0;
}
}
.news-item {
width: 24%;
background: #fff;
border: 1px solid #f6f6f6;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 1024px) {
.news-item {
width: 33%;
}
}
@media (hover: none) and (pointer: coarse) {
.news-item {
width: 33%;
}
}
@media (max-width: 767px) {
.news-item:nth-of-type(1), .news-item:nth-of-type(2) {
width: 49%;
margin-bottom: 7px;
}
.news-item:last-of-type {
width: 100%;
}
}
.news-item .news-info {
padding: 15px;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media (max-width: 767px) {
.news-item .news-info {
padding: 10px;
}
}
.news-item .news-image {
position: relative;
height: 256px;
display: block;
}
@media (max-width: 1024px) {
.news-item .news-image {
height: 200px;
}
}
@media (hover: none) and (pointer: coarse) {
.news-item .news-image {
height: 200px;
}
}
@media (max-width: 767px) {
.news-item .news-image {
height: 150px;
}
}
.news-item .news-image img {
width: 100%;
height: 100%;
}
.news-item .title {
text-decoration: none;
color: #161817;
display: inline-block;
height: 36px;
overflow: hidden;
font-weight: 500;
font-size: 18px;
margin-bottom: 10px;
}
.news-item .description {
font-size: 15px;
height: 38px;
overflow: hidden;
}
.head-link {
text-decoration: none;
transition: all 0.2s;
}
.head-link:hover {
color: #f5aa24;
}
.news-bottom {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.news-bottom .date {
font-size: 14px;
}
@media (max-width: 600px) {
.news-bottom {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.news-item-large {
width: 50%;
position: relative;
}
.news-item-large:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18.75%, rgba(0, 0, 0, 0.62) 100%);
}
.news-item-large .news-info {
position: relative;
z-index: 1;
padding: 20px;
}
.news-item-large .title {
font-weight: 500;
font-size: 18px;
margin-bottom: 10px;
height: 36px;
overflow: hidden;
text-decoration: none;
color: #fff;
}
.news-item-large .description {
text-decoration: none;
color: #fff;
margin-bottom: 15px;
}
.news-item-large .description p, .news-item-large .description span, .news-item-large .description ul, .news-item-large .description ol {
color: #fff;
}
.news-item-large .news-image {
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
position: relative;
height: 464px;
text-decoration: none;
}
.news-slider {
padding-bottom: 100px;
}
.news-slider.mobile {
display: none;
}
@media (max-width: 1024px) {
.news-slider {
padding-bottom: 50px;
}
.news-slider.desktop {
display: none;
}
.news-slider.mobile {
display: block;
}
}
@media (hover: none) and (pointer: coarse) {
.news-slider {
padding-bottom: 50px;
}
.news-slider.desktop {
display: none;
}
.news-slider.mobile {
display: block;
}
}
.news-slider .slide {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.news-more {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #f5aa24;
text-decoration: none;
transition: all 0.2s;
padding-right: 14px;
position: relative;
}
.news-more:after, .news-more:before {
content: '';
position: absolute;
right: 0;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
height: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: all 0.2s;
}
.news-more:before {
opacity: 1;
}
.news-more:after {
opacity: 0;
}
.news-more:hover {
color: #cf8d16;
}
.news-more:hover:before {
opacity: 0;
}
.news-more:hover:after {
opacity: 1;
}
.news-slider-line, .service-slider-line {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-bottom: 30px;
}
.news-slider-line h2, .service-slider-line h2 {
margin-bottom: 0;
}
.prev-slide-news, .next-slide-news, .prev-slide-service, .next-slide-service {
cursor: pointer;
width: 40px;
height: 40px;
background-position: center;
background-size: 9px;
background-repeat: no-repeat;
background-color: #f5aa24;
border: 2px solid #fff;
border-radius: 50%;
z-index: 1;
box-shadow: 2px 0px 33px rgba(245, 170, 36, 0.7);
}
.news-counter, .service-counter {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 450px) {
.news-counter, .service-counter {
display: none;
}
}
.numbers {
margin: 0 50px;
}
@media (max-width: 1024px) {
.numbers {
margin: 0 15px;
}
}
@media (hover: none) and (pointer: coarse) {
.numbers {
margin: 0 15px;
}
}
.numbers .current {
font-weight: bold;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
color: #161817;
}
@media (max-width: 1024px) {
.numbers .current {
font-size: 28px;
}
}
@media (hover: none) and (pointer: coarse) {
.numbers .current {
font-size: 28px;
}
}
.numbers .count {
font-size: 24px;
}
@media (max-width: 1024px) {
.numbers .count {
font-size: 22px;
}
}
@media (hover: none) and (pointer: coarse) {
.numbers .count {
font-size: 22px;
}
}
.review-block {
padding: 100px 0;
}
@media (max-width: 1024px) {
.review-block {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.review-block {
padding: 50px 0;
}
}
.pa_top {
padding-top: 50px;
width: 100%;
}
@media (max-width: 1024px) {
.pa_top {
padding-top: 25px;
}
}
@media (hover: none) and (pointer: coarse) {
.pa_top {
padding-top: 25px;
}
}
.title-line {
margin-bottom: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.title-line h2 {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.title-line {
margin-bottom: 15px;
}
}
@media (hover: none) and (pointer: coarse) {
.title-line {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.title-line .button {
display: none;
}
}
.review-wrapper {
position: relative;
}
.review-wrapper:after {
content: '';
position: absolute;
right: 0;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20%;
height: 50%;
background: #f6f6f6;
z-index: -1;
}
@media (max-width: 767px) {
.review-wrapper:after {
content: initial;
}
}
.review-wrapper .review {
background: #fff;
border: 1px solid #dbdbdb;
border-bottom: 4px solid #f5aa24;
padding: 30px 30px 30px 40px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.review-wrapper .review {
padding: 15px;
}
}
.review-wrapper .review-top {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-bottom: 20px;
}
@media (max-width: 500px) {
.review-wrapper .review-top {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
}
.review-wrapper .review-top .title {
font-weight: 500;
font-size: 20px;
}
@media (max-width: 500px) {
.review-wrapper .review-top .title {
margin-bottom: 10px;
}
}
.review-wrapper .date {
font-size: 16px;
text-align: right;
color: #bfbfbf;
}
.review-wrapper .text {
font-size: 15px;
margin-bottom: 20px;
position: relative;
padding: 10px 40px;
}
.review-wrapper .text:after, .review-wrapper .text:before {
content: '';
position: absolute;
width: 30px;
height: 24px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.review-wrapper .text:after {
left: 0;
top: 0;
}
.review-wrapper .text:before {
right: 0;
bottom: 0;
}
.review-wrapper .img-list {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -4px;
}
.review-wrapper .img-list a {
position: relative;
height: 95px;
width: 128px;
margin: 0 4px;
margin-bottom: 8px;
}
.review-wrapper .img-list a img {
width: 100%;
height: 100%;
}
.review-wrapper .img-list a:hover:after, .review-wrapper .img-list a:hover:before {
opacity: 1;
}
.review-wrapper .img-list a:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(245, 170, 36, 0.8);
opacity: 0;
transition: all 0.2s;
pointer-events: none;
}
.review-wrapper .img-list a:before {
content: '';
position: absolute;
left: calc(50% - 15px);
top: calc(50% - 15px);
width: 30px;
height: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
transition: all 0.2s;
pointer-events: none;
z-index: 1;
}
@media (max-width: 1024px) {
.review-list {
max-height: 400px;
overflow: auto;
border-bottom: 4px solid #f5aa24;
}
}
@media (hover: none) and (pointer: coarse) {
.review-list {
max-height: 400px;
overflow: auto;
border-bottom: 4px solid #f5aa24;
}
}
.mob-btn {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
padding: 15px 0;
}
@media (max-width: 767px) {
.mob-btn {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
}
@media (max-width: 500px) {
.mob-btn {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.mob-btn .button {
display: none;
}
@media (max-width: 767px) {
.mob-btn .button {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
@media (max-width: 500px) {
.mob-btn .all-review {
margin-bottom: 15px;
}
}
.sm-form {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
}
@media (max-width: 1199px) {
.sm-form {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.sm-form h3 {
margin-bottom: 0;
color: #fff;
}
@media (min-width: 1200px) and (max-width: 1440px) {
.sm-form h3 {
font-size: 34px;
}
}
@media (max-width: 1199px) {
.sm-form h3 {
margin-bottom: 20px;
font-size: 34px;
text-align: center;
}
}
@media (max-width: 767px) {
.sm-form h3 {
font-size: 24px;
}
}
.sm-form-wrap {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/sm-form.png);
padding: 90px 0;
}
@media (max-width: 1024px) {
.sm-form-wrap {
padding: 50px 0;
}
}
@media (hover: none) and (pointer: coarse) {
.sm-form-wrap {
padding: 50px 0;
}
}
.works-block-wrap {
position: relative;
padding-bottom: 90px;
}
@media (max-width: 1024px) {
.works-block-wrap {
padding-bottom: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.works-block-wrap {
padding-bottom: 50px;
}
}
.works-block-wrap:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 300px;
background-color: #f6f6f6;
z-index: -1;
}
.works-video {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px 16px -8px;
}
@media (max-width: 600px) {
.works-video {
margin: 0;
margin-bottom: 16px;
}
}
.works-video .video {
width: calc(50% - 16px);
margin: 0 8px;
height: 352px;
position: relative;
}
@media (max-width: 1199px) {
.works-video .video {
height: 270px;
}
}
@media (max-width: 1024px) {
.works-video .video {
height: 200px;
}
}
@media (hover: none) and (pointer: coarse) {
.works-video .video {
height: 200px;
}
}
@media (max-width: 600px) {
.works-video .video {
width: 100%;
margin: 0;
}
.works-video .video:first-of-type {
margin-bottom: 16px;
}
}
.works-video .video:hover:after {
opacity: 0.5;
}
.works-video .video:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(22, 24, 23, 0.6);
transition: all 0.2s;
}
.works-video .video img {
width: 100%;
height: 100%;
}
.play {
cursor: pointer;
background: #fff;
box-shadow: 0px 12px 30px rgba(39, 39, 39, 0.3);
width: 60px;
height: 60px;
position: absolute;
border-radius: 50%;
left: calc(50% - 30px);
top: calc(50% - 30px);
z-index: 1;
}
.play:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 0 9px 15px;
border-color: transparent transparent transparent #f5a824;
z-index: 2;
pointer-events: none;
left: calc(50% - 4.5px);
top: calc(50% - 7.5px);
}
.works-slider {
margin-bottom: 16px;
}
.works-slider .slide {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
position: relative;
height: 540px;
padding: 40px 35px;
text-decoration: none;
color: white;
}
@media (max-width: 1199px) {
.works-slider .slide {
height: 500px;
}
}
@media (max-width: 1024px) {
.works-slider .slide {
height: 400px;
}
}
@media (hover: none) and (pointer: coarse) {
.works-slider .slide {
height: 400px;
}
}
@media (max-width: 600px) {
.works-slider .slide {
height: 300px;
padding: 15px;
}
}
.works-slider .slide:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
z-index: -1;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.89%, rgba(0, 0, 0, 0.76) 99.99%);
}
.works-slider .slide img {
width: 100%;
height: 100%;
z-index: -1;
}
.works-slider .slide span {
z-index: 2;
}
.works-slider .title {
display: block;
margin-bottom: 10px;
position: relative;
padding-right: 30px;
}
.works-slider .title:after {
content: '';
position: absolute;
right: 0;
top: calc(50% - 5px);
width: 24px;
height: 12px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(//mbudm.com.ua/wp-content/themes/mbm/app/static/images/svg/more.svg);
}
@media (max-width: 600px) {
.works-slider .description {
display: none;
}
}
.arrow-wrap {
position: relative;
}
.arrow-wrap .prev-slide, .arrow-wrap .next-slide {
position: absolute;
cursor: pointer;
width: 40px;
height: 40px;
background-position: center;
background-size: 9px;
background-repeat: no-repeat;
background-color: #f5aa24;
border: 2px solid #fff;
border-radius: 50%;
z-index: 1;
box-shadow: 2px 0px 33px rgba(245, 170, 36, 0.7);
}
.arrow-wrap .prev-slide {
left: -20px;
top: calc(50% - 20px);
}
@media (max-width: 1024px) {
.arrow-wrap .prev-slide {
left: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.arrow-wrap .prev-slide {
left: 0;
}
}
.arrow-wrap .next-slide {
right: -20px;
top: calc(50% - 20px);
}
@media (max-width: 1024px) {
.arrow-wrap .next-slide {
right: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.arrow-wrap .next-slide {
right: 0;
}
}
.works-slider-nav {
margin-bottom: 16px;
}
@media (max-width: 600px) {
.works-slider-nav {
display: none;
}
}
.works-slider-nav .slick-track {
padding: 30px 0;
margin: -28px 0;
}
.works-slider-nav .slick-list {
margin: 0 -8px;
}
.works-slider-nav .slide {
position: relative;
height: 120px;
margin: 0 8px;
}
.works-slider-nav .slide img {
width: 100%;
height: 100%;
}
.works-slider-nav .slide:after {
content: '';
position: absolute;
width: 100%;
height: 4px;
left: 0;
bottom: 0;
opacity: 0;
z-index: 1;
background-color: #f5aa24;
transition: all 0.2s;
}
.works-slider-nav .slide.slick-current, .works-slider-nav .slide:hover {
cursor: pointer;
}
.works-slider-nav .slide.slick-current:after, .works-slider-nav .slide:hover:after {
opacity: 1;
}
.video-block-wrap {
padding: 90px 0;
}
@media (max-width: 1024px) {
.video-block-wrap {
padding: 50px 0;
padding-bottom: 15px;
}
}
@media (hover: none) and (pointer: coarse) {
.video-block-wrap {
padding: 50px 0;
padding-bottom: 15px;
}
}
.video-block {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
.video-block .title {
font-size: 18px;
line-height: 21px;
color: #161817;
text-decoration: none;
}
.video-block .video-item {
text-decoration: none;
position: relative;
width: calc(33.33% - 16px);
margin: 0 8px 16px 8px;
}
.video-block .video-item .img {
height: 232px;
width: 100%;
margin-bottom: 10px;
position: relative;
display: block;
}
@media (max-width: 767px) {
.video-block .video-item {
width: calc(50% - 16px);
}
}
@media (max-width: 500px) {
.video-block .video-item {
width: calc(50% - 16px);
}
.video-block .video-item .img {
height: 170px;
}
.video-block .video-item .play {
width: 50px;
height: 50px;
left: calc(50% - 25px);
top: calc(50% - 25px);
}
}
.works_page .news-p {
padding-top: 90px;
}
@media (max-width: 1024px) {
.works_page .news-p {
padding-top: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.works_page .news-p {
padding-top: 50px;
}
}
.large-slider-wrap {
padding-top: 90px;
}
@media (max-width: 1024px) {
.large-slider-wrap {
padding-top: 50px;
}
}
@media (hover: none) and (pointer: coarse) {
.large-slider-wrap {
padding-top: 50px;
}
}
.large-slider {
overflow: visible;
}
.large-slider .slick-arrow {
position: absolute;
cursor: pointer;
width: 40px;
height: 40px;
background-position: center;
background-size: 9px;
background-repeat: no-repeat;
background-color: #f5aa24;
border: 2px solid #fff;
border-radius: 50%;
z-index: 1;
box-shadow: 0px 12px 30px rgba(245, 170, 36, 0.3);
}
@media (max-width: 767px) {
.large-slider .slick-arrow {
display: none;
}
}
.large-slider .slick-prev {
left: -20px;
top: calc(50% - 20px);
}
@media (max-width: 1024px) {
.large-slider .slick-prev {
left: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.large-slider .slick-prev {
left: 0;
}
}
.large-slider .slick-next {
right: -20px;
top: calc(50% - 20px);
}
@media (max-width: 1024px) {
.large-slider .slick-next {
right: 0;
}
}
@media (hover: none) and (pointer: coarse) {
.large-slider .slick-next {
right: 0;
}
}
.large-slider .slide:nth-of-type(2n) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-slider .slide:nth-of-type(2n) .item:nth-of-type(1), .large-slider .slide:nth-of-type(2n) .item:nth-of-type(2), .large-slider .slide:nth-of-type(2n) .item:nth-of-type(4), .large-slider .slide:nth-of-type(2n) .item:nth-of-type(5) {
width: calc(50% - 16px);
margin: 0 8px 16px 8px;
}
.large-slider .slide:nth-of-type(2n + 1) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.large-slider .slide:nth-of-type(2n + 1) .item:nth-of-type(2), .large-slider .slide:nth-of-type(2n + 1) .item:nth-of-type(3) {
width: calc(50% - 16px);
margin: 0 8px 16px 8px;
}
.large-slider .slick-list {
margin: 0 -8px;
}
.large-slider .item {
width: calc(100% - 16px);
margin: 0 8px 16px 8px;
position: relative;
height: 295px;
display: block;
}
@media (max-width: 1199px) {
.large-slider .item {
height: 250px;
}
.large-slider .item .white-button {
width: 150px;
max-width: 80%;
height: 50px;
}
}
@media (max-width: 500px) {
.large-slider .item {
height: 140px;
}
.large-slider .item .white-button {
font-size: 14px;
}
}
.large-slider .item:hover .hover-info {
opacity: 1;
pointer-events: all;
}
.large-slider .item .hover-info {
opacity: 0;
z-index: 1;
pointer-events: none;
transition: all 0.2s;
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(22, 24, 23, 0.5), rgba(22, 24, 23, 0.5));
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.large-slider .item .hover-info span {
text-align: center;
font-weight: 500;
font-size: 24px;
margin-bottom: 14px;
color: #fff;
}
@media (max-width: 500px) {
.large-slider .item .hover-info span {
font-size: 14px;
}
}
.page-404 + footer .form-block, .page-404 + footer .bottom-block-wrap {
display: none;
}
.page-404 .container-404 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 200px;
padding-bottom: 200px;
}
@media (max-width: 1024px) {
.page-404 .container-404 {
padding: 100px 15px;
}
}
@media (hover: none) and (pointer: coarse) {
.page-404 .container-404 {
padding: 100px 15px;
}
}
.page-404 .container-404 img {
max-width: 100%;
}
.page-404 .title-404 {
font-weight: 300;
font-size: 48px;
line-height: 56px;
text-align: center;
color: #0b1b2e;
margin-bottom: 15px;
}
@media (max-width: 1024px) {
.page-404 .title-404 {
font-size: 34px;
line-height: 48px;
}
}
@media (hover: none) and (pointer: coarse) {
.page-404 .title-404 {
font-size: 34px;
line-height: 48px;
}
}
.page-404 .text-404 {
font-size: 15px;
line-height: 22px;
text-align: center;
width: 570px;
max-width: 100%;
margin-bottom: 30px;
color: #1a1a1a;
}