@charset "UTF-8";
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//peremena.store/wp-content/themes/peremena/assets/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
-ms-scroll-snap-type: none;
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000;
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size:44px;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next svg, .swiper-button-prev svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s opacity;
transition: 0.3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s top;
transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s left;
transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s right;
transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
-ms-touch-action: none;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
-ms-touch-action: none;
touch-action: none;
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform;
}
.swiper.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}

:root {
--font-family: "Geologica", sans-serif;
--second-family: "Wix Madefor Display", sans-serif;
--third-family: "Commissioner", sans-serif;
--font3: "Wix Madefor Text", sans-serif;
--font4: "Ubuntu", sans-serif;
--font5: "Sofia Sans Extra Condensed", sans-serif;
--font6: "Montserrat", sans-serif;
--font7: "Leporid", sans-serif;
--font8: "Roboto", sans-serif;
--font9: "Geometria", sans-serif;
--font10: "UNCAGE", sans-serif;
--content-width: 180rem;
--container-offset: 3rem;
--container-width: calc(var(--content-width) + (var(--container-offset) * 2));
--accent-cyan: #379e98;
--dirty-blue: #376d87;
--black: #000;
--white: #fff;
--30-black: #fff;
--grey1: #fcffff;
--grey2: #fcffff;
--grey3: #fcffff;
--grey4: #f7fffe;
}   .custom-checkbox__field:checked + .custom-checkbox__content::after {
opacity: 1;
}
.custom-checkbox__field:focus + .custom-checkbox__content::before {
outline: 2px solid #f00;
outline-offset: 2px;
}
.custom-checkbox__field:disabled + .custom-checkbox__content {
opacity: 0.4;
pointer-events: none;
}   @font-face {
font-family: "Commissioner";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Commissioner-Bold.woff2) format("woff2");
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Commissioner";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Commissioner-SemiBold.woff2) format("woff2");
font-weight: 600;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Commissioner";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Commissioner-Medium.woff2) format("woff2");
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Commissioner";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Commissioner-Regular.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Geologica";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Geologica-Regular.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Geologica";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Geologica-Light.woff2) format("woff2");
font-weight: 300;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Geologica";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Geologica-ExtraLight.woff2) format("woff2");
font-weight: 200;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Geometria";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Geometria-Bold.woff2) format("woff2");
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Leporid";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Leporid.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Montserrat-Medium.woff2) format("woff2");
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Roboto-Medium.woff2) format("woff2");
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Sofia Sans Extra Condensed";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/SofiaSansExtraCondensed-Medium.woff2) format("woff2");
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Ubuntu";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Ubuntu-Medium.woff2) format("woff2");
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Ubuntu";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/Ubuntu-Light.woff2) format("woff2");
font-weight: 300;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Wix Madefor Display";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/WixMadeforDisplay-ExtraBold.woff2) format("woff2");
font-weight: 800;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Wix Madefor Display";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/WixMadeforDisplay-Bold.woff2) format("woff2");
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Wix Madefor Display";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/WixMadeforDisplay-SemiBold.woff2) format("woff2");
font-weight: 600;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Wix Madefor Display";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/WixMadeforDisplay-Medium.woff2) format("woff2");
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Wix Madefor Display";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/WixMadeforDisplay-Regular.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Wix Madefor Text";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/WixMadeforText-Medium.woff2) format("woff2");
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "Wix Madefor Text";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/WixMadeforText-Regular.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: "UNCAGE";
src: url(//peremena.store/wp-content/themes/peremena/assets/fonts/UNCAGE-SemiBold.woff2) format("woff2");
font-weight: 600;
font-display: swap;
font-style: normal;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 0.5208333333vw;
}
@media (min-width: 1920px) {
html {
font-size: 10px;
}
}
@media (max-width: 600px) {
html {
font-size: 1.7361111111vw;
}
}
.page {
height: 100%;
font-family: var(--font-family, sans-serif);
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
background-color: #f3f3f3;
}
.page__body {
margin: 0;
min-width: 360px;
min-height: 100%;
font-size: 16px;
}
img {
height: auto;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
a {
text-decoration: none;
}
.site-container {
overflow: hidden;
}
.is-hidden {
display: none !important; }
.btn-reset {
border: none;
padding: 0;
background-color: transparent;
cursor: pointer;
}
.list-reset {
list-style: none;
margin: 0;
padding: 0;
}
.input-reset {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
display: none;
}
.visually-hidden {
position: absolute;
overflow: hidden;
margin: -1px;
border: 0;
padding: 0;
width: 1px;
height: 1px;
clip: rect(0 0 0 0);
}
.container {
margin: 0 auto;
padding: 0 var(--container-offset);
max-width: var(--container-width);
}
.centered {
text-align: center;
}
.dis-scroll {
position: fixed;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: 100vh;
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
.page--ios .dis-scroll {
position: relative;
}
.modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
backdrop-filter: blur(20px);
background: rgba(0, 0, 0, 0.3);
opacity: 0;
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
@media (max-width: 600px) {
.modal {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow-y: auto;
}
}
.modal.active {
opacity: 1;
pointer-events: auto;
}
.modal .cta {
width: 100%;
}
.modal .cta__container {
position: relative;
}
.modal__close {
position: absolute;
right: 2rem;
top: -6rem;
z-index: 6;
width: 2.8rem;
height: 2.8rem;
}
.modal__close svg {
width: 100%;
height: 100%;
}
@media (max-width: 600px) {
.modal__close {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 600px) {
.modal__close--md {
display: none;
}
}
@media (max-width: 600px) {
.modal .cta__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.modal__content {
padding: 0 !important;
}
.modal .modal__form {
border-radius: 4rem;
padding: 6rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.modal .modal__form {
padding: 4rem;
}
}
.modal--service .cta__header {
padding: 5.5rem 6rem;
}
@media (max-width: 600px) {
.modal--service .cta__header {
padding: 4.5rem 4rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.modal--service .cta__header p {
margin: 0;
font-weight: 300;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.modal--service .form__btn {
margin-top: 9.5rem;
}
@media (max-width: 600px) {
.modal--service .form__btn {
margin-top: 2rem;
}
}
.modal--service .modal__close {
top: 6rem;
right: 6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.modal--service .modal__close svg {
stroke: var(--white);
stroke-width: 2px;
}
@media (max-width: 600px) {
.modal--service .modal__close svg {
stroke: var(--black);
}
}
.just-validate-error-label {
display: none;
}
.owl-carousel .owl-stage-outer {
overflow: visible;
}
.logo {
width: 18rem;
height: 2.9rem;
}
.logo svg {
width: 100%;
height: 100%;
fill: var(--black);
-webkit-transition: fill 0.3s ease-in;
transition: fill 0.3s ease-in;
}
@media (any-hover: hover) {
.logo svg:hover {
fill: var(--dirty-blue);
}
}
.logo svg:focus {
outline: none;
fill: var(--dirty-blue);
}
.logo svg:active {
fill: var(--accent-cyan);
}
.logo img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.title1 {
margin: 0;
font-weight: 400;
font-size: 6rem;
line-height: 100%;
color: var(--black);
}
@media (max-width: 600px) {
.title1 {
font-size: 4.6rem;
}
}
.title2 {
margin: 0;
font-weight: 400;
font-size: 5rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
@media (max-width: 600px) {
.title2 {
font-size: 3.6rem;
}
}
.title3 {
margin: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 3rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.title4 {
margin: 0;
font-weight: 400;
font-size: 2.6rem;
line-height: 100%;
text-transform: lowercase;
color: var(--black);
}
.desc1 {
margin: 0;
font-family: var(--font-family);
font-weight: 200;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.desc1--300 {
font-weight: 300;
}
.desc1--400 {
font-weight: 400;
}
.desc1 a {
color: inherit;
}
.desc2 {
margin: 0;
font-family: var(--font-family);
font-weight: 200;
font-size: 2.2rem;
line-height: 150%;
color: var(--black);
}
.desc4 {
margin: 0;
font-weight: 200;
font-size: 2rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.desc4--300 {
font-weight: 300;
}
.desc4--400 {
font-weight: 400;
}
.link-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1rem;
font-weight: 300;
font-size: 2.4rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
@media (max-width: 600px) {
.link-btn {
font-size: 2rem;
}
}
.link-btn svg {
fill: none;
stroke: currentColor;
width: 1rem;
height: 2rem;
stroke-width: 2.42px;
}
@media (any-hover: hover) {
.link-btn:hover {
color: var(--accent-cyan);
}
}
.link-btn:focus {
outline: none;
color: var(--accent-cyan);
}
.link-btn:active {
color: var(--accent-cyan);
}
.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1rem;
padding: 2rem 5rem 2.3rem;
border-radius: 2rem;
font-weight: 300;
font-size: 2.4rem;
line-height: 120%;
text-transform: lowercase;
text-align: right;
color: var(--black);
background-color: var(--white);
-webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.btn--accent {
background-color: var(--accent-cyan);
color: var(--white);
}
.btn--grey {
background-color: rgba(0, 0, 0, 0.02);
}
.btn--light {
background-color: rgba(0, 0, 0, 0.02);
}
.btn--small {
font-size: 1.8rem;
padding: 1.2rem 3rem 1.6rem;
border-radius: 1rem;
}
@media (any-hover: hover) {
.btn:hover {
background-color: var(--dirty-blue);
color: var(--white);
}
}
.btn:focus {
outline: none;
background-color: var(--dirty-blue);
color: var(--white);
}
.btn:active {
background-color: var(--accent-cyan);
color: var(--white);
}
.btn:disabled {
background-color: #e3e6e6;
color: #adafb2;
cursor: not-allowed;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ai-s {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ai-e {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.ai-c {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.jc-s {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.jc-e {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.jc-c {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.jc-sb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dropdown {
display: block;
width: 100%;
border-radius: 2rem;
padding: 1.5rem 3rem;
background-color: #f7fafa;
border: none;
font-weight: 300;
font-size: 2rem;
line-height: 150%;
text-transform: lowercase;
-webkit-transition: color 0.1s ease-out, background-color 0.1s ease-out, border-radius 0.1s ease-out;
transition: color 0.1s ease-out, background-color 0.1s ease-out, border-radius 0.1s ease-out;
position: relative;
z-index: 15;
}
.dropdown__header {
position: relative;
color: rgba(0, 0, 0, 0.25);
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
@media (any-hover: hover) {
.dropdown__header:hover {
color: rgba(0, 0, 0, 0.45);
}
}
.dropdown__btn {
position: absolute;
top: 50%;
right: -1.6rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.8rem;
height: 0.6rem;
}
.dropdown__btn svg {
display: block;
width: 100%;
height: 100%;
fill: currentColor;
}
.dropdown__label {
position: absolute;
top: 0rem;
color: currentColor;
-webkit-transition: color 0.3s ease, font-size 0.3s ease, -webkit-transform 0.3s ease;
transition: color 0.3s ease, font-size 0.3s ease, -webkit-transform 0.3s ease;
transition: color 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
transition: color 0.3s ease, transform 0.3s ease, font-size 0.3s ease, -webkit-transform 0.3s ease;
}
.dropdown__capture {
opacity: 0;
color: currentColor;
-webkit-transition: color 0.3s ease, opacity 0.3s ease-in;
transition: color 0.3s ease, opacity 0.3s ease-in;
}
.dropdown__body {
position: absolute;
z-index: 4;
left: -2px;
top: 100%;
right: -2px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-height: 0;
-webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
will-change: max-height;
overflow: hidden;
}
.dropdown__content {
background: var(--white);
z-index: 5;
padding: 0.5rem 3rem 2rem;
border: 2px solid transparent;
border-top: none;
border-radius: 0 0 2rem 2rem;
-webkit-transition: color 0.1s ease-out, background-color 0.1s ease-out, border-radius 0.1s ease-out;
transition: color 0.1s ease-out, background-color 0.1s ease-out, border-radius 0.1s ease-out;
}
.dropdown__item {
cursor: pointer;
-webkit-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
}
.dropdown__item:not(:last-child) {
margin-bottom: 1.5rem;
}
.dropdown__item:first-child {
display: none;
}
@media (any-hover: hover) {
.dropdown__item:hover {
color: var(--accent-cyan);
}
}
.dropdown.open {
background: var(--white);
border-radius: 2rem 2rem 0 0;
outline: 2px solid var(--black);
border-bottom: none;
}
.dropdown.open .dropdown__content {
border-color: var(--black);
background-color: var(--white);
}
.dropdown.open .dropdown__header {
color: var(--black);
}
@media (any-hover: hover) {
.dropdown.open:hover .dropdown__capture {
color: var(--black);
}
.dropdown.open:hover .dropdown__label {
color: var(--black);
}
}
.dropdown.filled .dropdown__capture {
color: var(--black);
}
.dropdown.filled .dropdown__label {
-webkit-transform: translateY(-1rem);
-ms-transform: translateY(-1rem);
transform: translateY(-1rem);
font-size: 1.2rem;
}
.dropdown.filled .dropdown__capture {
opacity: 1;
-webkit-transform: translateY(0.8rem);
-ms-transform: translateY(0.8rem);
transform: translateY(0.8rem);
}
@media (any-hover: hover) {
.dropdown.filled:hover .dropdown__capture {
color: rgba(0, 0, 0, 0.45);
}
}
.dropdown.open.filled .dropdown__capture {
color: var(--black);
}
@media (any-hover: hover) {
.dropdown:hover .dropdown__capture {
color: rgba(0, 0, 0, 0.45);
}
}
.heading {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 3rem;
min-height: 16.8rem;
}
@media (max-width: 600px) {
.heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.heading__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-column-span: 3;
grid-column: 3 span;
background-color: var(--white);
border-radius: 4rem;
padding: 3.5rem 6rem;
}
@media (max-width: 600px) {
.heading__title {
padding: 3.5rem 4rem 4rem;
}
}
.heading__desc {
background: var(--white);
-ms-grid-column-span: 9;
grid-column: 9 span;
border-radius: 4rem;
padding: 3.3rem 6rem;
}
@media (max-width: 600px) {
.heading__desc {
padding: 4.2rem 4rem;
}
}
.heading__desc p {
margin: 0;
}
.heading__desc p:not(:last-child) {
margin-bottom: 1.4rem;
}
.heading__desc a {
font-weight: inherit;
font-size: inherit;
text-decoration: underline;
text-transform: inherit;
}
.heading--only {
display: block;
}
.marker {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 6rem;
height: 7rem;
background-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/svg/building.svg), url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/svg/icon-map.svg);
background-repeat: no-repeat;
background-position: 50% 40%, center;
background-size: 2.4rem 2.4rem, contain;
}
.marker-container {
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.marker-text {
font-size: 1.4rem;
padding: 0.5rem 0.9rem;
border-radius: 4rem;
background-color: rgba(255, 255, 255, 0.8);
}
.burger {
--burger-width: 3.4rem;
--burger-height: 3rem;
--burger-line-height: 2px;
position: relative;
border: none;
padding: 0;
width: var(--burger-width);
height: var(--burger-height);
color: #000;
background-color: transparent;
cursor: pointer;
}
.burger::before, .burger::after {
content: "";
position: absolute;
border-radius: 100px;
display: block;
left: 0;
width: 100%;
height: var(--burger-line-height);
background-color: currentColor;
-webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.burger::before {
top: 0;
}
.burger::after {
top: calc(100% - var(--burger-line-height));
}
.burger__line {
position: absolute;
border-radius: 100px;
display: block;
left: 0;
top: 50%;
width: 100%;
height: var(--burger-line-height);
background-color: currentColor;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.burger--active::before {
top: 50%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.burger--active::after {
top: 50%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.burger--active .burger__line {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.slider {
--slider-gap: 3rem;
}
.slider.owl-carousel .owl-stage-outer {
overflow: visible;
}
@media (max-width: 600px) {
.slider {
--slider-gap: 2rem;
}
}
.header {
margin: 3rem 0;
position: relative;
z-index: 50;
-webkit-transition: top 0.3s, -webkit-transform 0.3s;
transition: top 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, top 0.3s;
transition: transform 0.3s, top 0.3s, -webkit-transform 0.3s;
z-index: 100;
}
.header__burger {
display: none;
}
@media (max-width: 600px) {
.header__burger {
display: block;
position: relative;
z-index: 99;
}
}
.header__container {
position: relative;
z-index: 99;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 2.4rem 6rem;
padding-bottom: 2.6rem;
padding-right: 5.9rem;
border-radius: 4rem;
-webkit-box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.07);
}
@media (max-width: 600px) {
.header__container {
padding: 2.8rem 4rem;
border-radius: 4rem;
}
}
.header__overlay {
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.header__nav {
display: none;
}
}
@media (max-width: 600px) {
.header__socials {
display: none;
}
}
.header__socials ul {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
.header__socials ul li {
display: block;
width: 4rem;
height: 4rem;
border-radius: 1.2rem;
}
.header__socials ul li a {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.header__socials ul li a::after {
content: "";
position: absolute;
inset: 0;
background-color: var(--dirty-blue);
mix-blend-mode: screen;
opacity: 0;
-webkit-transition: opacity 0.3s ease, background-color 0.3s ease-in;
transition: opacity 0.3s ease, background-color 0.3s ease-in;
}
.header__socials ul li img {
display: block;
width: 100%;
height: 100%;
}
@media (any-hover: hover) {
.header__socials ul li:hover a::after {
opacity: 1;
}
}
.header__socials ul li:focus {
outline: none;
}
.header__socials ul li:focus a::after {
opacity: 1;
}
.header__socials ul li:active a::after {
background-color: var(--accent-cyan);
opacity: 1;
}
.header__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4rem;
}
@media (max-width: 600px) {
.header__right {
display: none;
}
}
.header__logo {
margin-top: 0.6rem;
position: relative;
z-index: 99;
}
.header__btn {
font-size: 1.8rem;
padding: 1.2rem 3rem 1.4rem;
border-radius: 1rem;
}
.header__tel {
font-size: 2.2rem;
}
.header--fixed {
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 100;
}
.header--hidden {
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
}
.nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
@media (max-width: 600px) {
.nav > ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav ul li {
position: relative;
}
.nav ul li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
color: inherit;
font-family: var(--font-family);
font-weight: 300;
font-size: 2.2rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
-webkit-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
}
@media (any-hover: hover) {
.nav ul li a:hover {
color: var(--accent-cyan);
}
.nav ul li a:hover svg {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
}
.nav ul li.current_page_item a {
color: var(--accent-cyan);
pointer-events: none;
cursor: default;
}
.nav ul li svg {
width: 1rem;
height: 0.6rem;
fill: currentColor;
-webkit-transition: -webkit-transform 0.2s ease-in;
transition: -webkit-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.nav ul li > ul {
position: absolute;
top: calc(100% + 0.5rem);
left: 0;
white-space: nowrap;
z-index: 4;
border-radius: 1.2rem;
background-color: var(--white);
-webkit-box-shadow: 0 0 10rem 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10rem 0 rgba(0, 0, 0, 0.1);
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease-in;
transition: max-height 0.3s ease-in;
will-change: max-height;
}
.nav ul li > ul li {
padding: 0.6rem 1.5rem;
}
.nav ul li > ul li:first-child {
padding-top: 1.5rem;
}
.nav ul li > ul li:last-child {
padding-bottom: 1.5rem;
}
.nav ul li.active > a {
color: var(--accent-cyan);
}
.nav ul li.active > a svg {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.hero {
padding: 2.8rem 0 3rem;
}
@media (max-width: 600px) {
.hero {
padding: 2.5rem 0;
height: auto;
}
}
.hero .container {
height: 100%;
}
.hero__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3rem;
}
@media (max-width: 600px) {
.hero__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.hero__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
.hero__img {
width: 100%;
max-width: 128rem;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 72rem;
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.hero__img {
min-height: unset;
height: 42.3rem;
margin-top: -4.5rem;
max-width: 100%;
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/svg/hero-desc-mask.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/svg/hero-desc-mask.svg);
-webkit-mask-position: right top;
mask-position: right top;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
}
.hero__img video {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero__title {
text-transform: lowercase;
position: relative;
z-index: 4;
}
.hero__row {
background-color: var(--white);
border-radius: 4rem;
position: relative;
padding: 5rem;
}
@media (max-width: 600px) {
.hero__row {
padding: 3.5rem 4rem;
}
}
@media (max-width: 600px) {
.hero__row_title {
padding: 4rem 4rem 5.5rem;
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/svg/hero-title-mask.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/svg/hero-title-mask.svg);
-webkit-mask-position: right top;
mask-position: right top;
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
}
.hero__row_desc {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 600px) {
.hero__row_desc {
display: none;
}
}
.hero__row_mob {
display: none;
}
@media (max-width: 600px) {
.hero__row_mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4rem;
}
}
.hero__desc {
position: relative;
z-index: 4;
border-radius: 4rem;
background-color: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.hero__desc p {
margin: 0;
}
.hero__desc p:not(:last-child) {
margin-bottom: 2.3rem;
}
.hero__desc p:last-of-type {
margin-bottom: auto;
}
.hero__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.footer {
padding-bottom: 3rem;
}
.footer__sm {
font-weight: 200;
font-size: 1.6rem;
line-height: 120%;
color: #00081a;
}
.footer__sm a {
color: inherit;
}
.footer__mob {
display: none;
}
@media (max-width: 600px) {
.footer__mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer__sm {
font-weight: 200;
font-size: 1.6rem;
line-height: 120%;
color: #00081a;
}
.footer__sm--right {
text-align: right;
}
@media (max-width: 600px) {
.footer__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
padding-top: 0.6rem;
}
}
.footer__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__row:not(:last-child) {
margin-bottom: 4.5rem;
}
.footer__socials {
margin-bottom: 5rem;
}
.footer__socials ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
.footer__socials ul li {
display: block;
width: 4rem;
height: 4rem;
}
.footer__socials ul li a,
.footer__socials ul li svg,
.footer__socials ul li img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.footer__container {
padding: 5.2rem 6rem 5.4rem;
border-radius: 4rem;
background-color: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
}
@media (max-width: 600px) {
.footer__container {
padding: 4rem 3rem 4.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
}
}
.footer__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10.1rem;
}
@media (max-width: 600px) {
.footer__left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none;
}
}
.footer__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: right;
}
@media (max-width: 600px) {
.footer__right {
display: none;
}
}
.footer__logo {
margin-top: 0.5rem;
display: block;
width: 18.1rem;
height: 3rem;
}
.footer__logo svg {
width: 100%;
height: 100%;
}
.footer__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 1rem;
}
@media (max-width: 600px) {
.footer__links {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
}
}
.footer__block small {
display: block;
font-weight: 200;
font-size: 1.6rem;
line-height: 120%;
text-align: right;
color: var(--black);
}
.footer__block small:not(:last-child) {
margin-bottom: 1.3rem;
}
@media (max-width: 600px) {
.footer__block small {
text-align: left;
}
}
.f-nav__capture {
margin: 0;
margin-bottom: 2.7rem;
}
@media (max-width: 600px) {
.f-nav__capture {
margin-bottom: 2rem;
}
}
.f-nav__link {
font-weight: 200;
font-size: 2rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
@media (max-width: 600px) {
.f-nav__link {
font-size: 2.2rem;
}
}
.f-nav__link--main {
white-space: nowrap;
font-weight: 400;
font-size: 3rem;
}
@media (max-width: 600px) {
.f-nav__link--main {
font-size: 2.8rem;
}
}
.f-nav__item:not(:last-child) {
margin-bottom: 1.5rem;
}
@media (max-width: 600px) {
.f-nav__item:not(:last-child) {
margin-bottom: 1.7rem;
}
}
.portfolio {
padding: 13rem 0;
}
@media (max-width: 600px) {
.portfolio {
padding: 7.5rem 0;
}
}
.portfolio--main {
padding: 3rem 0 13rem;
}
.portfolio__header {
margin-bottom: 4.1rem;
padding: 2.2rem 6rem 3rem;
background: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.portfolio__header {
padding: 3.1rem 4rem 3.9rem;
}
}
.portfolio__header--main {
background: none;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 3rem;
padding: 0;
}
.portfolio__header--main .portfolio__title {
border-radius: 4rem;
padding: 3.8rem 6rem 4rem;
background: var(--white);
line-height: 100%;
}
@media (max-width: 600px) {
.portfolio__header--main .portfolio__title {
padding: 3rem 4rem 3.9rem;
line-height: 120%;
}
}
@media (max-width: 600px) {
.portfolio__header--main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
}
}
.portfolio__title {
-ms-grid-column-span: 3;
grid-column: 3 span;
}
.portfolio__buttons {
-ms-grid-column-span: 9;
grid-column: 9 span;
border-radius: 4rem;
padding: 4rem 6rem;
background: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 2rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 600px) {
.portfolio__buttons {
display: none;
gap: 1rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.portfolio__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.portfolio__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (any-hover: hover) {
.portfolio__btn:hover {
color: var(--white);
}
}
.portfolio__label input:checked ~ .portfolio__btn {
background-color: var(--accent-cyan);
color: var(--white);
}
.p-item {
height: 58rem;
border-radius: 4rem;
overflow: hidden;
background-color: var(--white);
position: relative;
}
@media (max-width: 600px) {
.p-item {
height: auto;
width: 100%;
aspect-ratio: 1/1;
}
}
.p-item__img {
display: block;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.p-item__img img {
display: block;
width: 100%;
height: 100%;
}
.p-item__link {
font-size: 2.3rem;
gap: 1.2rem;
}
.p-item__link svg {
width: 1.2rem;
}
.p-item__link::after {
content: "";
position: absolute;
inset: 0;
z-index: 6;
}
@media (any-hover: hover) {
.p-item__link:hover {
color: var(--white);
}
}
.p-item__link:active {
color: var(--white);
}
.p-item__link:focus {
outline: none;
color: var(--accent-cyan);
}
.p-item__content {
position: absolute;
z-index: 4;
bottom: 3.3rem;
left: 4rem;
right: 4rem;
opacity: 0.5;
}
.p-item__capture {
margin: 0;
}
.p-item__capture:not(:last-child) {
margin-bottom: 0rem;
}
.p-item__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5rem;
}
.p-item__list li:not(:last-child)::after {
content: ",";
}
.p-item--dark .p-item__content {
color: var(--white);
}
.p-item--full .p-item__content {
opacity: 1;
}
.p-item--all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--white);
-webkit-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
@media (any-hover: hover) {
.p-item--all:hover {
background-color: var(--dirty-blue);
}
.p-item--all:hover .p-item__link {
color: var(--white);
}
}
.p-item--all:focus {
outline: none;
background-color: var(--dirty-blue);
}
.p-item--all:focus .p-item__link {
color: var(--white);
}
.p-item--all:active {
background-color: var(--accent-cyan);
}
.p-item--all:active .p-item__link {
color: var(--white);
}
@media (any-hover: hover) {
.p-item:hover .p-item__img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
.portfolio__grid--double .p-item--long {
-ms-grid-column-span: 2;
grid-column: 2 span;
}
.form {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
--gap: -0.5rem;
}
@media (max-width: 600px) {
.form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.form__field {
display: block;
width: 100%;
position: relative;
}
.form__field--long {
-ms-grid-column-span: 2;
grid-column: 2 span;
}
@media (any-hover: hover) {
.form__field:hover input:not(:disabled) ~ .form__label {
color: rgba(0, 0, 0, 0.45);
}
.form__field:hover textarea:not(:disabled) ~ .form__label {
color: rgba(0, 0, 0, 0.45);
}
}
.form__field-wrapper {
display: block;
height: 6rem;
position: relative;
border-radius: 2rem;
outline: 2px solid transparent;
padding: 1.5rem 3rem;
background-color: #f7fafa;
font-weight: 300;
font-size: 2rem;
line-height: 150%;
text-transform: lowercase;
overflow: hidden;
-webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out, outline-color 0.3s ease-in;
transition: color 0.3s ease-out, background-color 0.3s ease-out, outline-color 0.3s ease-in;
}
.form__field-wrapper--area {
height: 14rem;
}
.form__field.filled .form__label {
font-size: 1.4rem;
-webkit-transform: translateY(var(--gap));
-ms-transform: translateY(var(--gap));
transform: translateY(var(--gap));
}
.form__field.filled .form__input {
-webkit-transform: translateY(-32%);
-ms-transform: translateY(-32%);
transform: translateY(-32%);
}
.form__field.filled .form__input--area {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.form__field.focus .form__field-wrapper {
outline-color: #000;
background-color: #fff;
}
.form__field.focus .form__label {
background-color: #fff;
}
.form__label {
position: absolute;
z-index: 4;
background-color: #f7fafa;
width: 100%;
top: 0;
padding-top: 1.4rem;
left: 3rem;
font-weight: 300;
font-size: 2rem;
line-height: 150%;
text-transform: lowercase;
color: rgba(0, 0, 0, 0.25);
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
-webkit-transition: font-size 0.3s ease-in, background-color 0.3s ease-in, -webkit-transform 0.3s ease-in;
transition: font-size 0.3s ease-in, background-color 0.3s ease-in, -webkit-transform 0.3s ease-in;
transition: transform 0.3s ease-in, font-size 0.3s ease-in, background-color 0.3s ease-in;
transition: transform 0.3s ease-in, font-size 0.3s ease-in, background-color 0.3s ease-in, -webkit-transform 0.3s ease-in;
}
.form__input {
display: block;
position: absolute;
padding: 1.5rem 3rem;
height: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 2rem;
width: 100%;
border: none;
background: none;
-webkit-transition: background-color 0.3s ease-in, -webkit-transform 0.3s ease-in;
transition: background-color 0.3s ease-in, -webkit-transform 0.3s ease-in;
transition: transform 0.3s ease-in, background-color 0.3s ease-in;
transition: transform 0.3s ease-in, background-color 0.3s ease-in, -webkit-transform 0.3s ease-in;
}
.form__input:focus {
outline: none;
-webkit-transform: translateY(-32%);
-ms-transform: translateY(-32%);
transform: translateY(-32%);
}
.form__input:focus ~ .form__label {
font-size: 1.4rem;
-webkit-transform: translateY(var(--gap));
-ms-transform: translateY(var(--gap));
transform: translateY(var(--gap));
}
.form__input:disabled {
cursor: not-allowed;
-ms-touch-action: none;
touch-action: none;
background-color: #e3e6e6;
}
.form__input--area {
height: 100%;
resize: none;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-top: 3rem;
}
.form__input--area:focus {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.form__btn {
margin-top: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-grid-column-span: 2;
grid-column: 2 span;
padding: 1.5rem 3rem 1.6rem;
}
.cta {
padding: 3rem 0 12rem;
}
@media (max-width: 600px) {
.cta {
padding: 2.5rem 0 6rem;
}
}
.cta__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem;
}
@media (max-width: 600px) {
.cta__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.cta__content {
-ms-grid-row-span: 2;
grid-row: 2 span;
}
.cta__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
.cta__img {
width: 100%;
height: 100%;
padding-bottom: 57.6%;
position: relative;
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.cta__img {
display: none;
height: 29.5rem;
padding: 0;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 3rem;
}
}
.cta__img--mob {
display: none;
}
@media (max-width: 600px) {
.cta__img--mob {
display: block;
}
}
.cta__img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.cta__header {
padding: 2.3rem 6rem 3.2rem;
border-radius: 4rem;
background: var(--white);
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.cta__header {
padding: 3.3rem 4rem;
-webkit-box-ordinal-group: -9;
-ms-flex-order: -10;
order: -10;
}
}
@media (max-width: 600px) {
.cta__title {
font-size: 3rem;
}
}
.cta__form {
border-radius: 4rem;
padding: 6rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.cta__form {
padding: 4rem;
}
}
.cta__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
padding: 3.1rem 6rem;
background: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.cta__row {
padding: 3.1rem 4rem;
}
}
.cta__row a {
text-decoration: underline;
}
.cta__capture {
font-weight: 300;
}
.cta__capture a {
font-size: inherit;
}
.contacts {
padding: 3rem 0;
margin-bottom: 10rem;
}
@media (max-width: 600px) {
.contacts {
margin-bottom: 4.5rem;
}
}
.contacts__header {
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.contacts__header .heading__title {
padding-top: 2.8rem;
padding-bottom: 3.7rem;
}
}
.contacts__content {
min-height: 50rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.contacts__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 5rem;
}
}
.contacts__address {
margin-right: -3rem;
-ms-grid-column-span: 4;
grid-column: 4 span;
background: var(--white);
border-radius: 4rem;
padding: 3.3rem 6rem;
}
@media (max-width: 600px) {
.contacts__address {
margin-right: 0;
padding-bottom: 6.2rem;
}
}
.contacts__map {
margin-left: 3rem;
-ms-grid-column-span: 8;
grid-column: 8 span;
border-radius: 4rem;
overflow: hidden;
background: var(--white);
position: relative;
}
@media (max-width: 600px) {
.contacts__map {
height: 28.6rem;
margin: 0;
}
}
.contacts__map #map {
position: absolute;
inset: 0;
z-index: 3;
}
.address {
font-style: normal;
}
.address__row:not(:last-child) {
margin-bottom: 1.4rem;
}
.address__row a {
font-size: inherit;
font-weight: inherit;
}
.services {
padding: 3rem 0;
margin-bottom: 10rem;
}
@media (max-width: 600px) {
.services {
margin-bottom: 3rem;
}
}
.services__header {
margin-bottom: 3.8rem;
}
.services__header .heading__title {
padding-top: 2.9rem;
}
@media (max-width: 600px) {
.services__header .heading__title {
padding-top: 3.2rem;
}
}
.services__title {
line-height: 1;
}
.services__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.services__grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.service {
background-color: var(--white);
border-radius: 4rem;
overflow: hidden;
padding: 5.3rem 6rem;
position: relative;
height: 50rem;
}
@media (max-width: 600px) {
.service {
padding: 4.5rem 4rem;
height: auto;
aspect-ratio: 1/1;
}
}
.service__title {
margin-bottom: 1.4rem;
-webkit-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
}
.service__img {
position: absolute;
inset: 0;
pointer-events: none;
}
.service__img img {
display: block;
width: 100%;
height: 100%;
}
.service__link {
position: absolute;
inset: 0;
z-index: 5;
}
.service__desc p {
margin: 0;
}
@media (any-hover: hover) {
.service:hover .service__title {
color: var(--accent-cyan);
}
}
.prices {
padding: 3rem 0;
margin-bottom: 10rem;
}
@media (max-width: 600px) {
.prices {
margin-bottom: 4.4rem;
}
}
.prices__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.prices__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.prices__heading {
margin-bottom: 2.9rem;
min-height: 13rem;
}
@media (max-width: 600px) {
.prices__heading {
margin-bottom: 4rem;
}
}
.prices__heading .heading__title {
padding: 4.8rem 6rem;
}
@media (max-width: 600px) {
.prices__heading .heading__title {
padding: 3rem 4rem 4rem;
}
}
.pr-sr {
padding: 3.3rem 6rem 3.2rem;
background: var(--white);
border-radius: 4rem;
min-height: 30rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 600px) {
.pr-sr {
padding: 4.2rem 4rem;
min-height: unset;
gap: 2.4rem;
}
}
.pr-sr__title {
margin-bottom: 1.4rem;
}
.pr-sr__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 600px) {
.pr-sr__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.pr-sr__desc p {
margin: 0;
}
.pr-sr__desc p:not(:last-child) {
margin-bottom: 0.4rem;
}
.pr-sr__desc ul,
.pr-sr__desc ol {
padding: 0;
margin: 0;
padding-left: 3rem;
}
.about-hero {
padding: 3rem 0;
margin-bottom: 10rem;
}
@media (max-width: 600px) {
.about-hero {
margin-bottom: 4.5rem;
}
}
.about-hero__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.about-hero__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.about-hero__content {
-ms-grid-column-span: 7;
grid-column: 7 span;
min-height: 77rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about-hero__img {
-ms-grid-column-span: 5;
grid-column: 5 span;
position: relative;
border-radius: 4rem;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.about-hero__img > img {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
@media (max-width: 600px) {
.about-hero__img {
display: none;
height: 32.6rem;
margin-bottom: 3rem;
}
}
.about-hero__img--mob {
display: none;
}
@media (max-width: 600px) {
.about-hero__img--mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.about-hero__union {
position: relative;
z-index: 5;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 31.5rem;
height: 25.4rem;
}
@media (max-width: 600px) {
.about-hero__union {
width: 19.8rem;
height: 16rem;
}
}
.about-hero__union img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.about-hero__header {
border-radius: 4rem;
padding: 4.9rem 6rem 4.7rem;
background: var(--white);
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.about-hero__header {
padding: 3rem 4rem 3.9rem;
}
}
.about-hero__desc {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-radius: 4rem;
padding: 5.1rem 6rem;
background: var(--white);
}
@media (max-width: 600px) {
.about-hero__desc {
padding: 4.1rem 4rem;
}
}
.about-hero__desc p {
margin: 0;
}
.about-hero__desc p:not(:last-child) {
margin-bottom: 1rem;
}
.clients {
padding: 3rem 0;
margin-bottom: 10rem;
}
@media (max-width: 600px) {
.clients {
margin-bottom: 4.7rem;
padding: 2.5rem 0;
}
}
.clients__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 4rem;
padding: 2.4rem 6rem 2.6rem;
background-color: var(--white);
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.clients__header {
padding: 3.1rem 4rem 3.9rem;
}
}
.clients__desc {
margin-bottom: 3rem;
border-radius: 4rem;
padding: 5.2rem 6rem 5.1rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.clients__desc {
padding: 4.1rem 4rem;
font-size: 2rem;
}
}
.clients__desc p {
margin: 0;
}
.clients__desc p:not(:last-child) {
margin-bottom: 1rem;
}
@media (max-width: 600px) {
.clients__desc p:not(:last-child) {
margin-bottom: 0.5rem;
}
}
.clients__slider {
cursor: -webkit-grab;
cursor: grab;
padding: 0 calc((100% - var(--content-width)) / 2);
}
@media (max-width: 600px) {
.clients__slider {
padding: 0 var(--container-offset);
}
}
.clients__slider:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.clients__slider .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 600px) {
.clients__slider .item {
width: auto;
}
}
.clients__slider:not(:last-child) {
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.clients__slider:not(:last-child) {
margin-bottom: 2rem;
}
}
.clients__card {
display: block;
position: relative;
height: 33rem;
background-color: var(--white);
border-radius: 4rem;
overflow: hidden;
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.clients__card img {
display: block;
width: 100%;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-filter: brightness(1) contrast(1);
filter: brightness(1) contrast(1);
}
.clients__card[href] {
cursor: pointer;
}
@media (any-hover: hover) {
.clients__card[href]:hover {
-webkit-transform: translateY(-8px) scale(1.02);
-ms-transform: translateY(-8px) scale(1.02);
transform: translateY(-8px) scale(1.02);
}
.clients__card[href]:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (max-width: 600px) {
.clients__card {
height: 32.6rem;
width: 42.5rem;
}
}
.clients__link {
position: absolute;
inset: 0;
z-index: 5;
}
.team {
padding: 3rem 0;
margin-bottom: 10rem;
}
@media (max-width: 600px) {
.team {
margin-bottom: 4.5rem;
}
}
.team__header {
margin-bottom: 3rem;
border-radius: 4rem;
padding: 2.3rem 6rem 2.7rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.team__header {
padding: 3rem 4rem 4rem;
}
}
.team__desc {
margin-bottom: 3rem;
border-radius: 4rem;
padding: 5.1rem 6rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.team__desc {
padding: 4rem 4rem;
}
}
.team__desc p {
margin: 0;
}
.team__desc p:not(:last-child) {
margin-bottom: 1rem;
}
.team__slider {
padding: 0 calc((100% - var(--content-width)) / 2);
}
@media (max-width: 600px) {
.team__slider {
cursor: -webkit-grab;
cursor: grab;
padding: 0 var(--container-offset);
}
.team__slider:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.team__slider.is-hint .owl-stage-outer {
will-change: transform;
-webkit-animation: team-wiggle 1200ms ease-out 1;
animation: team-wiggle 1200ms ease-out 1;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
}
.team__slider .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.team__slider.off {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.team__slider .item {
width: auto;
}
}
@media (max-width: 600px) {
@-webkit-keyframes team-wiggle {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
25% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes team-wiggle {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
25% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
}
.t-card {
aspect-ratio: 1/1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 3.5rem 4rem;
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.t-card {
width: 42.5rem;
}
}
.t-card__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.t-card__info {
position: relative;
z-index: 5;
}
.t-card__info .desc1 {
color: var(--white);
line-height: 120%;
text-transform: lowercase;
}
.t-card__info--dark .desc1 {
color: var(--black);
}
.t-card__name {
margin-bottom: 0.1rem;
}
.t-card__prof {
font-size: 1.8rem;
}
.service-hero {
padding: 3rem 0;
}
@media (max-width: 600px) {
.service-hero {
padding-bottom: 2rem;
}
}
.service-hero__header {
margin-bottom: 6rem;
padding: 4.8rem 6rem 4.7rem;
border-radius: 4rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.service-hero__header {
padding: 3rem 4rem 4rem;
margin-bottom: 3rem;
}
}
.service-hero__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.service-hero__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.service-hero__container:not(:last-child) {
margin-bottom: 6rem;
}
@media (max-width: 600px) {
.service-hero__container:not(:last-child) {
margin-bottom: 4.2rem;
}
}
.service-hero__container--span3 .service-hero__right {
-ms-grid-column-span: 3;
grid-column: 3 span;
}
.service-hero__container--span3 .service-hero__content {
-ms-grid-column-span: 9;
grid-column: 9 span;
}
.service-hero__container--span4 .service-hero__right {
-ms-grid-column-span: 4;
grid-column: 4 span;
}
.service-hero__container--span4 .service-hero__content {
-ms-grid-column-span: 8;
grid-column: 8 span;
}
.service-hero__container--span6 .service-hero__right {
-ms-grid-column-span: 6;
grid-column: 6 span;
}
.service-hero__container--span6 .service-hero__content {
-ms-grid-column-span: 6;
grid-column: 6 span;
}
.service-hero__container--span7 .service-hero__right {
-ms-grid-column-span: 7;
grid-column: 7 span;
}
.service-hero__container--span7 .service-hero__content {
-ms-grid-column-span: 9;
grid-column: 9 span;
}
.service-hero__container--span8 .service-hero__right {
-ms-grid-column-span: 8;
grid-column: 8 span;
}
.service-hero__container--span8 .service-hero__content {
-ms-grid-column-span: 4;
grid-column: 4 span;
}
.service-hero__content {
-ms-grid-column-span: 7;
grid-column: 7 span;
padding: 5.2rem 6.1rem;
border-radius: 4rem;
overflow: hidden;
background-color: var(--white);
}
@media (max-width: 600px) {
.service-hero__content {
padding: 4.2rem 4rem 4rem;
}
}
.service-hero__right {
-ms-grid-column-span: 5;
grid-column: 5 span;
padding: 5.2rem 6.1rem;
border-radius: 4rem;
overflow: hidden;
background-color: var(--white);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
}
@media (max-width: 600px) {
.service-hero__right {
padding: 4.5rem 4rem;
gap: 4.1rem;
}
}
.service-hero__right img {
position: absolute;
left: 0;
top: 0;
z-index: 4;
width: 100%;
height: 100%;
}
@media (max-width: 600px) {
.service-hero__right--img {
padding: 0;
}
.service-hero__right--img img {
position: static;
width: 100%;
height: auto;
}
}
.service-hero__capture {
margin-bottom: 2.5rem;
}
.service-hero__desc h3,
.service-hero__desc h4,
.service-hero__desc h5,
.service-hero__desc h6 {
margin: 0;
margin-bottom: 1.4rem;
font-size: inherit;
line-height: inherit;
font-weight: 400;
}
.service-hero__desc ul,
.service-hero__desc ol {
margin: 0;
padding: 0;
margin-left: 3rem;
}
.service-hero__desc ul:not(:last-child),
.service-hero__desc ol:not(:last-child) {
margin-bottom: 2.4rem;
}
.service-hero__desc ul li::marker,
.service-hero__desc ol li::marker {
font-weight: 400;
}
.service-hero__desc ul li:not(:last-child),
.service-hero__desc ol li:not(:last-child) {
margin-bottom: 0.5rem;
}
.service-hero__desc p {
margin: 0;
}
.service-hero__desc p:not(:last-child) {
margin-bottom: 1rem;
}
.service-hero__desc p b {
font-weight: 400;
}
.service-hero__desc--cost p:not(:last-child) {
margin-bottom: 2.4rem;
}
.service-hero__price {
margin: 0;
font-weight: 400;
font-size: 2.6rem;
line-height: 150%;
color: var(--black);
}
.service-hero__limit {
font-weight: 400;
}
.case {
padding: 3rem 0 2.6rem;
}
.case__hero {
border-radius: 4rem;
overflow: hidden;
}
.case__hero:not(:last-child) {
margin-bottom: 3rem;
}
.case__hero img {
display: block;
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 600px) {
.case__hero {
height: auto;
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
}
.case__item:not(:last-child) {
margin-bottom: 2.6rem;
}
.case__img:not(:last-child) {
margin-bottom: 2.6rem;
}
.case__img img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 600px) {
.case__container {
display: none;
}
}
.case__container--mob {
display: none;
}
@media (max-width: 600px) {
.case__container--mob {
display: block;
}
}
.f-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: var(--white);
padding-top: 8rem;
border-radius: 4rem;
-webkit-box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.05);
max-height: 0;
padding-top: 0;
opacity: 0;
-webkit-transition: max-height 0.3s ease-in, padding-top 0.3s ease-in, opacity 0.3s ease-in;
transition: max-height 0.3s ease-in, padding-top 0.3s ease-in, opacity 0.3s ease-in;
will-change: max-height;
overflow: hidden;
}
.f-menu.menu--active {
max-height: 100rem;
padding-top: 8rem;
opacity: 1;
}
.f-menu__body {
padding: 4rem;
}
.f-menu__nav {
margin-bottom: 4rem;
}
.f-menu__btn {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.content {
margin: 3rem 0 6rem;
padding: 6rem;
border-radius: 4rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.content {
padding: 4rem;
margin: 2rem 0 4rem;
}
}
.content h1 {
margin: 0;
font-weight: 400;
font-size: 6.5rem;
line-height: 100%;
color: var(--black);
}
.content h1:not(:last-child) {
margin-bottom: 1em;
}
@media (max-width: 600px) {
.content h1 {
font-size: 4.6rem;
}
}
.content h2 {
margin: 0;
font-weight: 400;
font-size: 5rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.content h2:not(:last-child) {
margin-bottom: 1em;
}
@media (max-width: 600px) {
.content h2 {
font-size: 3.6rem;
}
}
.content h3,
.content h4,
.content h5,
.content h6 {
margin: 0;
font-weight: 400;
font-size: 3rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.content h3:not(:last-child),
.content h4:not(:last-child),
.content h5:not(:last-child),
.content h6:not(:last-child) {
margin-bottom: 1em;
}
.content p {
margin: 0;
font-weight: 200;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.content p:not(:last-child) {
margin-bottom: 1em;
}
.content ul,
.content ol {
font-weight: 200;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.content ul:not(:last-child),
.content ol:not(:last-child) {
margin-bottom: 1em;
}
.content a {
margin: 0;
font-weight: 200;
font-size: 2rem;
line-height: 150%;
color: var(--black);
text-decoration: underline;
}
.form__field-wrapper--area {
overflow: hidden;
}
textarea {
scrollbar-width: none; -ms-overflow-style: none; }
textarea::-webkit-scrollbar {
display: none; }
.textarea-scrollbar {
position: absolute;
z-index: 10;
top: 1rem;
bottom: 1rem;
right: 0.5rem;
width: 2.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px 0;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.textarea-scrollbar.disabled {
opacity: 0;
}
.textarea-scrollbar.disabled .textarea-scroll-track {
background-color: #888c8b;
}
.textarea-scrollbar.disabled .textarea-scroll-btn {
color: #888c8b;
}
.textarea-scroll-btn {
width: 2.4rem;
height: 2.4rem;
padding: 0;
border: none;
background: none;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #000;
-webkit-transition: background-color 0.3s ease-in;
transition: background-color 0.3s ease-in;
}
.textarea-scroll-btn svg {
fill: currentColor;
}
.textarea-scroll-btn:disabled, .textarea-scroll-btn.disabled {
color: #888c8b;
cursor: default;
}
.textarea-scroll-btn svg {
width: 0.8rem;
height: 0.8rem;
fill: currentColor;
}
.textarea-scroll-track {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 2px;
background: #000;
border-radius: 100px;
margin: 0.4rem 0;
border-radius: 0.1rem;
overflow: hidden;
-webkit-transition: background-color 0.3s ease-in;
transition: background-color 0.3s ease-in;
}
.textarea-scroll-thumb {
position: absolute;
left: 50%;
width: 100%;
min-height: 2rem;
background: transparent;
opacity: 0.3;
border-radius: 0.2rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.plug {
margin-top: 2.6rem;
}
.plug__container {
padding: 3.5rem 6rem;
border-radius: 4rem;
background-color: var(--white);
}
.plug__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.plug__categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-weight: 300;
font-size: 2.4rem;
line-height: 120%;
text-transform: lowercase;
color: rgba(0, 0, 0, 0.25);
}
.plug__categories > *:not(:last-child)::after {
content: ",";
}
.plug__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3rem;
font-weight: 300;
font-size: 2.2rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.plug__links a {
color: inherit;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
@media (any-hover: hover) {
.plug__links a:hover {
color: var(--accent-cyan);
}
}
.plug__links a:focus {
outline: none;
color: var(--accent-cyan);
}
.plug__links a:active {
color: var(--accent-cyan);
}
.plug__sources {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5rem 1rem;
}
.partners {
padding: 3rem 0 13rem;
}
@media (max-width: 600px) {
.partners {
padding: 2rem 0 7.5rem;
}
}
.partners__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 4rem;
padding: 2.4rem 6rem 2.6rem;
background-color: var(--white);
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.partners__header {
padding: 3.1rem 4rem 3.9rem;
}
}
.partners__item {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
min-height: 59.4rem;
}
.partners__item:not(:last-child) {
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.partners__item {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.partners__item-img {
position: relative;
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.partners__item-img {
height: 33.4rem;
}
}
.partners__item-img img {
display: block;
width: 100%;
height: 100%;
}
.partners__item-content {
padding: 6rem;
background-color: var(--white);
border-radius: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 4rem;
}
.partners__item-title {
margin: 0;
margin-bottom: 1rem;
font-weight: 400;
font-size: 3rem;
line-height: 150%;
text-transform: lowercase;
color: var(--black);
}
.partners__item-about {
margin: 0;
margin-bottom: 2rem;
font-weight: 400;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.partners__item-desc {
margin: 0;
font-weight: 200;
}
.partners__item-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem 2rem;
}
.partners__item-link {
font-weight: 200;
font-size: 2rem;
line-height: 150%;
}
.testi {
padding: 10rem 0;
position: relative;
}
@media (min-width: 601px) {
.testi {
overflow: visible;
}
}
.testi__header {
margin-bottom: 4rem;
padding: 3.6rem 6rem;
background-color: var(--white);
}
.testi__slider {
padding: 0 calc((100% - var(--content-width)) / 2);
position: relative;
}
@media (min-width: 601px) {
.testi__slider {
overflow: visible;
}
}
@media (max-width: 600px) {
.testi__slider {
padding: 0 var(--container-offset);
}
}
.testi__slider .owl-nav {
display: none;
}
.testi__slider .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media (min-width: 601px) {
.testi__slider .owl-stage {
overflow: visible;
}
}
@media (min-width: 601px) {
.testi__slider .owl-stage-outer {
overflow: visible;
position: relative;
}
}
.testi__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
position: relative;
}
@media (max-width: 600px) {
.testi__item {
width: 45.5rem;
}
}
@media (min-width: 601px) {
.testi__item--expanded {
z-index: 10;
}
.testi__item--expanded .testi__item-content {
-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
}
.testi__item-img {
position: relative;
height: 37rem;
border-radius: 4rem;
}
@media (max-width: 600px) {
.testi__item-img {
height: 30rem;
}
}
.testi__item-img img,
.testi__item-img video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.testi__item-play {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
cursor: pointer;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
width: 6rem;
height: 6rem;
}
.testi__item-play--hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.testi__item-play svg {
width: 100%;
height: 100%;
fill: var(--white);
-webkit-filter: drop-shadow(0 4px 60px 0 rgba(0, 0, 0, 0.15));
filter: drop-shadow(0 4px 60px 0 rgba(0, 0, 0, 0.15));
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (any-hover: hover) {
.testi__item-play:hover svg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
.testi__item-content {
padding: 6rem;
background-color: var(--white);
border-radius: 4rem;
min-height: 40rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
-webkit-transition: position 0.3s ease, top 0.3s ease, left 0.3s ease, right 0.3s ease, width 0.3s ease, z-index 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: position 0.3s ease, top 0.3s ease, left 0.3s ease, right 0.3s ease, width 0.3s ease, z-index 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, position 0.3s ease, top 0.3s ease, left 0.3s ease, right 0.3s ease, width 0.3s ease, z-index 0.3s ease;
transition: box-shadow 0.3s ease, position 0.3s ease, top 0.3s ease, left 0.3s ease, right 0.3s ease, width 0.3s ease, z-index 0.3s ease, -webkit-box-shadow 0.3s ease;
}
@media (min-width: 601px) {
.testi__item-content {
position: relative;
}
}
.testi__item-name {
margin: 0;
margin-bottom: 1.5rem;
font-size: 3rem;
line-height: 110%;
text-transform: lowercase;
color: var(--black);
}
.testi__item-prof {
margin: 0;
margin-bottom: 3rem;
font-size: 2rem;
line-height: 110%;
color: var(--black);
}
.testi__item-desc {
max-height: 11.5rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
box-orient: vertical;
line-clamp: 4;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
-webkit-transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.testi__item-desc p {
margin: 0;
font-weight: 200;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.testi__item-btn {
font-weight: 200;
font-size: 2rem;
line-height: 150%;
text-transform: lowercase;
color: var(--black);
cursor: pointer;
}
.b-a {
position: relative;
overflow: hidden;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4rem;
height: 80rem;
}
.b-a img {
display: block;
width: 100%;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.b-a__before {
position: absolute;
z-index: 2;
left: 0;
top: 0;
overflow: hidden;
height: 100%;
width: 50%;
}
.b-a__before img {
max-width: unset;
}
.b-a__after {
height: 100%;
}
.b-a__change {
position: absolute;
z-index: 4;
cursor: pointer;
left: 50%;
top: 0;
width: 0.3rem;
height: 100%;
background-color: #fff;
cursor: col-resize;
}
.b-a__change::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1rem;
height: 8rem;
background-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/before-after/arrows.svg);
background-size: 1.5rem;
background-position: center;
background-repeat: no-repeat;
background-color: #fff;
}
.blog {
padding: 8rem 0;
}
.blog_main {
padding-top: 3rem;
padding-bottom: 13rem;
}
@media (max-width: 600px) {
.blog_main {
padding-bottom: 10rem;
}
}
.blog_page {
padding: 8rem 0;
}
.blog_general .blog__grid > *:first-child {
-ms-grid-row-span: 2;
grid-row: 2 span;
}
@media (max-width: 600px) {
.blog_general .blog__grid > * {
display: none;
}
.blog_general .blog__grid > *:nth-child(1), .blog_general .blog__grid > *:nth-child(2) {
display: block;
}
}
.blog:not(.blog_main) .blog__grid > * {
display: none;
}
.blog:not(.blog_main) .blog__grid > *:nth-child(1), .blog:not(.blog_main) .blog__grid > *:nth-child(2) {
display: block;
}
.blog__title {
line-height: 100%;
}
.blog__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.blog__grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.blog__header {
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.blog__header {
min-height: unset;
}
}
@media (max-width: 600px) {
.blog__buttons {
display: none;
}
}
.blog__more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 4rem;
width: 100%;
}
.blog-card {
border-radius: 4rem;
overflow: hidden;
position: relative;
min-height: 38.4rem;
}
.blog-card__img {
position: relative;
height: 100%;
}
.blog-card__img::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(transparent));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
}
.blog-card__img img {
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.3s ease-in;
transition: -webkit-transform 0.3s ease-in;
transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}
.blog-card__content {
position: absolute;
bottom: 4rem;
left: 4rem;
top: 4rem;
right: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.blog-card__title {
margin: 0;
font-weight: 400;
font-size: 2rem;
line-height: 120%;
color: var(--white);
text-transform: lowercase;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.blog-card__title::after {
content: "";
position: absolute;
z-index: 4;
inset: 0;
}
@media (any-hover: hover) {
.blog-card:hover .blog-card__img img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
.single {
padding: 3rem 0 10rem;
}
.single__header {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 2rem;
margin-bottom: 6rem;
}
@media (max-width: 600px) {
.single__header {
margin-bottom: 4rem;
height: 80vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.single__content {
-ms-grid-column-span: 4;
grid-column: 4 span;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
}
@media (max-width: 600px) {
.single__content {
padding: 4rem;
background-color: var(--white);
border-radius: 4rem;
gap: 3rem;
}
}
.single__cover {
-ms-grid-column-span: 8;
grid-column: 8 span;
position: relative;
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.single__cover {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.single__cover img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.single__title {
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.single__title {
padding: 0;
background-color: transparent;
border-radius: 0;
}
}
.single__author {
padding: 6rem;
border-radius: 4rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.single__author {
padding: 0;
background-color: transparent;
border-radius: 0;
}
}
.author__img {
width: 5rem;
height: 5rem;
border-radius: 100%;
overflow: hidden;
}
.author__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 600px) {
.author__img {
width: 4rem;
height: 4rem;
}
}
.author__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
}
.author__row:not(:last-child) {
margin-bottom: 3rem;
}
.author__name {
margin: 0;
font-weight: 400;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.author__time {
display: block;
font-weight: 200;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
@media (max-width: 600px) {
.author__time {
display: none;
}
}
.author__time_mob {
display: none;
}
@media (max-width: 600px) {
.author__time_mob {
display: block;
margin-bottom: -2rem;
}
}
.text-content {
margin: 0;
font-weight: 200;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.text-content * {
margin: 0;
}
.text-content h2,
.text-content h3 {
margin: 0;
font-weight: 400;
font-size: 3rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.text-content h2 span,
.text-content h3 span {
color: var(--accent-cyan);
}
.text-content h2:not(:last-child),
.text-content h3:not(:last-child) {
margin-bottom: 3rem;
}
.text-content h4,
.text-content h5,
.text-content h6 {
margin: 0;
font-weight: 400;
font-size: 2.2rem;
line-height: 130%;
text-transform: lowercase;
color: var(--black);
}
.text-content h4:not(:last-child),
.text-content h5:not(:last-child),
.text-content h6:not(:last-child) {
margin-bottom: 2rem;
}
.text-content__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
}
.text-content__container:not(:last-child) {
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.text-content__container:not(.text-content__container_separated) {
padding: 4.5rem 4rem;
background-color: var(--white);
border-radius: 4rem;
gap: 4rem;
}
.text-content__container:not(.text-content__container_separated) > * {
border-radius: 0;
background-color: transparent;
padding: 0;
}
}
.text-content__container_nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 600px) {
.text-content__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.text-content__block {
position: relative;
padding: 6rem;
border-radius: 4rem;
background-color: var(--white);
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(25% - 1.5rem);
flex: 1 1 calc(25% - 1.5rem);
min-width: calc(25% - 1.5rem);
}
.text-content__block > * {
position: relative;
z-index: 3;
}
.text-content__block_3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - 1.5rem);
flex: 0 0 calc(25% - 1.5rem);
min-width: calc(25% - 1.5rem);
}
.text-content__block_4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.333% - 1.5rem);
flex: 0 0 calc(33.333% - 1.5rem);
min-width: calc(33.333% - 1.5rem);
}
.text-content__block_5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(41.667% - 1.15rem);
flex: 0 0 calc(41.667% - 1.15rem);
min-width: calc(41.667% - 1.15rem);
}
.text-content__block_6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 1rem);
flex: 0 0 calc(50% - 1rem);
min-width: calc(50% - 1rem);
}
.text-content__block_7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(58.333% - 0.89rem);
flex: 0 0 calc(58.333% - 0.89rem);
min-width: calc(58.333% - 0.89rem);
}
@media (max-width: 600px) {
.text-content__block {
padding: 4.5rem 4rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 100%;
}
}
.text-content__block_has-img {
padding: 0;
background-color: transparent;
border-radius: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 600px) {
.text-content__block_has-img {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 100%;
}
}
.text-content__block_has-img .img {
height: 22.4rem;
border-radius: 4rem;
overflow: hidden;
background-color: #ccc;
}
.text-content__block_has-img .img:not(:last-child) {
margin-bottom: 2rem;
}
@media (max-width: 600px) {
.text-content__block_has-img .img:not(:last-child) {
margin-bottom: 1rem;
}
}
.text-content__block_has-img .img:not(:first-child) {
margin-top: 2rem;
}
@media (max-width: 600px) {
.text-content__block_has-img .img:not(:first-child) {
margin-top: 1rem;
}
}
.text-content__block_has-img .img img {
display: block;
width: 100%;
height: 100%;
}
.text-content__block_has-img .block-content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.text-content__block_has-img .block-content {
padding: 4.5rem 4rem;
}
}
.text-content__block-bg {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
height: 100%;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.text-content__block-bg img {
display: block;
width: 100%;
height: 100%;
-o-object-position: bottom;
object-position: bottom;
}
.text-content figure {
border-radius: 4rem;
overflow: hidden;
-ms-flex-preferred-size: calc(25% - 1rem);
flex-basis: calc(25% - 1rem);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: auto;
}
@media (max-width: 600px) {
.text-content figure {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.text-content figure img {
display: block;
width: 100%;
height: 100%;
}
.text-content p {
font-family: var(--second-family);
font-weight: 200;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.text-content p:not(:last-child) {
margin-bottom: 0.4em;
}
.text-content b,
.text-content strong {
font-weight: 300;
}
.text-content ul,
.text-content ol {
padding-left: 2rem;
}
.text-content ul li:not(:last-child),
.text-content ol li:not(:last-child) {
margin-bottom: 0.5em;
}
.text-content ul:not(:last-child),
.text-content ol:not(:last-child) {
margin-bottom: 0.4em;
}
.text-content .mb-large:not(:last-child) {
margin-bottom: 6rem;
}
@media (max-width: 600px) {
.text-content .mb-large:not(:last-child) {
margin-bottom: 4rem;
}
}
.context-hero {
height: 80vh;
max-height: 96rem;
margin-bottom: 5rem;
}
@media (max-width: 600px) {
.context-hero {
max-height: 90rem;
margin-bottom: 3rem;
}
}
.context-hero,
.context-hero .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.context-hero .container, .context-hero__container {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
}
.context-hero__container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 600px) {
.context-hero__container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.context-hero__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/context/hero-mask.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/context/hero-mask.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: bottom;
mask-position: bottom;
-webkit-mask-size: cover;
mask-size: cover;
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.context-hero__img {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/context/hero-mask-mob.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/context/hero-mask-mob.svg);
-webkit-mask-size: contain;
mask-size: contain;
max-height: 59rem;
position: static;
}
}
.context-hero__img img {
-o-object-position: top;
object-position: top;
display: block;
width: 100%;
height: 100%;
}
.context-hero__title {
font-size: 7rem;
line-height: 1;
}
@media (max-width: 600px) {
.context-hero__title {
line-height: 1;
font-size: 4.6rem;
}
}
.context-hero__content {
height: 56.6rem;
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 58rem;
background-color: var(--white);
padding: 8rem 4.3rem 6rem 6rem;
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/context/content-mask.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/context/content-mask.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: bottom;
mask-position: bottom;
-webkit-mask-size: contain;
mask-size: contain;
}
@media (max-width: 600px) {
.context-hero__content {
margin-top: -1rem;
height: 32rem;
gap: 2rem;
padding: 7.5rem 4rem 6rem;
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/context/content-mask-mob.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/context/content-mask-mob.svg);
-webkit-mask-size: cover;
mask-size: cover;
}
}
.context-desc {
padding: 5rem 0;
}
@media (max-width: 600px) {
.context-desc {
padding: 3rem 0;
}
}
.context-desc__title {
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.context-desc__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.context-desc__desc {
padding: 5rem 6rem;
border-radius: 4rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.context-desc__desc {
padding: 4.5rem 4rem;
}
}
.context-desc__desc p,
.context-desc__desc ul,
.context-desc__desc ol {
margin: 0;
}
.context-desc__desc p:not(:last-child),
.context-desc__desc ul:not(:last-child),
.context-desc__desc ol:not(:last-child) {
margin-bottom: 3rem;
}
.context-desc__desc p li:not(:last-child),
.context-desc__desc ul li:not(:last-child),
.context-desc__desc ol li:not(:last-child) {
margin-bottom: 1rem;
}
.context-desc__desc ul,
.context-desc__desc ol {
padding-left: 2rem;
}
.context-platform {
padding: 5rem 0;
}
@media (max-width: 600px) {
.context-platform {
padding: 3rem 0;
}
}
.context-platform__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.context-platform__container {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.context-platform__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
.context-platform__title {
padding: 5.5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.context-platform__title {
display: none;
}
}
.context-platform__title_mob {
display: none;
}
@media (max-width: 600px) {
.context-platform__title_mob {
display: block;
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2;
font-size: 3rem;
padding: 3rem 4rem;
}
}
.context-platform__desc {
padding: 5.5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.context-platform__desc {
padding: 4.5rem 4rem;
}
}
.context-platform__desc p,
.context-platform__desc ul,
.context-platform__desc ol {
margin: 0;
}
.context-platform__desc p:not(:last-child),
.context-platform__desc ul:not(:last-child),
.context-platform__desc ol:not(:last-child) {
margin-bottom: 3rem;
}
.context-platform__desc p {
max-width: 70rem;
}
.context-platform__desc ul,
.context-platform__desc ol {
padding-left: 2rem;
}
.context-platform__desc ul li:not(:last-child),
.context-platform__desc ol li:not(:last-child) {
margin-bottom: 1rem;
}
.context-platform__img {
position: relative;
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.context-platform__img {
height: auto;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
.context-platform__img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (max-width: 600px) {
.context-platform__img img {
position: static;
height: auto;
}
}
.context-work {
padding: 5rem 0;
}
@media (max-width: 600px) {
.context-work {
padding: 3rem 0;
}
}
.context-work__title {
padding: 5rem 6rem;
border-radius: 4rem;
background-color: var(--white);
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.context-work__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.context-work__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
counter-reset: stepps;
}
.context-work__step {
counter-increment: steps;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background-color: var(--white);
padding: 5.5rem 6rem;
border-radius: 4rem;
}
@media (max-width: 600px) {
.context-work__step {
width: 100%;
padding: 4.5rem 4rem;
}
}
.context-work__step:nth-child(8n+1), .context-work__step:nth-child(8n+2), .context-work__step:nth-child(8n+5), .context-work__step:nth-child(8n+6) {
-ms-flex-preferred-size: calc(50% - 2rem);
flex-basis: calc(50% - 2rem);
}
@media (max-width: 600px) {
.context-work__step:nth-child(8n+1), .context-work__step:nth-child(8n+2), .context-work__step:nth-child(8n+5), .context-work__step:nth-child(8n+6) {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.context-work__step:nth-child(8n+4) {
-ms-flex-preferred-size: 58rem;
flex-basis: 58rem;
}
@media (max-width: 600px) {
.context-work__step:nth-child(8n+4) {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.context-work__step:nth-child(8n+3) {
-ms-flex-preferred-size: 118rem;
flex-basis: 118rem;
}
@media (max-width: 600px) {
.context-work__step:nth-child(8n+3) {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.context-work__step:nth-child(8n+7) {
-ms-flex-preferred-size: 42rem;
flex-basis: 42rem;
}
@media (max-width: 600px) {
.context-work__step:nth-child(8n+7) {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.context-work__step:nth-child(8n+8) {
-ms-flex-preferred-size: 134rem;
flex-basis: 134rem;
}
@media (max-width: 600px) {
.context-work__step:nth-child(8n+8) {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.context-step__header {
margin-bottom: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
}
@media (max-width: 600px) {
.context-step__header {
gap: 1rem;
}
}
.context-step__header span {
font-weight: 400;
font-size: 2.6rem;
line-height: 100%;
color: var(--accent-cyan);
}
.context-step__title {
margin: 0;
font-weight: 400;
font-size: 2.6rem;
line-height: 110%;
color: var(--black);
}
.context-step__desc p,
.context-step__desc ul,
.context-step__desc ol {
margin: 0;
}
.context-step__desc ul,
.context-step__desc ol {
padding-left: 2rem;
}
.context-step__desc ul li:not(:last-child),
.context-step__desc ol li:not(:last-child) {
margin-bottom: 0.5rem;
}
.context-step__desc h5 {
margin: 0;
font-weight: 300;
line-height: inherit;
font-size: inherit;
margin-bottom: 2rem;
text-transform: lowercase;
}
.context-step_cols-3 .context-step__desc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2rem;
}
@media (max-width: 600px) {
.context-step_cols-3 .context-step__desc {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
}
.context-step_cols-3 .context-step__desc > * {
-ms-flex-preferred-size: calc(100% - 4rem);
flex-basis: calc(100% - 4rem);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (max-width: 600px) {
.context-step_cols-3 .context-step__desc > * {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.context-complex {
padding: 5rem 0;
}
@media (max-width: 600px) {
.context-complex {
padding: 3rem 0;
}
}
.context-complex__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 4rem;
}
@media (max-width: 600px) {
.context-complex__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
}
.context-complex__img {
-ms-grid-column-span: 5;
grid-column: 5 span;
border-radius: 4rem;
position: relative;
overflow: hidden;
}
.context-complex__img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (max-width: 600px) {
.context-complex__img {
height: 25.5rem;
}
}
.context-complex__content {
-ms-grid-column-span: 7;
grid-column: 7 span;
}
@media (max-width: 600px) {
.context-complex__content {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
.context-complex__title, .context-complex__desc {
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
.context-complex__title {
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.context-complex__title {
display: none;
margin-bottom: 0;
}
}
.context-complex__title_mob {
display: none;
}
@media (max-width: 600px) {
.context-complex__title_mob {
display: block;
font-size: 3rem;
padding: 3rem 4rem;
}
}
@media (max-width: 600px) {
.context-complex__desc {
padding: 4.5rem 4rem;
}
}
.context-complex__desc p,
.context-complex__desc ul,
.context-complex__desc ol {
margin: 0;
}
.context-complex__desc p:not(:last-child),
.context-complex__desc ul:not(:last-child),
.context-complex__desc ol:not(:last-child) {
margin-bottom: 3rem;
}
.context-complex__desc p + p:not(:last-child) {
margin-bottom: 0.5rem;
}
.context-complex__desc p + ul:not(:last-child),
.context-complex__desc p + ol:not(:last-child) {
margin-bottom: 0.5rem;
}
.context-add {
padding: 5rem 0;
}
@media (max-width: 600px) {
.context-add {
padding: 3rem 0;
}
}
.context-add__title, .context-add__info {
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
.context-add__info {
padding: 4.5rem 4rem;
}
.context-add__title {
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.context-add__title {
display: none;
}
}
.context-add__title_mob {
display: none;
}
@media (max-width: 600px) {
.context-add__title_mob {
display: block;
font-size: 3rem;
padding: 3.5rem 4rem;
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2;
margin-bottom: 0;
}
}
.context-add__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 4rem;
}
@media (max-width: 600px) {
.context-add__container {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 3rem;
}
}
.context-add__img {
border-radius: 4rem;
overflow: hidden;
position: relative;
}
@media (max-width: 600px) {
.context-add__img {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
height: 36.6rem;
}
}
.context-add__img img {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
}
.context-add__desc {
margin-bottom: 4rem;
}
.context-add__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 600px) {
.context-add__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.context-add__price span {
display: block;
margin-bottom: 1rem;
font-weight: 300;
font-size: 2.6rem;
line-height: 100%;
color: rgba(0, 0, 0, 0.25);
}
.context-add__price {
font-weight: 400;
font-size: 4rem;
line-height: 100%;
color: var(--black);
}
.context-add__btn {
padding: 2rem 7rem;
}
.mkt-hero {
padding: 3rem 0;
}
@media (max-width: 600px) {
.mkt-hero {
padding-bottom: 2rem;
}
}
.mkt-hero__container {
border-radius: 4rem;
position: relative;
height: 75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 600px) {
.mkt-hero__container {
height: auto;
gap: 3rem;
}
}
.mkt-hero__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 4rem;
min-height: 50rem;
width: 68rem;
padding: 8rem 6rem 6rem;
background-color: var(--white);
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/marketing/content-mask.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/marketing/content-mask.svg);
-webkit-mask-position: top;
mask-position: top;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (max-width: 600px) {
.mkt-hero__content {
-webkit-mask: none;
mask: none;
min-height: auto;
padding: 4.5rem 4rem;
gap: 3rem;
width: 100%;
border-radius: 3rem;
}
}
.mkt-hero__title {
font-size: 7rem;
max-width: 52rem;
line-height: 1.1;
}
@media (max-width: 600px) {
.mkt-hero__title {
font-size: 4.6rem;
}
}
.mkt-hero__btn {
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
max-width: 46rem;
}
.mkt-hero__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: var(--white);
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/marketing/hero-mask.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/marketing/hero-mask.svg);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (max-width: 600px) {
.mkt-hero__img {
position: static;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
min-height: 28rem;
-webkit-mask: none;
mask: none;
border-radius: 3rem;
}
}
.mkt-hero__img picture,
.mkt-hero__img img {
display: block;
width: 100%;
height: 100%;
}
.mkt-hero__img img {
-o-object-fit: cover;
object-fit: cover;
}
.mkt-about {
padding: 5rem 0;
}
@media (max-width: 600px) {
.mkt-about {
padding: 3rem 0;
}
}
.mkt-about__title {
padding: 5rem 6rem;
margin-bottom: 3rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-about__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.mkt-about__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.mkt-about__grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.mkt-about__text, .mkt-about__list {
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-about__text, .mkt-about__list {
padding: 4.5rem 4rem;
}
}
.mkt-about__text p {
margin: 0;
}
.mkt-about__text p:not(:last-child) {
margin-bottom: 3rem;
}
.mkt-about__list ul {
margin: 0;
padding-left: 2rem;
}
.mkt-about__list ul li:not(:last-child) {
margin-bottom: 1rem;
}
.mkt-includes {
padding: 5rem 0;
}
@media (max-width: 600px) {
.mkt-includes {
padding: 3rem 0;
}
}
.mkt-includes__title {
padding: 5rem 6rem;
margin-bottom: 3rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-includes__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.mkt-includes__intro {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.mkt-includes__intro {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.mkt-includes__intro-item {
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-includes__intro-item {
padding: 4.5rem 4rem;
}
}
.mkt-includes__intro-item p {
margin: 0;
}
.mkt-includes__track {
margin-right: calc(-1 * var(--container-offset));
padding-right: var(--container-offset);
}
.mkt-includes__cards.slider {
padding-bottom: 0.5rem;
}
.mkt-card {
position: relative;
width: 55rem;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 60rem;
padding: 5rem 6rem 5.5rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-card {
width: 47.6rem;
padding: 4.5rem 4rem;
min-height: 60rem;
height: 100%;
}
}
.mkt-card__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 3rem;
margin-bottom: 4rem;
}
.mkt-card__icon {
width: 11.4rem;
height: 9.6rem;
}
.mkt-card__icon img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: right center;
object-position: right center;
}
.mkt-card__title {
max-width: 28rem;
margin-bottom: 2rem;
padding-right: 5rem;
line-height: 110%;
}
.mkt-card__desc p {
margin: 0;
}
.mkt-stages {
padding: 5rem 0;
}
@media (max-width: 600px) {
.mkt-stages {
padding: 3rem 0;
}
}
.mkt-stages__title {
padding: 5rem 6rem;
margin-bottom: 3rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-stages__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.mkt-stages__subtitle {
padding: 4rem 6rem;
margin-bottom: 4rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-stages__subtitle {
padding: 3.5rem 4rem;
margin-bottom: 3rem;
}
}
.mkt-stages__subtitle:last-child {
margin-bottom: 0;
}
.mkt-stages__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
}
@media (max-width: 600px) {
.mkt-stages__items {
gap: 3rem;
}
}
.mkt-stages__step {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 5.5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-stages__step {
width: 100%;
padding: 4.5rem 4rem;
}
}
.mkt-stages__step:nth-child(7n+1), .mkt-stages__step:nth-child(7n+2) {
-ms-flex-preferred-size: calc(50% - 2rem);
flex-basis: calc(50% - 2rem);
}
@media (max-width: 600px) {
.mkt-stages__step:nth-child(7n+1), .mkt-stages__step:nth-child(7n+2) {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.mkt-stages__step:nth-child(7n+3), .mkt-stages__step:nth-child(7n+4), .mkt-stages__step:nth-child(7n+5) {
-ms-flex-preferred-size: calc(33.333% - 2.67rem);
flex-basis: calc(33.333% - 2.67rem);
}
@media (max-width: 600px) {
.mkt-stages__step:nth-child(7n+3), .mkt-stages__step:nth-child(7n+4), .mkt-stages__step:nth-child(7n+5) {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.mkt-stages__step:nth-child(7n+6), .mkt-stages__step:nth-child(7n+7) {
-ms-flex-preferred-size: calc(50% - 2rem);
flex-basis: calc(50% - 2rem);
}
@media (max-width: 600px) {
.mkt-stages__step:nth-child(7n+6), .mkt-stages__step:nth-child(7n+7) {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.mkt-stage__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.mkt-stage__header {
gap: 1rem;
margin-bottom: 3rem;
}
}
.mkt-stage__heading {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.mkt-stage__title {
margin: 0 0 1rem;
font-weight: 400;
font-size: 2.6rem;
line-height: 110%;
color: var(--black);
}
.mkt-stage__term {
margin: 0;
color: rgba(0, 0, 0, 0.45);
}
.mkt-stage__num {
-ms-flex-negative: 0;
flex-shrink: 0;
font-weight: 400;
font-size: 2.6rem;
line-height: 100%;
color: var(--accent-cyan);
}
.mkt-stage__desc p {
margin: 0;
}
.mkt-team {
padding: 5rem 0;
}
@media (max-width: 600px) {
.mkt-team {
padding: 3rem 0;
}
}
.mkt-team__title, .mkt-team__subtitle, .mkt-team__note {
background-color: var(--white);
border-radius: 4rem;
}
.mkt-team__title {
padding: 5rem 6rem;
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.mkt-team__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.mkt-team__subtitle {
padding: 4rem 6rem;
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.mkt-team__subtitle {
padding: 3.5rem 4rem;
margin-bottom: 3rem;
}
}
.mkt-team__grid {
margin-bottom: 3rem;
}
.mkt-team__card {
width: 47.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 79.2rem;
}
.mkt-team__photo {
margin-bottom: 2rem;
border-radius: 4rem;
overflow: hidden;
height: 34rem;
}
.mkt-team__photo img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mkt-team__name {
margin-bottom: 0.5rem;
line-height: 110%;
}
.mkt-team__bio {
margin: 0;
}
.mkt-team__note {
padding: 3rem 6rem;
}
@media (max-width: 600px) {
.mkt-team__note {
padding: 3rem 4rem;
text-align: left;
}
}
.mkt-team__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
.mkt-business {
padding: 5rem 0;
}
@media (max-width: 600px) {
.mkt-business {
padding: 3rem 0;
}
}
.mkt-business__title, .mkt-business__intro {
background-color: var(--white);
border-radius: 4rem;
}
.mkt-business__title {
padding: 5rem 6rem;
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.mkt-business__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.mkt-business__intro {
padding: 4rem 6rem;
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.mkt-business__intro {
padding: 3.5rem 4rem;
}
}
.mkt-business__track {
margin-right: calc(-1 * var(--container-offset));
padding-right: var(--container-offset);
}
.mkt-business__cards.slider {
padding-bottom: 0.5rem;
}
.mkt-business__cards.slider .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.mkt-business__cards.slider .owl-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mkt-business__cards.slider .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
}
.mkt-business__card {
width: 55rem;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-business__card {
width: 47.6rem;
padding: 4.5rem 4rem;
}
}
.mkt-business__card p {
margin: 0;
}
.mkt-business__card-title {
margin-bottom: 2rem;
line-height: 110%;
}
.mkt-pricing {
padding: 5rem 0;
}
@media (max-width: 600px) {
.mkt-pricing {
padding: 3rem 0;
}
}
.mkt-pricing__title, .mkt-pricing__intro {
background-color: var(--white);
border-radius: 4rem;
}
.mkt-pricing__title {
padding: 5rem 6rem;
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.mkt-pricing__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.mkt-pricing__intro {
padding: 4rem 6rem;
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.mkt-pricing__intro {
padding: 3.5rem 4rem;
margin-bottom: 3rem;
}
}
.mkt-pricing__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.mkt-pricing__grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.mkt-pricing__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 3rem;
min-height: 31rem;
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
.mkt-pricing__card > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 3rem;
}
@media (max-width: 600px) {
.mkt-pricing__card {
min-height: auto;
padding: 4.5rem 4rem;
}
}
.mkt-pricing__card-title {
margin-bottom: 0;
line-height: 110%;
}
.mkt-pricing__desc {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mkt-pricing__desc p,
.mkt-pricing__desc ul {
margin: 0;
}
.mkt-pricing__desc p:not(:last-child) {
margin-bottom: 1.5rem;
}
.mkt-pricing__desc ul {
padding-left: 2rem;
}
.mkt-pricing__desc ul li:not(:last-child) {
margin-bottom: 0.5rem;
}
.mkt-pricing__price {
margin: 0;
}
.mkt-faq {
padding: 5rem 0;
}
@media (max-width: 600px) {
.mkt-faq {
padding: 3rem 0;
}
}
.mkt-faq__title {
padding: 5rem 6rem;
margin-bottom: 4rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-faq__title {
padding: 3.5rem 4rem;
font-size: 3rem;
margin-bottom: 3rem;
}
}
.mkt-faq__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 3rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
@media (max-width: 600px) {
.mkt-faq__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.mkt-faq__img {
-ms-grid-column-span: 5;
grid-column: 5 span;
position: relative;
overflow: hidden;
min-height: 60rem;
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-faq__img {
min-height: unset;
height: 25.5rem;
width: 100%;
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2;
}
}
.mkt-faq__img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 600px) {
.mkt-faq__img img {
position: static;
height: auto;
}
}
.mkt-faq__list {
-ms-grid-column-span: 7;
grid-column: 7 span;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
@media (max-width: 600px) {
.mkt-faq__list {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.mkt-faq__item {
padding: 4rem 5rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-faq__item {
padding: 3.5rem 4rem;
}
}
.mkt-faq__question {
margin: 0 0 1.5rem;
line-height: 110%;
}
.mkt-faq__answer p {
margin: 0;
}
.mkt-research {
padding: 5rem 0 10rem;
}
@media (max-width: 600px) {
.mkt-research {
padding: 3rem 0 4.5rem;
}
}
.mkt-research__title, .mkt-research__intro {
background-color: var(--white);
border-radius: 4rem;
}
.mkt-research__title {
padding: 5rem 6rem;
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.mkt-research__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.mkt-research__intro {
padding: 4rem 6rem;
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.mkt-research__intro {
padding: 3.5rem 4rem;
margin-bottom: 3rem;
}
}
.mkt-research__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.mkt-research__container {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.mkt-research__content {
-ms-grid-column-span: 7;
grid-column: 7 span;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
@media (max-width: 600px) {
.mkt-research__content {
grid-column: auto;
}
}
.mkt-research__block {
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-research__block {
padding: 4.5rem 4rem;
}
}
.mkt-research__block ul {
margin: 0;
padding-left: 2rem;
}
.mkt-research__block ul li:not(:last-child) {
margin-bottom: 0.5rem;
}
.mkt-research__block p {
margin: 0;
}
.mkt-research__block-title {
margin: 0 0 2rem;
line-height: 110%;
}
.mkt-research__bottom {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.mkt-research__bottom {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.mkt-research__mini {
padding: 4rem 5rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-research__mini {
padding: 3.5rem 4rem;
}
}
.mkt-research__mini p {
margin: 0;
}
.mkt-research__mini-title {
margin: 0 0 1.5rem;
line-height: 110%;
}
.mkt-research__img {
-ms-grid-column-span: 5;
grid-column: 5 span;
position: relative;
overflow: hidden;
min-height: 100%;
border-radius: 4rem;
}
@media (max-width: 600px) {
.mkt-research__img {
grid-column: auto;
min-height: unset;
height: 25.5rem;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
.mkt-research__img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.brand-section {
padding: 5rem 0;
}
@media (max-width: 600px) {
.brand-section {
padding: 3rem 0;
}
}
.brand-section__title {
padding: 5rem 6rem;
margin-bottom: 3rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.brand-section__title {
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.brand-hero {
padding: 3rem 0;
}
@media (max-width: 600px) {
.brand-hero {
padding-bottom: 2rem;
}
}
.brand-hero__container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 75rem;
border-radius: 4rem;
}
@media (max-width: 600px) {
.brand-hero__container {
height: auto;
gap: 3rem;
}
}
.brand-hero__content {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
width: 58rem;
padding: 8.5rem 6rem 6rem;
background-color: var(--white);
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask-content1.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask-content1.svg);
-webkit-mask-position: top;
mask-position: top;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (max-width: 600px) {
.brand-hero__content {
width: 100%;
min-height: auto;
padding: 4.5rem 4rem;
-webkit-mask: none;
mask: none;
border-radius: 3rem;
}
}
.brand-hero__title {
max-width: 52rem;
font-size: 6rem;
line-height: 1;
margin-bottom: -0.8rem;
}
@media (max-width: 600px) {
.brand-hero__title {
font-size: 4.6rem;
}
}
.brand-hero__subtitle {
margin: 0;
font-weight: 400;
font-size: 2.4rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.brand-hero__subtitle p {
margin: 0;
}
.brand-hero__list {
margin: 0;
padding-left: 3rem;
font-weight: 400;
font-size: 2.4rem;
line-height: 150%;
text-transform: lowercase;
color: var(--black);
}
.brand-hero__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
.brand-hero__meta {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem 4rem;
}
.brand-hero__meta-item {
margin: 0;
font-weight: 200;
}
.brand-hero__meta-item span {
font-weight: 400;
}
.brand-hero__btn {
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
height: 6rem;
}
.brand-hero__img {
position: absolute;
inset: 0;
overflow: hidden;
background-color: var(--white);
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask1.webp);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask1.webp);
-webkit-mask-position: top;
mask-position: top;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (max-width: 600px) {
.brand-hero__img {
position: static;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
min-height: 28rem;
-webkit-mask: none;
mask: none;
border-radius: 3rem;
}
}
.brand-hero__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 600px) {
.brand-hero__img img {
height: auto;
}
}
.brand-hero_logo .brand-hero__img {
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask2.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask2.svg);
}
@media (max-width: 600px) {
.brand-hero_logo .brand-hero__img {
-webkit-mask: none;
mask: none;
}
}
.brand-hero_logo .brand-hero__content {
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask-content2.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask-content2.svg);
}
@media (max-width: 600px) {
.brand-hero_logo .brand-hero__content {
-webkit-mask: none;
mask: none;
}
}
.brand-hero_brand .brand-hero__img {
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask4.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask4.svg);
}
@media (max-width: 600px) {
.brand-hero_brand .brand-hero__img {
-webkit-mask: none;
mask: none;
}
}
.brand-hero_brand .brand-hero__content {
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask-content4.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask-content4.svg);
}
@media (max-width: 600px) {
.brand-hero_brand .brand-hero__content {
-webkit-mask: none;
mask: none;
}
}
.brand-hero_style .brand-hero__img {
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask3.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask3.svg);
}
@media (max-width: 600px) {
.brand-hero_style .brand-hero__img {
-webkit-mask: none;
mask: none;
}
}
.brand-hero_style .brand-hero__content {
-webkit-mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask-content3.svg);
mask-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/branding/mask-content3.svg);
}
@media (max-width: 600px) {
.brand-hero_style .brand-hero__content {
-webkit-mask: none;
mask: none;
}
}
.brand-split__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 3rem;
}
@media (min-width: 601px) {
.brand-split__container .brand-split__img {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/span 6;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
.brand-split__container .brand-split__box_title {
grid-column: 7/-1;
-ms-grid-row: 1;
grid-row: 1;
}
.brand-split__container .brand-split__box:not(.brand-split__box_title) {
grid-column: 7/-1;
-ms-grid-row: 2;
grid-row: 2;
}
.brand-split__container.brand-split__container--reverse .brand-split__box_title {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/span 6;
-ms-grid-row: 1;
grid-row: 1;
}
.brand-split__container.brand-split__container--reverse .brand-split__box:not(.brand-split__box_title) {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/span 6;
-ms-grid-row: 2;
grid-row: 2;
}
.brand-split__container.brand-split__container--reverse .brand-split__img {
grid-column: 7/-1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
.brand-split__container.brand-split__container--reverse:not(:has(.brand-split__box_title)) .brand-split__box {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
}
@media (min-width: 601px) {
.brand-split__container--5 .brand-split__img {
-ms-grid-column: 1;
-ms-grid-column-span: 5;
grid-column: 1/span 5;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
.brand-split__container--5 .brand-split__box_title {
grid-column: 6/-1;
-ms-grid-row: 1;
grid-row: 1;
}
.brand-split__container--5 .brand-split__box:not(.brand-split__box_title) {
grid-column: 6/-1;
-ms-grid-row: 2;
grid-row: 2;
}
.brand-split__container--5.brand-split__container--reverse .brand-split__box_title {
-ms-grid-column: 1;
-ms-grid-column-span: 5;
grid-column: 1/span 5;
-ms-grid-row: 1;
grid-row: 1;
}
.brand-split__container--5.brand-split__container--reverse .brand-split__box:not(.brand-split__box_title) {
-ms-grid-column: 1;
-ms-grid-column-span: 5;
grid-column: 1/span 5;
-ms-grid-row: 2;
grid-row: 2;
}
.brand-split__container--5.brand-split__container--reverse .brand-split__img {
grid-column: 6/-1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
.brand-split__container--5.brand-split__container--reverse:not(:has(.brand-split__box_title)) .brand-split__box {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
}
@media (min-width: 601px) {
.brand-split__container--6 .brand-split__img {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/span 6;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
.brand-split__container--6 .brand-split__box_title {
grid-column: 7/-1;
-ms-grid-row: 1;
grid-row: 1;
}
.brand-split__container--6 .brand-split__box:not(.brand-split__box_title) {
grid-column: 7/-1;
-ms-grid-row: 2;
grid-row: 2;
}
.brand-split__container--6.brand-split__container--reverse .brand-split__box_title {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/span 6;
-ms-grid-row: 1;
grid-row: 1;
}
.brand-split__container--6.brand-split__container--reverse .brand-split__box:not(.brand-split__box_title) {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/span 6;
-ms-grid-row: 2;
grid-row: 2;
}
.brand-split__container--6.brand-split__container--reverse .brand-split__img {
grid-column: 7/-1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
.brand-split__container--6.brand-split__container--reverse:not(:has(.brand-split__box_title)) .brand-split__box {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
}
@media (min-width: 601px) {
.brand-split__container--7 .brand-split__img {
-ms-grid-column: 1;
-ms-grid-column-span: 7;
grid-column: 1/span 7;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
.brand-split__container--7 .brand-split__box_title {
grid-column: 8/-1;
-ms-grid-row: 1;
grid-row: 1;
}
.brand-split__container--7 .brand-split__box:not(.brand-split__box_title) {
grid-column: 8/-1;
-ms-grid-row: 2;
grid-row: 2;
}
.brand-split__container--7.brand-split__container--reverse .brand-split__box_title {
-ms-grid-column: 1;
-ms-grid-column-span: 7;
grid-column: 1/span 7;
-ms-grid-row: 1;
grid-row: 1;
}
.brand-split__container--7.brand-split__container--reverse .brand-split__box:not(.brand-split__box_title) {
-ms-grid-column: 1;
-ms-grid-column-span: 7;
grid-column: 1/span 7;
-ms-grid-row: 2;
grid-row: 2;
}
.brand-split__container--7.brand-split__container--reverse .brand-split__img {
grid-column: 8/-1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
.brand-split__container--7.brand-split__container--reverse:not(:has(.brand-split__box_title)) .brand-split__box {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
}
}
@media (max-width: 600px) {
.brand-split__container {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.brand-split__container .brand-split__img,
.brand-split__container .brand-split__box {
grid-column: auto;
grid-row: auto;
}
}
@media (max-width: 600px) {
.brand-split__container--reverse .brand-split__box_title {
-webkit-box-ordinal-group: -2;
-ms-flex-order: -3;
order: -3;
}
.brand-split__container--reverse .brand-split__img {
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2;
}
.brand-split__container--reverse .brand-split__box:not(.brand-split__box_title) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
.brand-split__img {
position: relative;
min-height: 50rem;
overflow: hidden;
border-radius: 4rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.brand-split__img {
min-height: 24rem;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
.brand-split__img img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 600px) {
.brand-split__img img {
position: static;
}
}
.brand-split__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
@media (max-width: 600px) {
.brand-split__content {
grid-column: auto;
}
}
.brand-split__box {
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.brand-split__box_title {
-webkit-box-ordinal-group: -2;
-ms-flex-order: -3;
order: -3;
}
}
@media (max-width: 600px) {
.brand-split__box {
padding: 4.5rem 4rem;
}
}
.brand-split__box ul,
.brand-split__box ol {
margin: 0;
padding-left: 3rem;
}
.brand-split__box ul li:not(:last-child),
.brand-split__box ol li:not(:last-child) {
margin-bottom: 1.4rem;
}
.brand-split__box ul:not(:last-child),
.brand-split__box ol:not(:last-child) {
margin-bottom: 2.5rem;
}
.brand-split__box p {
margin: 0;
}
.brand-split__box p:not(:last-child) {
margin-bottom: 2.5rem;
}
.brand-split__box-title {
line-height: 105%;
}
.brand-cards__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3rem;
}
@media (max-width: 600px) {
.brand-cards__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: calc(-1 * var(--container-offset));
margin-right: calc(-1 * var(--container-offset));
padding: 0 var(--container-offset);
overflow-x: auto;
scrollbar-width: none;
}
}
.brand-cards__grid--3 .brand-card {
min-height: 40rem;
}
.brand-card {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 3rem;
min-height: 50rem;
padding: 5.8rem 6rem 5.6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.brand-card {
padding: 4.5rem 4rem;
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 33.4rem;
}
}
.brand-card__title {
margin: 0;
margin-bottom: 2.4rem;
font-weight: 400;
font-size: 2.4rem;
line-height: 110%;
text-transform: lowercase;
}
.brand-card__desc p {
margin: 0;
}
.brand-card__num {
font-weight: 400;
font-size: 2.6rem;
line-height: 100%;
color: var(--accent-cyan);
}
.brand-formats__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.brand-formats__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: calc(-1 * var(--container-offset));
margin-right: calc(-1 * var(--container-offset));
padding: 0 var(--container-offset);
overflow-x: auto;
scrollbar-width: none;
}
}
.brand-format {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 600px) {
.brand-format {
width: 45.5rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
.brand-format__img {
overflow: hidden;
height: 18rem;
background-color: rgba(0, 0, 0, 0.03);
border-radius: 4rem;
margin-bottom: 3rem;
}
.brand-format__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.brand-format__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.6rem;
padding: 5.2rem 6rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.brand-format__body {
padding: 4.5rem 4rem;
}
}
.brand-format__title {
font-size: 4rem;
margin: 0;
margin-bottom: 0.8rem;
line-height: 110%;
}
.brand-format__subtitle {
margin: 0;
font-weight: 400;
font-size: 2rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.brand-format__list {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.brand-format__list ul,
.brand-format__list ol {
margin: 0;
padding-left: 3rem;
}
.brand-format__meta {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.5rem;
font-weight: 200;
}
.brand-format__meta span {
font-weight: 400;
}
.brand-format__btn {
width: 100%;
height: 4rem;
font-size: 1.8rem;
border-radius: 1rem;
}
.brand-stages__step {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 6rem 6rem 5.2rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.brand-stages__step {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 4.5rem 4rem;
}
}
.brand-stages__step:nth-child(7n+1), .brand-stages__step:nth-child(7n+2), .brand-stages__step:nth-child(7n+3) {
-ms-flex-preferred-size: calc(33.333% - 2rem);
flex-basis: calc(33.333% - 2rem);
}
@media (max-width: 600px) {
.brand-stages__step:nth-child(7n+1), .brand-stages__step:nth-child(7n+2), .brand-stages__step:nth-child(7n+3) {
-ms-flex-preferred-size: 33.4rem;
flex-basis: 33.4rem;
}
}
.brand-stages__step:nth-child(7n+4), .brand-stages__step:nth-child(7n+5) {
-ms-flex-preferred-size: calc(50% - 1.5rem);
flex-basis: calc(50% - 1.5rem);
}
@media (max-width: 600px) {
.brand-stages__step:nth-child(7n+4), .brand-stages__step:nth-child(7n+5) {
-ms-flex-preferred-size: 33.4rem;
flex-basis: 33.4rem;
}
}
.brand-stages__step:nth-child(7n+6), .brand-stages__step:nth-child(7n+7) {
-ms-flex-preferred-size: calc(50% - 1.5rem);
flex-basis: calc(50% - 1.5rem);
}
@media (max-width: 600px) {
.brand-stages__step:nth-child(7n+6), .brand-stages__step:nth-child(7n+7) {
-ms-flex-preferred-size: 33.4rem;
flex-basis: 33.4rem;
}
}
.brand-stages__step--5:nth-child(n) {
-ms-flex-preferred-size: calc(20% - 2.4rem);
flex-basis: calc(20% - 2.4rem);
min-height: 38rem;
}
@media (max-width: 600px) {
.brand-stages__step--5:nth-child(n) {
-ms-flex-preferred-size: 33.4rem;
flex-basis: 33.4rem;
}
}
.brand-stages__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3rem;
}
@media (max-width: 600px) {
.brand-stages__items {
overflow-x: auto;
scrollbar-width: none;
margin-left: calc(-1 * var(--container-offset));
margin-right: calc(-1 * var(--container-offset));
padding: 0 var(--container-offset);
}
}
.brand-stages__items--wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
overflow: unset;
}
.brand-stages__items--3-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 600px) {
.brand-stages__items--3-2 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.brand-stages__items--3-2 > .brand-stages__step:nth-child(-n+3) {
-ms-flex-preferred-size: calc(33.333% - 2rem);
flex-basis: calc(33.333% - 2rem);
}
@media (max-width: 600px) {
.brand-stages__items--3-2 > .brand-stages__step:nth-child(-n+3) {
-ms-flex-preferred-size: 33.4rem;
flex-basis: 33.4rem;
}
}
.brand-stages__items--3-2 > .brand-stages__step:nth-child(n+4) {
-ms-flex-preferred-size: calc(50% - 2.25rem);
flex-basis: calc(50% - 2.25rem);
}
@media (max-width: 600px) {
.brand-stages__items--3-2 > .brand-stages__step:nth-child(n+4) {
-ms-flex-preferred-size: 33.4rem;
flex-basis: 33.4rem;
}
}
.brand-stages__items--3-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 600px) {
.brand-stages__items--3-4 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.brand-stages__items--3-4 > .brand-stages__step:nth-child(-n+3) {
-ms-flex-preferred-size: calc(33.333% - 2rem);
flex-basis: calc(33.333% - 2rem);
}
@media (max-width: 600px) {
.brand-stages__items--3-4 > .brand-stages__step:nth-child(-n+3) {
-ms-flex-preferred-size: 33.4rem;
flex-basis: 33.4rem;
}
}
.brand-stages__items--3-4 > .brand-stages__step:nth-child(n+4) {
-ms-flex-preferred-size: calc(25% - 2.25rem);
flex-basis: calc(25% - 2.25rem);
}
@media (max-width: 600px) {
.brand-stages__items--3-4 > .brand-stages__step:nth-child(n+4) {
-ms-flex-preferred-size: 33.4rem;
flex-basis: 33.4rem;
}
}
.brand-stages__items--4-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 600px) {
.brand-stages__items--4-4 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.brand-stages__items--4-4 > .brand-stages__step {
-ms-flex-preferred-size: calc(25% - 2.25rem);
flex-basis: calc(25% - 2.25rem);
}
@media (max-width: 600px) {
.brand-stages__items--4-4 > .brand-stages__step {
-ms-flex-preferred-size: 33.4rem;
flex-basis: 33.4rem;
}
}
.brand-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
.brand-stage__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem;
margin-bottom: auto;
}
.brand-stage__header div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
.brand-stage__title {
margin: 0;
font-weight: 400;
font-size: 2.6rem;
line-height: 110%;
text-transform: lowercase;
}
.brand-stage__term {
margin: 0.5rem 0 0;
color: rgba(0, 0, 0, 0.45);
}
.brand-stage__limit, .brand-stage__num {
-ms-flex-negative: 0;
flex-shrink: 0;
font-weight: 400;
font-size: 2.6rem;
line-height: 100%;
color: var(--accent-cyan);
}
.brand-stage__limit {
margin-top: auto;
}
.brand-stage__desc p {
margin: 0;
}
.brand-cta {
padding: 5rem 0;
}
@media (max-width: 600px) {
.brand-cta {
padding: 3rem 0;
}
}
.brand-cta__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.brand-cta__container {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.brand-cta__box {
-ms-grid-column-span: 5;
grid-column: 5 span;
padding: 5.2rem 6rem;
background-color: var(--white);
border-radius: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.7rem;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.brand-cta__box:last-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 600px) {
.brand-cta__box {
-ms-grid-column-span: 1;
grid-column: 1 span;
padding: 4.5rem 4rem;
}
}
.brand-cta__box-title {
line-height: 100%;
}
.brand-cta__meta {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0rem;
}
.brand-cta__meta div {
font-weight: 200;
font-size: 2.6rem;
line-height: 150%;
color: var(--black);
}
.brand-cta__meta div span {
font-weight: 400;
}
.brand-cta__btn {
width: 100%;
height: 6rem;
}
.brand-cta__img {
-ms-grid-column-span: 7;
grid-column: 7 span;
-ms-grid-row-span: 2;
grid-row: 2 span;
min-height: 50rem;
overflow: hidden;
border-radius: 4rem;
background-color: var(--white);
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (max-width: 600px) {
.brand-cta__img {
-ms-grid-column-span: 1;
grid-column: 1 span;
height: 31.8rem;
min-height: unset;
}
}
.brand-cta__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.brand-compare__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.brand-compare__grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.brand-tariff {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.brand-tariff__img {
height: 21rem;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.03);
border-radius: 4rem;
margin-bottom: 3rem;
}
.brand-tariff__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.brand-tariff__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.6rem;
padding: 5rem 6rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.brand-tariff__body {
padding: 4.5rem 4rem;
}
}
.brand-tariff__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
.brand-tariff__title {
font-size: 4rem;
margin: 0;
line-height: 110%;
}
.brand-tariff__subtitle {
margin: 0;
font-weight: 400;
font-size: 2rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.brand-tariff__desc {
margin: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.brand-tariff__desc ul {
margin: 0;
padding-left: 3rem;
}
.brand-tariff__meta {
margin: 0;
}
.brand-tariff__btn {
width: 100%;
height: 4rem;
border-radius: 1rem;
}
.brand-table__wrap {
min-width: 90rem;
padding: 5.6rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.brand-table__wrap {
max-width: 100%;
overflow-x: auto;
min-width: 100%;
padding: 4rem;
}
}
.brand-table table {
width: 100%;
border-collapse: collapse;
font-weight: 200;
font-size: 2rem;
line-height: 150%;
}
.brand-table th,
.brand-table td {
width: 25%;
padding: 2rem 3rem 1.4rem;
text-align: center;
vertical-align: top;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.brand-table th:not(:last-child),
.brand-table td:not(:last-child) {
border-right: 2px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 600px) {
.brand-table th,
.brand-table td {
padding: 2rem;
}
}
.brand-table td {
padding: 1.4rem 3rem;
}
@media (max-width: 600px) {
.brand-table td {
padding: 2rem;
}
}
.brand-table th {
font-weight: 400;
font-size: 2.6rem;
}
.brand-table tbody tr:last-child td {
border-bottom: none;
}
.brand-cases__track {
margin-right: calc(-1 * var(--container-offset));
padding-right: var(--container-offset);
}
.brand-cases__slider.slider {
padding-bottom: 0.5rem;
}
.brand-cases .p-item {
width: 58rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 600px) {
.brand-cases .p-item {
width: 50rem;
}
}
.mkt-pricing__options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
.mkt-pricing__option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
}
:root {
--bg-size: 150rem;
--bg-pos-1: -85rem -85rem;
--bg-pos-2: 85rem 50rem;
--bg-pos-3: 85rem -85rem;
--bg-pos-4: -85rem 50rem;
}
@media (max-width: 600px) {
:root {
--bg-size: 80rem;
--bg-pos-1: -40rem -40rem;
--bg-pos-2: 40rem 15rem;
--bg-pos-3: 40rem -40rem;
--bg-pos-4: -40rem 15rem;
}
}
@media (max-width: 600px) {
.spec-desctop {
display: none;
}
}
.spec-mobile {
display: none;
}
@media (max-width: 600px) {
.spec-mobile {
display: block;
}
}
.spec-hero {
height: 80vh;
max-height: 95rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.spec-hero {
height: 29rem;
}
}
.spec-hero .container {
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.spec-hero__container {
padding: 9.2rem 10rem;
background-color: var(--black);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
position: relative;
border-radius: 4rem;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-image: radial-gradient(50% 50% at 50% 50%, var(--accent-page) 0%, rgba(255, 228, 0, 0) 100%), radial-gradient(50% 50% at 50% 50%, var(--accent-page) 0%, rgba(255, 228, 0, 0) 100%);
background-size: var(--bg-size) var(--bg-size);
background-position: var(--bg-pos-1), var(--bg-pos-2);
background-repeat: no-repeat;
-webkit-animation: move-bg 15s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation: move-bg 15s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
@media (max-width: 600px) {
.spec-hero__container {
background-image: none;
padding: 0;
-webkit-animation: none;
animation: none;
}
}
.spec-hero__img {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-radius: 2rem;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
.spec-hero__img img {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
}
.spec-hero__img_pc {
height: 100%;
max-height: 72rem;
width: 145rem;
}
@media (max-width: 600px) {
.spec-hero__img_pc {
width: 100%;
height: 100%;
}
}
.spec-hero__img_mob {
max-width: 32rem;
width: auto;
height: 66%;
position: absolute;
z-index: 2;
right: 10rem;
bottom: 7%;
}
.spec-hero__img_mob img {
position: static;
width: auto;
}
@media (max-width: 600px) {
.spec-hero__img_mob {
display: none;
}
}
@-webkit-keyframes move-bg {
0% {
background-position: var(--bg-pos-1), var(--bg-pos-2);
}
45% {
background-position: var(--bg-pos-3), var(--bg-pos-4);
}
65% {
background-position: var(--bg-pos-2), var(--bg-pos-3);
}
100% {
background-position: var(--bg-pos-1), var(--bg-pos-2);
}
}
@keyframes move-bg {
0% {
background-position: var(--bg-pos-1), var(--bg-pos-2);
}
45% {
background-position: var(--bg-pos-3), var(--bg-pos-4);
}
65% {
background-position: var(--bg-pos-2), var(--bg-pos-3);
}
100% {
background-position: var(--bg-pos-1), var(--bg-pos-2);
}
}
.spec-about {
margin-bottom: 4rem;
}
.spec-about__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4rem;
}
@media (max-width: 600px) {
.spec-about__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
}
.spec-about__title {
font-size: 3.4rem;
margin-bottom: 3rem;
}
@media (max-width: 600px) {
.spec-about__title {
font-size: 3rem;
}
}
.spec-about__content {
padding: 5.5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.spec-about__content p {
margin: 0;
}
.spec-about__img {
width: 102.4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.spec-about__img {
width: 100%;
}
}
.spec-about__img img {
display: block;
width: 100%;
height: 100%;
}
.spec-video {
margin-bottom: 4rem;
}
.spec-video__video {
height: auto;
border-radius: 4rem;
overflow: hidden;
}
.spec-video__video video {
max-height: 95rem;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.spec-video__video img {
width: 100%;
height: 100%;
}
.spec-video_bg .spec-video__video {
background-color: var(--black);
padding: 6rem var(--container-offset);
background-image: radial-gradient(50% 50% at 50% 50%, var(--accent-page) 0%, rgba(255, 228, 0, 0) 100%), radial-gradient(50% 50% at 50% 50%, var(--accent-page) 0%, rgba(255, 228, 0, 0) 100%);
background-size: var(--bg-size) var(--bg-size);
background-position: var(--bg-pos-1), var(--bg-pos-2);
background-repeat: no-repeat;
-webkit-animation: move-bg 15s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation: move-bg 15s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.spec-text {
margin-bottom: 4rem;
}
.spec-text__container {
padding: 5.6rem var(--container-offset);
background-color: var(--white);
text-align: center;
border-radius: 4rem;
}
.spec-text__container p {
max-width: 97rem;
margin: 0 auto;
}
.spec-text__container p:not(:last-child) {
margin-bottom: 1em;
}
.spec-show {
margin-bottom: 4rem;
}
.spec-show__container {
padding: 8rem 7rem;
height: 75.74vh;
max-height: 95rem;
background-color: var(--white);
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.spec-show__container {
padding: 0;
height: auto;
max-height: unset;
}
}
.spec-show__title {
margin: 0;
margin-bottom: 2rem;
font-weight: 400;
font-size: 5rem;
line-height: 120%;
text-transform: lowercase;
color: var(--black);
}
.spec-show__title_uncage {
font-family: var(--font10);
font-size: 4.8rem;
font-weight: 600;
}
@media (max-width: 600px) {
.spec-show__title {
font-size: 3.6rem;
}
}
.spec-show__covers {
position: relative;
z-index: 1;
right: 0;
top: 0;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 80%;
-webkit-perspective: 1600px;
perspective: 1600px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.spec-show__item {
position: absolute;
z-index: 1;
}
.spec-show__item img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.spec-show__item_1 {
width: 57rem;
left: 0;
top: 2rem;
-webkit-transform: translate3d(25rem, 0rem, -10rem) rotateX(-10deg) rotateY(30deg) rotateZ(5deg) skewX(5deg);
transform: translate3d(25rem, 0rem, -10rem) rotateX(-10deg) rotateY(30deg) rotateZ(5deg) skewX(5deg);
}
@media (max-width: 600px) {
.spec-show__item_1 {
width: 24rem;
-webkit-transform: translate3d(25rem, 0rem, -10rem) rotateX(-14deg) rotateY(37deg) rotateZ(-4deg) skewX(5deg);
transform: translate3d(25rem, 0rem, -10rem) rotateX(-14deg) rotateY(37deg) rotateZ(-4deg) skewX(5deg);
}
}
.spec-show__item_2 {
width: 44rem;
right: 0;
top: 0;
-webkit-transform: translate3d(0rem, 4rem, -10rem) rotateX(0deg) rotateY(-53deg) rotateZ(5deg) skewX(0deg);
transform: translate3d(0rem, 4rem, -10rem) rotateX(0deg) rotateY(-53deg) rotateZ(5deg) skewX(0deg);
}
@media (max-width: 600px) {
.spec-show__item_2 {
width: 32rem;
right: -8rem;
-webkit-transform: translate3d(-2rem, 0rem, 4rem) rotateX(15deg) rotateY(-28deg) rotateZ(5deg) skewX(0deg);
transform: translate3d(-2rem, 0rem, 4rem) rotateX(15deg) rotateY(-28deg) rotateZ(5deg) skewX(0deg);
}
}
.spec-show__item_3 {
width: 45rem;
left: 0;
bottom: 0;
-webkit-transform: translate3d(35rem, -10rem, -10rem) rotateX(5deg) rotateY(42deg) rotateZ(-6deg) skewX(0deg);
transform: translate3d(35rem, -10rem, -10rem) rotateX(5deg) rotateY(42deg) rotateZ(-6deg) skewX(0deg);
}
@media (max-width: 600px) {
.spec-show__item_3 {
width: 38rem;
left: -10rem;
-webkit-transform: translate3d(0rem, 0rem, -10rem) rotateX(5deg) rotateY(42deg) rotateZ(-6deg) skewX(0deg);
transform: translate3d(0rem, 0rem, -10rem) rotateX(5deg) rotateY(42deg) rotateZ(-6deg) skewX(0deg);
}
}
.spec-show__item_4 {
width: 54rem;
right: 0;
bottom: 0;
-webkit-transform: translate3d(0rem, -5rem, -10rem) rotateX(20deg) rotateY(-45deg) rotateZ(12deg) skewX(0deg);
transform: translate3d(0rem, -5rem, -10rem) rotateX(20deg) rotateY(-45deg) rotateZ(12deg) skewX(0deg);
}
@media (max-width: 600px) {
.spec-show__item_4 {
width: 26rem;
bottom: 2rem;
-webkit-transform: translate3d(2rem, 0rem, 0rem) rotateX(23deg) rotateY(-45deg) rotateZ(20deg) skewX(0deg);
transform: translate3d(2rem, 0rem, 0rem) rotateX(23deg) rotateY(-45deg) rotateZ(20deg) skewX(0deg);
}
}
.spec-show__decor {
position: absolute;
}
.spec-show__decor img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.spec-show__decor_2 {
left: 0;
bottom: 0;
width: 44rem;
aspect-ratio: 1/1;
}
.spec-show__decor_1 {
right: -10.5rem;
top: -10rem;
-webkit-transform: translateZ(10rem);
transform: translateZ(10rem);
width: 28.5rem;
aspect-ratio: 1/1;
}
.spec-mobv {
margin-bottom: 4rem;
}
.spec-mobv__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 4rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 16rem 8rem;
background-color: var(--black);
border-radius: 4rem;
background-image: radial-gradient(50% 50% at 50% 50%, var(--accent-page) 0%, rgba(255, 228, 0, 0) 100%), radial-gradient(50% 50% at 50% 50%, var(--accent-page) 0%, rgba(255, 228, 0, 0) 100%);
background-size: var(--bg-size) var(--bg-size);
background-position: var(--bg-pos-1), var(--bg-pos-2);
background-repeat: no-repeat;
-webkit-animation: move-bg 15s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation: move-bg 15s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
@media (max-width: 600px) {
.spec-mobv__container {
padding: 5rem;
gap: 1rem;
}
}
.spec-mobv__item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 73.6rem;
border-radius: 4rem;
overflow: hidden;
}
@media (max-width: 600px) {
.spec-mobv__item {
border-radius: 2rem;
height: auto;
}
}
.spec-mobv__item:nth-child(even) {
margin-top: 5.6rem;
}
@media (max-width: 600px) {
.spec-mobv__item:nth-child(even) {
margin-top: 8rem;
}
}
.spec-ben {
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.spec-ben {
display: none;
}
}
.spec-ben__container {
padding: 12rem 11.7rem;
position: relative;
background-color: var(--black);
border-radius: 4rem;
overflow: hidden;
background-image: radial-gradient(50% 50% at 50% 50%, var(--accent-page) 0%, rgba(255, 228, 0, 0) 100%);
background-size: var(--bg-size) var(--bg-size);
background-position: var(--bg-pos-1);
background-repeat: no-repeat;
-webkit-animation: move-bg 15s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation: move-bg 15s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.spec-ben__img {
border-radius: 2rem;
overflow: hidden;
width: 145rem;
}
.spec-ben__img img {
display: block;
width: 100%;
height: 100%;
}
.spec-ben__img_mob {
position: absolute;
z-index: 2;
width: 36rem;
right: 17rem;
top: 6.5rem;
bottom: 6.5rem;
}
.faq {
padding: 4rem 0 20rem;
position: relative;
z-index: 10;
}
@media (max-width: 600px) {
.faq {
padding: 4rem 0 6rem;
}
}
.faq__header {
margin-bottom: 4rem;
padding: 3.6rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.faq__header {
padding: 3rem 4rem;
}
}
.faq__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem;
}
@media (max-width: 600px) {
.faq__items {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.faq__item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: calc(33.3333333333% - 2rem);
flex-basis: calc(33.3333333333% - 2rem);
border-radius: 4rem;
background-color: var(--white);
cursor: pointer;
position: relative;
-webkit-transition: border-radius 0.3s linear;
transition: border-radius 0.3s linear;
}
@media (max-width: 600px) {
.faq__item {
padding: 4rem;
}
}
.faq__item_active {
z-index: 4;
border-radius: 4rem 4rem 0 0;
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
}
@media (max-width: 600px) {
.faq__item_active {
border-radius: 4rem;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.faq__item_active .faq__item-body {
-webkit-box-shadow: 0 2rem 1rem rgba(0, 0, 0, 0.05);
box-shadow: 0 2rem 1rem rgba(0, 0, 0, 0.05);
}
@media (max-width: 600px) {
.faq__item_active .faq__item-body {
-webkit-box-shadow: none;
box-shadow: none;
}
}
.faq__item_active .faq__item-title::after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.faq__item-wrapper {
position: relative;
}
.faq__item-title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 4rem;
padding: 6rem;
}
@media (max-width: 600px) {
.faq__item-title {
padding: 0;
}
}
.faq__item-title::after {
content: "";
display: block;
height: 2rem;
width: 1rem;
background-image: url(https://peremena.store/wp-content/themes/peremena/assets/css/.https://peremena.store/wp-content/themes/peremena/assets/css/img/svg/arr-right.svg);
background-size: 90%;
background-repeat: no-repeat;
background-position: center;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.3s ease-in;
transition: -webkit-transform 0.3s ease-in;
transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}
.faq__item-body {
position: absolute;
left: 0;
top: calc(100% - 3rem);
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-height: 0;
overflow: hidden;
border-radius: 0 0 4rem 4rem;
background-color: var(--white);
will-change: max-height;
-webkit-transition: max-height 0.15s linear;
transition: max-height 0.15s linear;
}
@media (max-width: 600px) {
.faq__item-body {
position: static;
border-radius: 0;
}
}
.faq__item-content {
padding: 6rem;
padding-top: 0;
}
@media (max-width: 600px) {
.faq__item-content {
padding: 0;
padding-top: 3rem;
}
}
.faq__item-content * {
margin: 0;
padding: 0;
}
.faq__item-content *:not(:last-child) {
margin-bottom: 1em;
}
.cookie-notice {
position: fixed;
bottom: 2rem;
left: 50%;
right: 0;
z-index: 10000;
background: #fff;
border-top: 0.1rem solid #e0e0e0;
-webkit-box-shadow: 0 -0.4rem 2rem rgba(0, 0, 0, 0.1);
box-shadow: 0 -0.4rem 2rem rgba(0, 0, 0, 0.1);
-webkit-transform: translateX(-50%) translateY(200%);
-ms-transform: translateX(-50%) translateY(200%);
transform: translateX(-50%) translateY(200%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
border-radius: 4rem;
width: 100%;
max-width: 146rem;
}
@media (max-width: 600px) {
.cookie-notice {
left: var(--container-offset);
right: var(--container-offset);
width: auto;
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
transform: translateY(200%);
}
}
.cookie-notice__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cookie-notice__close svg {
width: 100%;
height: 100%;
stroke: currentColor;
}
.cookie-notice__close.cookie-notice__close_mob {
display: none;
}
@media (max-width: 600px) {
.cookie-notice__close {
display: none;
}
.cookie-notice__close.cookie-notice__close_mob {
position: static;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
height: auto;
}
}
.cookie-notice__close:hover {
color: var(--dirty-blue);
}
.cookie-notice.show {
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
@media (max-width: 600px) {
.cookie-notice.show {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.cookie-notice__container {
padding: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.5rem;
position: relative;
}
.cookie-notice__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cookie-notice__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
.cookie-notice__text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cookie-notice__text p {
margin: 0;
font-weight: 200;
font-size: 1.6rem;
line-height: 130%;
color: var(--black);
}
.cookie-notice__btn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1rem;
padding: 1rem 5rem 1.2rem;
border-radius: 1rem;
font-weight: 300;
font-size: 1.8rem;
line-height: 100%;
text-transform: lowercase;
text-align: right;
background-color: var(--accent-cyan);
color: var(--white);
-webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.cookie-notice__btn.cookie-notice__btn_grey {
color: var(--black);
background-color: rgba(0, 0, 0, 0.02);
}
.cookie-notice__btn:hover {
background-color: var(--dirty-blue);
color: var(--white);
}
.cookie-notice__btn:focus {
outline: none;
color: var(--white);
background-color: var(--dirty-blue);
}
.cookie-notice__btn:active {
background-color: var(--accent-cyan);
color: var(--white);
}
.cookie-notice__btn:disabled {
background-color: #e3e6e6;
color: #adafb2;
cursor: not-allowed;
}
.cookie-notice__close {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 4rem;
height: 4rem;
color: var(--black);
line-height: 1;
padding: 0;
padding: 1.2rem;
}
@media (max-width: 600px) {
.cookie-notice__close {
position: absolute;
top: 2rem;
right: 2rem;
width: 2rem;
height: 2rem;
padding: 0 !important;
background: none;
}
} @media (max-width: 600px) {
.cookie-notice__container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.cookie-notice__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.4rem;
}
.cookie-notice__btns {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cookie-notice__btn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 1rem;
padding: 1.2rem 1.5rem 1.5rem;
font-size: 1.8rem;
}
.cookie-notice__text {
margin-bottom: 2rem;
padding-right: 2rem;
}
}
.list-column-2 ul,
.list-column-2 ol {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 5.4rem;
-moz-column-gap: 5.4rem;
column-gap: 5.4rem;
}
.list-column-2 ul li:not(:last-child),
.list-column-2 ol li:not(:last-child) {
margin-bottom: 1rem;
}
@media (max-width: 600px) {
.list-column-2 ul,
.list-column-2 ol {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
}
.list-column p:not(:last-child),
.list-column-3 p:not(:last-child),
.list-column-2 p:not(:last-child) {
margin-bottom: 0 !important;
}
.list-column-3 ul,
.list-column-3 ol {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.list-column-3 ul li:not(:last-child),
.list-column-3 ol li:not(:last-child) {
margin-bottom: 1rem;
}
@media (max-width: 600px) {
.list-column-3 ul,
.list-column-3 ol {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
}
.list-column li:not(:last-child) {
margin-bottom: 1rem;
}
.list-column:not(:last-child),
.list-column-2:not(:last-child),
.list-column-3:not(:last-child) {
margin-bottom: 3rem;
}
.text-wrap h3,
.text-wrap h4,
.text-wrap h5,
.text-wrap h6 {
margin: 0;
font-weight: 400;
font-size: 2.6rem;
line-height: 100%;
color: var(--black);
}
.text-wrap h3:not(:last-child),
.text-wrap h4:not(:last-child),
.text-wrap h5:not(:last-child),
.text-wrap h6:not(:last-child) {
margin-bottom: 3rem;
}
.text-wrap p {
margin: 0;
font-weight: 300;
font-size: 2rem;
line-height: 150%;
color: var(--black);
}
.text-wrap p:not(:last-child) {
margin-bottom: 1em;
}
.items-column-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
}
@media (max-width: 600px) {
.items-column-3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 3rem;
}
}
.items-column-3 > * {
-ms-flex-preferred-size: 30% !important;
flex-basis: 30% !important;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (max-width: 600px) {
.items-column-3 > * {
-ms-flex-preferred-size: auto !important;
flex-basis: auto !important;
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
}
}
.items-separate {
padding: 0;
border-radius: 0;
background: none;
}
.items-separate > * {
padding: 5rem 6rem;
border-radius: 4rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.items-separate > * {
padding: 4.5rem 4rem;
}
}
.wrapper {
padding: 5rem 6rem;
border-radius: 4rem;
background-color: var(--white);
}
.wrapper:not(:last-child) {
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.wrapper:not(:last-child) {
margin-bottom: 3rem;
}
}
@media (max-width: 600px) {
.wrapper {
padding: 4.5rem 4rem;
}
}
.context-work__extra:not(:last-child) {
margin-bottom: 4rem;
}
@media (max-width: 600px) {
.context-work__extra:not(:last-child) {
margin-bottom: 3rem;
}
}
.flexi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3rem;
}
@media (max-width: 600px) {
.flexi {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.flexi > *:nth-child(1) {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 70rem;
}
.flexi > *:last-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
}
@media (max-width: 600px) {
.flexi > *:nth-child(1) {
width: 100% !important;
}
}
.flexi > * {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flexi__content {
border-radius: 4rem;
padding: 5.5rem 6rem;
background-color: var(--white);
}
.flexi__content h1,
.flexi__content h2 h3,
.flexi__content h4,
.flexi__content h5,
.flexi__content h6 {
margin: 0;
margin-bottom: 2.5rem;
font-weight: 400;
font-size: 3.4rem;
line-height: 110%;
color: #18181a;
}
.flexi__content ul,
.flexi__content ol,
.flexi__content p {
margin: 0;
font-weight: 300;
font-size: 2rem;
line-height: 150%;
color: #18181a;
}
.flexi__content ul:not(:last-child),
.flexi__content ol:not(:last-child),
.flexi__content p:not(:last-child) {
margin-bottom: 1em;
}
.flexi__content ul,
.flexi__content ol {
margin: 0;
padding-left: 2rem;
}
.flexi__media {
border-radius: 4rem;
overflow: hidden;
}
.flexi__media img,
.flexi__media video {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.smm-format {
padding: 5rem 0;
}
@media (max-width: 600px) {
.smm-format {
padding: 3rem 0;
}
}
.smm-format__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.smm-format__grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.smm-format__title {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
margin: 0;
padding: 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.smm-format__title {
grid-column: auto;
grid-row: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 3.5rem 4rem;
font-size: 3rem;
}
}
.smm-format__img {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
position: relative;
min-height: 50rem;
overflow: hidden;
border-radius: 4rem;
background-color: var(--white);
}
@media (max-width: 600px) {
.smm-format__img {
grid-column: auto;
grid-row: auto;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
min-height: 24rem;
}
}
.smm-format__img img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 600px) {
.smm-format__img img {
position: static;
height: auto;
}
}
.smm-format__cards {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
@media (max-width: 600px) {
.smm-format__cards {
grid-column: auto;
grid-row: auto;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.smm-format__card {
padding: 5rem 5rem 5rem 6rem;
background-color: var(--white);
border-radius: 4rem;
}
@media (max-width: 600px) {
.smm-format__card {
padding: 4.5rem 4rem;
}
}
.smm-format__card-title {
margin: 0 0 3rem;
line-height: 110%;
}
.smm-format__group:not(:last-child) {
margin-bottom: 3rem;
}
.smm-format__group-title {
margin: 0 0 1rem;
font-weight: 400;
font-size: inherit;
line-height: 150%;
}
.smm-format__list {
margin: 0;
padding-left: 2rem;
}
.smm-format__list li:not(:last-child) {
margin-bottom: 0.5rem;
}
.smm-format__list_dash {
padding-left: 0;
list-style: none;
}
.smm-format__list_dash li {
position: relative;
padding-left: 2rem;
}
.smm-format__list_dash li::before {
content: "—";
position: absolute;
left: 0;
} .form--sending {
pointer-events: none;
opacity: 0.6;
} .form--sending .form__btn::after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-left: 8px;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
-webkit-animation: spin 0.6s linear infinite;
animation: spin 0.6s linear infinite;
vertical-align: middle;
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}