.captcha-image {
border: 1px solid;
padding: 10px;
display: inline-block;
text-align: center;
}
.cf7ic_instructions {
display: block;
}
.captcha-image .cf7ic_instructions span {
font-weight: bold;
}
.captcha-image label {
display: inline-block !important;
width: 60px !important;
position: relative;
} .captcha-image svg {
padding: 5px;
width: 50px;
height: 50px;
}
.captcha-image label>input+svg {
cursor: pointer;
border: 2px solid transparent;
position: relative;
overflow: hidden;
} .captcha-image label>input:checked+svg,
.captcha-image label>input:focus+svg {
border: 2px solid #f00;
}  span.wpcf7-form-control.wpcf7-cf7ic {
border: none;
}
.kc_captcha {
display: inherit;
} .cf7ic-style1 {
border: 1px solid;
padding: 10px;
display: inline-block;
text-align: center;
}
.cf7ic-icon-wrapper {
font-size: inherit;
}
.cf7ic-style1 .cf7ic-icon-wrapper .fa,
.cf7ic-style1 .cf7ic-icon-wrapper svg {
font-size: inherit;
border-color: inherit;
}
body .cf7ic-style1 .cf7ic-icon-wrapper svg {
width: 1em;
height: 1em;
fill: currentColor;
box-sizing: content-box !important;
}
.woocommerce .captcha-image .cf7ic-icon-wrapper label,
.woocommerce-page .captcha-image .cf7ic-icon-wrapper label,
.captcha-image .cf7ic-icon-wrapper label {
display: inline-block;
width: inherit;
vertical-align: text-top;
}
.captcha-image label>input { opacity: 0 !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
position: absolute !important;
}
.captcha-image label>input+* { position: static;
cursor: pointer;
border-width: 2px;
border-style: none;
border-color: transparent;
padding: 7px;
}
.captcha-image label>input:checked+*,
.captcha-image label>input:focus+* { padding: 5px;
border-width: 2px;
border-style: solid;
}
.cf7ic-special {
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
position: absolute;
left: 0;
width: 200px;
}
.cf7ic-loader,
.cf7ic-loader:before,
.cf7ic-loader:after {
border-radius: 50% !important;
width: 2em !important;
height: 2em !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: cf7ic-load 1.2s infinite ease-in-out;
animation: cf7ic-load 1.2s infinite ease-in-out;
}
.cf7ic-loader {
display: block;
color: #444;
font-size: 10px !important;
margin: 4.8em 6em !important;
position: relative !important;
text-indent: -9999em !important;
-webkit-transform: translateZ(0) !important;
-ms-transform: translateZ(0) !important;
transform: translateZ(0) !important;
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.cf7ic-loader:before,
.cf7ic-loader:after {
content: '';
position: absolute;
top: 0;
}
.cf7ic-loader:before {
left: -3.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.cf7ic-loader:after {
left: 3.5em;
}
@-webkit-keyframes cf7ic-load {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
@keyframes cf7ic-load {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
} .ai1ic-fields {
height: 0 !important;
display: block;
overflow: hidden !important;
}
body .ai1ic-fields input {
position: absolute;
transform: scale(0);
}
.cf7ic-wpf {
margin-bottom: 30px !important;
}
.cf7ic-wpf .captcha-image label {
width: 35px !important;
}
.cf7ic-wpf .captcha-image label i {
width: 35px !important;
text-align: center;
}
.cf7ic-wpf .captcha-image .cf7ic-icon-wrapper {
display: block;
text-align: left !important;
}:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}body {
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
max-width: 100%;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
-webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
outline: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;
margin: 0; }
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.clear {
display: table;
clear: both;
}
p,
h1,
h2,
h3 {
margin: 0;
padding: 0;
}
.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;
-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: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
-webkit-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.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 {
-webkit-transform-style: preserve-3d;
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(//itcmchs.com/wp-content/themes/kuznets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.1s ease;
transition: -webkit-transform 0.1s ease;
transition: transform 0.1s ease;
transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-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;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
@font-face {
font-family: 'Roboto Flex';
src: url(//itcmchs.com/wp-content/themes/kuznets/fonts/RobotoFlex-VariableFont.woff2) format('woff2-variations');
src: url(//itcmchs.com/wp-content/themes/kuznets/fonts/RobotoFlex-VariableFont.woff2) format('woff2') tech('variations');
font-weight: 100 1000;
font-stretch: 25% 151%;
}
.wow {
opacity: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.wow.footer,
.wow.v2-main,
.wow.licenses {
-webkit-transform: none;
transform: none;
}
.wow.animated {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.icon {
width: 20px;
height: 20px;
background-size: cover;
background-repeat: no-repeat;
}
.icon.nav {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.424 4.614c0-.703-.57-1.272-1.273-1.272H8.87c-.702 0-1.272.569-1.272 1.272V13.1c0 .234.065.464.187.664l8.141 11.09a1.272 1.272 0 0 0 2.17 0l8.142-11.09c.122-.2.187-.43.187-.664V4.614z' fill='%2300B2C3'/%3E%3Cpath d='M13.138 14.402v-7.98h2.105l1.64 3.476h.266l1.618-3.476h2.116v7.98H19.62V8.02h-.266l-1.673 3.498h-1.352L14.667 8.02h-.266v6.382h-1.263z' fill='%23364D58'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.264 4.444A4.444 4.444 0 0 1 8.708 0h16.667a1.111 1.111 0 0 1 0 2.222H8.708a2.222 2.222 0 0 0-2.222 2.222v23.334a1.111 1.111 0 0 1-2.222 0V4.444z' fill='%2300B2C3'/%3E%3C/svg%3E");
}
.icon.pin {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.343 8.343A8 8 0 0 1 24 14c0 3.098-2.016 6.104-4.226 8.437A29.412 29.412 0 0 1 16 25.773a29.412 29.412 0 0 1-3.774-3.335C10.016 20.103 8 17.097 8 14a8 8 0 0 1 2.343-5.657zm5.099 19.487l.003.002a1 1 0 0 0 1.11 0H15.54h1.015l.002-.002.007-.005.023-.015.082-.057c.071-.05.173-.12.302-.214a31.433 31.433 0 0 0 4.254-3.727C23.516 21.397 26 17.903 26 14a10 10 0 0 0-20 0c0 3.902 2.484 7.396 4.774 9.813a31.433 31.433 0 0 0 4.254 3.726 18.887 18.887 0 0 0 .384.27l.023.016.007.005zM14 14a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm2-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8z' fill='%23fff'/%3E%3C/svg%3E");
}
.plus {
width: 32px;
height: 32px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.047 16.953H0v-2.906h14.047V0h2.906v14.047H31v2.906H16.953V31h-2.906V16.953z' fill='url(%23paint0_linear_56_567)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_56_567' x1='4.844' y1='26.156' x2='8.408' y2='2.203' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.plus-w {
width: 32px;
height: 32px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.047 16.953H0v-2.906h14.047V0h2.906v14.047H31v2.906H16.953V31h-2.906V16.953z' fill='url(%23paint0_linear_56_567)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_56_567' x1='4.844' y1='26.156' x2='8.408' y2='2.203' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.plus-big {
width: 44px;
height: 44px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 24H0v-4h20V0h4v20h20v4H24v20h-4V24z' fill='url(%23paint0_linear_62_575)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_62_575' x1='6.875' y1='37.125' x2='11.934' y2='3.126' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.plus-big-w {
width: 44px;
height: 44px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 24H0v-4h20V0h4v20h20v4H24v20h-4V24z' fill='url(%23paint0_linear_62_575)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_62_575' x1='6.875' y1='37.125' x2='11.934' y2='3.126' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.plus-max {
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 33H0v-3h30V0h3v30h30v3H33v30h-3V33z' fill='url(%23paint0_linear_211_1249)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_211_1249' x1='9.844' y1='53.156' x2='17.088' y2='4.476' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.plus-max-w {
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 33H0v-3h30V0h3v30h30v3H33v30h-3V33z' fill='url(%23paint0_linear_211_1249)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_211_1249' x1='9.844' y1='53.156' x2='17.088' y2='4.476' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.plus_2 {
width: 79px;
height: 79px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 79 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 40H0v-1h39V0h1v39h39v1H40v39h-1V40z' fill='%23364D58'/%3E%3C/svg%3E");
}
.plus_2-big {
width: 159px;
height: 159px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 159 159' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M78 81H0v-3h78V0h3v78h78v3H81v78h-3V81z' fill='%23364D58'/%3E%3C/svg%3E");
}
.plus_2-max {
width: 256px;
height: 256px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 159 159' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M78 81H0v-3h78V0h3v78h78v3H81v78h-3V81z' fill='%23364D58'/%3E%3C/svg%3E");
}
.arrow {
display: inline-block;
width: 24px;
height: 24px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 12L7.421 24 6 22.588 16.658 12 6 1.412 7.421 0 19.5 12z' fill='%23fff'/%3E%3C/svg%3E");
}
.arrow.left {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.arrow.color {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 12L7.421 24 6 22.588 16.658 12 6 1.412 7.421 0 19.5 12z' fill='%23AFAFAF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 12L7.421 24 6 22.588 16.658 12 6 1.412 7.421 0 19.5 12z' fill='url(%23paint0_linear_229_1492)' fill-opacity='.75'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_229_1492' x1='12.75' x2='12.75' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.arrow.color.left {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 12L7.421 24 6 22.588 16.658 12 6 1.412 7.421 0 19.5 12z' fill='%23AFAFAF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 12L7.421 24 6 22.588 16.658 12 6 1.412 7.421 0 19.5 12z' fill='url(%23paint0_linear_229_1492)' fill-opacity='.75'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_229_1492' x1='12.75' x2='12.75' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23364D58'/%3E%3Cstop offset='1' stop-color='%2300B2C3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.arrow.light {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 12L7.42105 24L6 22.5882L16.6579 12L6 1.41176L7.42105 0L19.5 12Z' fill='url(%23paint0_linear_432_582)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_432_582' x1='12.75' y1='0' x2='12.75' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.58' stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.arrow.light.left {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5 12L7.42105 24L6 22.5882L16.6579 12L6 1.41176L7.42105 0L19.5 12Z' fill='url(%23paint0_linear_432_582)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_432_582' x1='12.75' y1='0' x2='12.75' y2='24' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.42' stop-color='%2300B2C3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.arrow2 {
display: inline-block;
width: 11px;
height: 19px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.015 17.985L9.5 9.5 1.015 1.015' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}
.arrow3 {
display: inline-block;
width: 11px;
height: 19px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.015 17.985L9.5 9.5 1.015 1.015' stroke='%23364D58' stroke-width='2'/%3E%3C/svg%3E");
}
.static-plus {
position: absolute;
width: 79px;
height: 79px;
margin: -39px 0 0 -39px;
}
.static-plus:after,
.static-plus:before {
content: '';
background: #364D58;
position: absolute;
}
.static-plus.color:after {
background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #009baa), to(#009baa));
background: linear-gradient(90deg, #fff 0%, #009baa 50%, #009baa 100%);
}
.static-plus.color:before {
background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(50%, #009baa), to(#009baa));
background: linear-gradient(0deg, #fff 0%, #009baa 50%, #009baa 100%);
}
.static-plus:after {
height: 1px;
left: 0;
right: 0;
top: 39px;
}
.static-plus:before {
width: 1px;
top: 0;
bottom: 0;
left: 39px;
}
.static-plus-64 {
position: absolute;
width: 63px;
height: 63px;
margin: -32px 0 0 -32px;
}
.static-plus-64:after,
.static-plus-64:before {
content: '';
background: #364D58;
position: absolute;
}
.static-plus-64.color:after {
background: -webkit-gradient(linear, left top, right top, from(#009baa), color-stop(50%, #1C808E), to(#364D58));
background: linear-gradient(90deg, #009baa 0%, #1C808E 50%, #364D58 100%);
}
.static-plus-64.color:before {
background: -webkit-gradient(linear, left bottom, left top, from(#009baa), color-stop(50%, #1C808E), to(#364D58));
background: linear-gradient(0deg, #009baa 0%, #1C808E 50%, #364D58 100%);
}
.static-plus-64:after {
height: 3px;
left: 0;
right: 0;
top: 30px;
}
.static-plus-64:before {
width: 3px;
top: 0;
bottom: 0;
left: 30px;
}
@media (min-width: 375px) {
.icon {
width: 20px;
height: 20px;
}
}
@media (min-width: 768px) {
.icon {
width: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
height: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
}
.arrow {
width: calc( 24px + ( var(--win_width) - 768px ) * ( (36 - 24) / ( 1440 - 768 ) ) );
height: calc( 24px + ( var(--win_width) - 768px ) * ( (36 - 24) / ( 1440 - 768 ) ) );
}
.static-plus {
width: 159px;
height: 159px;
margin: -79px 0 0 -79px;
}
.static-plus:after {
height: 3px;
top: 78px;
}
.static-plus:before {
width: 3px;
left: 78px;
}
}
@media (min-width: 1440px) {
.icon {
width: calc( 24px + ( var(--win_width) - 1440px ) * ( (32 - 24) / ( 1920 - 1440 ) ) );
height: calc( 24px + ( var(--win_width) - 1440px ) * ( (32 - 24) / ( 1920 - 1440 ) ) );
}
.arrow {
width: calc( 36px + ( var(--win_width) - 1440px ) * ( (48 - 36) / ( 1920 - 1440 ) ) );
height: calc( 36px + ( var(--win_width) - 1440px ) * ( (48 - 36) / ( 1920 - 1440 ) ) );
}
.static-plus {
width: 255px;
height: 255px;
margin: -127px 0 0 -127px;
}
.static-plus:after {
top: 126px;
}
.static-plus:before {
left: 126px;
}
}
@media (min-width: 1920px) {
.icon {
width: 1.66666667vw;
height: 1.66666667vw;
}
.arrow {
width: 2.5vw;
height: 2.5vw;
}
}
body {
color: #212121;
background-color: #FBFAF8;
font-family: 'Roboto Flex';
font-variation-settings: 'wdth' 130;
font-weight: 300;
font-size: 3.46666667vw;
line-height: 4.26666667vw;
}
h1,
h2,
h3 {
font-weight: 600;
font-variation-settings: 'wdth' 150;
color: #364D58;
text-transform: uppercase;
letter-spacing: 0.05em;
}
h1 span,
h2 span,
h3 span {
color: rgba(54, 77, 88, 0.75);
}
h1 {
font-size: 6.4vw;
line-height: 7.46666667vw;
letter-spacing: 0.05em;
}
h2 {
font-size: 4.26666667vw;
line-height: 5.33333333vw;
}
@media (min-width: 375px) {
body {
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (14 - 13) / ( 768 - 375 ) ) );
line-height: calc( 16px + ( var(--win_width) - 375px ) * ( (18 - 16) / ( 768 - 375 ) ) );
}
h1 {
font-size: calc( 24px + ( var(--win_width) - 375px ) * ( (28 - 24) / ( 768 - 375 ) ) );
line-height: calc( 28px + ( var(--win_width) - 375px ) * ( (36 - 28) / ( 768 - 375 ) ) );
}
h2 {
font-size: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) );
line-height: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
body {
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (22 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 18.2px + ( var(--win_width) - 768px ) * ( (26 - 18.2) / ( 1440 - 768 ) ) );
}
h1 {
font-size: calc( 28px + ( var(--win_width) - 768px ) * ( (40 - 28) / ( 1440 - 768 ) ) );
line-height: calc( 36px + ( var(--win_width) - 768px ) * ( (48 - 36) / ( 1440 - 768 ) ) );
}
h2 {
font-size: calc( 24px + ( var(--win_width) - 768px ) * ( (40 - 24) / ( 1440 - 768 ) ) );
line-height: calc( 32px + ( var(--win_width) - 768px ) * ( (48 - 32) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
body {
font-size: calc( 22px + ( var(--win_width) - 1440px ) * ( (26 - 22) / ( 1920 - 1440 ) ) );
line-height: calc( 26px + ( var(--win_width) - 1440px ) * ( (36.4 - 26) / ( 1920 - 1440 ) ) );
}
h1 {
font-size: calc( 40px + ( var(--win_width) - 1440px ) * ( (56 - 40) / ( 1920 - 1440 ) ) );
line-height: calc( 48px + ( var(--win_width) - 1440px ) * ( (72 - 48) / ( 1920 - 1440 ) ) );
}
h2 {
font-size: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) );
line-height: calc( 48px + ( var(--win_width) - 1440px ) * ( (56 - 48) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
body {
font-size: 1.35416667vw;
line-height: 1.89583333vw;
}
h1 {
font-size: 2.91666667vw;
line-height: 3.75vw;
}
h2 {
font-size: 2.5vw;
line-height: 2.91666667vw;
}
}
a {
text-decoration: none;
}
a.btn,
.btn {
display: block;
position: relative;
font-family: 'Roboto Flex';
font-size: 2.93333333vw;
line-height: 3.73333333vw;
text-transform: uppercase;
font-weight: 800;
font-variation-settings: 'wdth' 150, 'XTRA' 560;
letter-spacing: 0.125em;
color: #fff;
padding: 3.73333333vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
-webkit-box-shadow: 0 0 4px 0 #00d1ff;
box-shadow: 0 0 4px 0 #00d1ff;
background: linear-gradient(263deg, #00d1ff 0%, #AFAFAF 100%);
border: 0;
border-radius: 2px;
}
a.btn.second,
.btn.second {
background: transparent;
}
a.btn.second::before,
.btn.second::before {
content: "";
position: absolute;
inset: 0;
border-radius: 2px;
padding: 2px;
background: linear-gradient(263deg, #00d1ff 0%, #AFAFAF 100%);
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
a.btn.dark,
.btn.dark {
background: linear-gradient(79deg, #00B2C3 0%, #364D58 100%);
}
.input {
background: transparent;
padding: 0 2.13333333vw 3.2vw;
border: 0;
border-bottom: 1px solid #A0A0A0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Roboto Flex';
color: #fff;
font-size: 3.46666667vw;
line-height: 4.26666667vw;
font-variation-settings: 'wdth' 130;
font-weight: 300;
}
.input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.75);
}
.input::-moz-placeholder {
color: rgba(255, 255, 255, 0.75);
}
.input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.75);
}
.input::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.75);
}
.input::placeholder {
color: rgba(255, 255, 255, 0.75);
}
textarea.input {
resize: vertical;
}
.input.slim {
line-height: 6.4vw;
padding: 0.26666667vw 2.13333333vw 0.8vw;
}
textarea.input.slim {
height: 20.26666667vw;
}
.tag {
font-variation-settings: 'wdth' 140;
font-weight: 500;
font-size: 3.46666667vw;
line-height: 5.33333333vw;
display: inline-block;
background: rgba(54, 77, 88, 0.15);
border-radius: 2px;
padding: 1.06666667vw 4.26666667vw 1.6vw;
}
@media (min-width: 375px) {
a.btn,
.btn {
font-size: 11px;
line-height: 14px;
padding: 14px;
}
.input {
padding: 0 8px calc( 12px + ( var(--win_width) - 375px ) * ( (16 - 12) / ( 768 - 375 ) ) );
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (16 - 13) / ( 768 - 375 ) ) );
line-height: calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
}
.input.slim {
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (28 - 24) / ( 768 - 375 ) ) );
padding: 1px 8px 3px;
}
textarea.input.slim {
height: calc( 76px + ( var(--win_width) - 375px ) * ( (88 - 76) / ( 768 - 375 ) ) );
}
.tag {
font-size: 13px;
line-height: 20px;
padding: 4px 16px 6px;
}
}
@media (min-width: 768px) {
a.btn,
.btn {
font-size: calc( 11px + ( var(--win_width) - 768px ) * ( (14 - 11) / ( 1440 - 768 ) ) );
line-height: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
padding: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
}
.input {
font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
}
.input.slim {
line-height: calc( 28px + ( var(--win_width) - 768px ) * ( (32 - 28) / ( 1440 - 768 ) ) );
padding: 1px 8px 3px;
}
textarea.input.slim {
height: calc( 88px + ( var(--win_width) - 768px ) * ( (100 - 88) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
a.btn,
.btn {
font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
line-height: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
padding: 16px 24px;
}
.tag {
font-size: calc( 13px + ( var(--win_width) - 1440px ) * ( (18 - 13) / ( 1920 - 1440 ) ) );
line-height: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
}
.input {
padding: 0 8px 20px;
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
line-height: 1;
}
.input.slim {
line-height: calc( 32px + ( var(--win_width) - 1440px ) * ( (40 - 32) / ( 1920 - 1440 ) ) );
padding: 1px 8px 3px;
}
textarea.input.slim {
height: calc( 100px + ( var(--win_width) - 1440px ) * ( (124 - 100) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
a.btn,
.btn {
font-size: 0.83333333vw;
padding: 0.83333333vw 1.25vw;
line-height: 1.04166667vw;
}
a.btn.slim,
.btn.slim {
padding: 0.88541667vw 1.25vw 0.9375vw;
}
.input {
padding: 0 0.41666667vw 1.04166667vw;
font-size: 1.25vw;
}
.input.slim {
line-height: 2.08333333vw;
padding: 0.05208333vw 0.41666667vw 0.15625vw;
}
textarea.input.slim {
height: 6.45833333vw;
}
}
@media (any-hover: hover) {
a.btn,
.btn {
cursor: pointer;
}
a.btn span,
.btn span {
position: relative;
z-index: 2;
}
a.btn::after,
.btn::after {
content: '';
background: linear-gradient(341deg, #00B2C3 0%, #364D58 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
a.btn:hover::after,
.btn:hover::after {
opacity: 1;
}
a.btn.second::after,
.btn.second::after {
inset: 0;
border-radius: 2px;
padding: 2px;
background: linear-gradient(225deg, #00B2C3 31%, #fff 68%);
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
a.btn.second:hover,
.btn.second:hover {
background: rgba(255, 255, 255, 0.05);
}
a.btn.dark::after,
.btn.dark::after {
background: linear-gradient(79deg, #212121 0%, #364D58 100%);
}
}
.line {
background: rgba(54, 77, 88, 0.25);
width: 1px;
position: absolute;
z-index: 1;
left: 5.33333333vw;
top: 0;
bottom: 0;
}
.line.right {
left: unset;
right: 5.33333333vw;
top: 0;
bottom: 0;
}
.line.top,
.line.bottom {
width: 100%;
height: 1px;
left: 0;
right: 0;
top: 10.66666667vw;
bottom: unset;
}
.line.bottom {
top: unset;
bottom: 10.66666667vw;
}
.line.light {
background: rgba(255, 255, 255, 0.25);
}
@media (min-width: 375px) {
.line {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
top: 0;
bottom: 0;
}
.line.right {
left: unset;
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
top: 0;
bottom: 0;
}
.line.top,
.line.bottom {
width: 100%;
height: 1px;
left: 0;
right: 0;
top: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
bottom: unset;
}
.line.bottom {
top: unset;
bottom: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.line {
left: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
top: 0;
bottom: 0;
}
.line.right {
left: unset;
right: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
top: 0;
bottom: 0;
}
.line.top,
.line.bottom {
width: 100%;
height: 1px;
left: 0;
right: 0;
top: calc( 120px + ( var(--win_width) - 768px ) * ( (160 - 120) / ( 1440 - 768 ) ) );
bottom: unset;
}
.line.bottom {
top: unset;
bottom: calc( 120px + ( var(--win_width) - 768px ) * ( (160 - 120) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.line {
left: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
top: 0;
bottom: 0;
}
.line.right {
left: unset;
right: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
top: 0;
bottom: 0;
}
.line.top,
.line.bottom {
width: 100%;
height: 1px;
left: 0;
right: 0;
top: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
bottom: unset;
}
.line.bottom {
top: unset;
bottom: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.line {
left: 11.45833333vw;
top: 0;
bottom: 0;
}
.line.right {
left: unset;
right: 11.45833333vw;
top: 0;
bottom: 0;
}
.line.top,
.line.bottom {
width: 100%;
height: 1px;
left: 0;
right: 0;
top: 11.45833333vw;
bottom: unset;
}
.line.bottom {
top: unset;
bottom: 11.45833333vw;
}
}
input.wpcf7-not-valid {
border-color: #eb5252;
}
.wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output {
display: none !important;
}
.wpcf7 form.sent .wpcf7-response-output {
position: absolute;
left: -5px;
right: -5px;
top: -5px;
bottom: -5px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
backdrop-filter: blur(2px);
border: 0;
z-index: 10;
font-size: 16px;
line-height: 1.2;
}
.header {
height: 12.8vw;
-webkit-transition: background 0.25s, -webkit-transform 0.25s;
transition: background 0.25s, -webkit-transform 0.25s;
transition: transform 0.25s, background 0.25s;
transition: transform 0.25s, background 0.25s, -webkit-transform 0.25s;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
position: fixed;
top: 0;
left: 0;
right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 5.33333333vw;
}
.header::after {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(225deg, #6B6B6B 0%, #364D58 100%);
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.header::before {
content: '';
position: absolute;
z-index: 20;
top: 0;
left: 0;
right: 0;
bottom: 0;
backdrop-filter: blur(4px);
background: rgba(255, 255, 255, 0.1);
-webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25);
}
.header.dark::after,
.header.popupactive::after {
opacity: 1;
}
.header__logo,
.header__btn,
.header__opener,
.header__nav {
position: relative;
z-index: 20;
}
.header__logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 4.26666667vw;
background: rgba(217, 217, 217, 0.3);
}
.header__logo:after {
content: '';
display: block;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/logo.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 24.53333333vw;
height: 3.73333333vw;
}
.header__btn {
display: none;
}
.header__opener {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 3.2vw;
background: #364D58;
}
.header__opener span {
display: block;
position: relative;
height: 3px;
width: 24px;
background: #00B2C3;
margin-top: 10px;
margin-bottom: 10px;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: cubic-bezier(0.2, -2, 0.8, 2);
transition-timing-function: cubic-bezier(0.2, -2, 0.8, 2);
}
.header__opener span:after,
.header__opener span:before {
content: '';
width: 24px;
display: block;
height: 3px;
background: #00B2C3;
position: absolute;
top: 7px;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: cubic-bezier(0.2, -2, 0.8, 2);
transition-timing-function: cubic-bezier(0.2, -2, 0.8, 2);
}
.header__opener span:after {
top: -7px;
}
.header__nav {
display: none;
}
.header__menu {
position: fixed;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 0;
right: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
min-height: 400px;
height: 100vh;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 12.8vw 0;
background: #364D58;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
z-index: 21;
}
.header__menu__close {
position: absolute;
top: 10.66666667vw;
right: 12.8vw;
width: 10.66666667vw;
height: 10.66666667vw;
}
.header__menu__close::after,
.header__menu__close::before {
content: '';
display: block;
width: 2px;
height: 10.66666667vw;
background: #fff;
position: absolute;
left: 5.33333333vw;
top: 0;
}
.header__menu__close::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.header__menu__close::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header__menu__header {
font-variation-settings: 'wdth' 150;
font-weight: 600;
font-size: 3.73333333vw;
line-height: 6.4vw;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #fff;
padding: 10.66666667vw 0 5.33333333vw;
border-bottom: 2px solid #00B2C3;
}
.header__menu__phones {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 7.46666667vw;
padding-bottom: 17.06666667vw;
}
.header__menu__phones .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: 1.06666667vw;
}
.header__menu__phones .item span {
color: rgba(255, 255, 255, 0.5);
font-variation-settings: 'wdth' 150;
font-weight: 600;
font-size: 2.93333333vw;
line-height: 4.8vw;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.header__menu__phones .item a {
font-variation-settings: 'wdth' 150;
color: #fff;
font-size: 6.66666667vw;
line-height: 7.46666667vw;
letter-spacing: 0.02em;
}
.header__menu__special {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10.66666667vw 0 17.06666667vw 0;
overflow: auto;
}
.header__menu__special::-webkit-scrollbar {
width: 0px;
}
.header__menu__special .menu__title {
color: #fff;
font-size: 5.33333333vw;
line-height: 5.33333333vw;
padding: 4.26666667vw 0 3.2vw;
}
.header__menu__special a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
gap: 3.2vw;
padding: 4.26666667vw 0;
border-top: 1px solid rgba(255, 255, 255, 0.25);
color: #fff;
font-size: 3.73333333vw;
line-height: 4.26666667vw;
}
.header__menu__special a .num {
-webkit-box-flex: 0;
-ms-flex: 0 0 5.33333333vw;
flex: 0 0 5.33333333vw;
}
.header__menu__special a:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.header.active .header__menu {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.header.active,
.header.popupactive,
.header.show {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
@media (min-width: 375px) {
.header {
height: calc( 48px + ( var(--win_width) - 375px ) * ( (56 - 48) / ( 768 - 375 ) ) );
padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.header__logo {
padding: 0 calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
}
.header__logo:after {
width: calc( 92px + ( var(--win_width) - 375px ) * ( (105 - 92) / ( 768 - 375 ) ) );
height: calc( 14px + ( var(--win_width) - 375px ) * ( (16 - 14) / ( 768 - 375 ) ) );
}
.header__opener {
padding: 0 calc( 12px + ( var(--win_width) - 375px ) * ( (16 - 12) / ( 768 - 375 ) ) );
}
.header__opener span {
width: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.header__opener span:after,
.header__opener span:before {
width: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.header__menu {
max-width: 400px;
padding: 0 48px 0;
}
.header__menu__close {
top: 40px;
right: 48px;
width: 40px;
height: 40px;
}
.header__menu__close::after,
.header__menu__close::before {
height: 40px;
left: 20px;
}
.header__menu__header {
font-size: 14px;
line-height: 24px;
padding: 40px 0 20px;
}
.header__menu__phones {
gap: 20px;
padding-bottom: 64px;
}
.header__menu__phones .item {
gap: 4px;
}
.header__menu__phones .item span {
font-size: 11px;
line-height: 18px;
}
.header__menu__phones .item a {
font-size: 20px;
line-height: 24px;
}
.header__menu__special {
padding: 40px 0 64px 0;
}
.header__menu__special .menu__title {
font-size: 20px;
line-height: 20px;
padding: 16px 0 12px;
}
.header__menu__special a {
gap: 12px;
padding: 16px 0;
font-size: 14px;
line-height: 16px;
}
.header__menu__special a .num {
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
}
}
@media (min-width: 768px) {
.header {
height: calc( 56px + ( var(--win_width) - 768px ) * ( (64 - 56) / ( 1440 - 768 ) ) );
padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.header__logo {
padding: 0 calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
}
.header__logo:after {
width: calc( 105px + ( var(--win_width) - 768px ) * ( (131 - 105) / ( 1440 - 768 ) ) );
height: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
}
.header__opener {
padding: 0 16px;
}
.header__opener span {
width: 32px;
}
.header__opener span:after,
.header__opener span:before {
width: 32px;
}
.header__menu {
padding: 0 48px 0;
}
.header__menu__close {
top: 40px;
right: 48px;
width: 40px;
height: 40px;
}
.header__menu__close::after,
.header__menu__close::before {
height: 40px;
left: 20px;
}
.header__menu__header {
font-size: 14px;
line-height: 24px;
padding-bottom: 48px;
}
.header__menu__phones {
gap: 28px;
}
.header__menu__phones .item {
gap: 4px;
}
.header__menu__phones .item span {
font-size: 11px;
line-height: 18px;
}
.header__menu__phones .item a {
font-size: 25px;
line-height: 28px;
}
}
@media (min-width: 1280px) {
.header__btn {
display: block;
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;
background: #364D58;
padding: 0 calc( 16px + ( var(--win_width) - 1280px ) * ( (27 - 16) / ( 1920 - 1280 ) ) );
}
.header__btn svg {
width: calc( 24px + ( var(--win_width) - 1280px ) * ( (32 - 24) / ( 1920 - 1280 ) ) );
height: calc( 24px + ( var(--win_width) - 1280px ) * ( (32 - 24) / ( 1920 - 1280 ) ) );
}
.header__nav {
position: relative;
opacity: 1;
left: unset;
right: unset;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
gap: calc( 24px + ( var(--win_width) - 1280px ) * ( (64 - 24) / ( 1920 - 1280 ) ) );
padding: 0 calc( 32px + ( var(--win_width) - 1280px ) * ( (64 - 32) / ( 1920 - 1280 ) ) ) 0 calc( 32px + ( var(--win_width) - 1280px ) * ( (64 - 32) / ( 1920 - 1280 ) ) );
}
.header__nav a,
.header__nav span {
font-weight: 500;
font-variation-settings: 'wdth' 150;
letter-spacing: 0.02em;
font-size: calc( 14px + ( var(--win_width) - 1280px ) * ( (18 - 14) / ( 1920 - 1280 ) ) );
line-height: 18px;
color: #fff;
}
.header__nav span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.header__nav__main {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__nav__main a {
padding: 0 calc( 16px + ( var(--win_width) - 1280px ) * ( (32 - 16) / ( 1920 - 1280 ) ) );
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__menu,
.header__opener {
display: none;
}
}
@media (min-width: 1440px) {
.header {
height: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
padding: 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
}
.header__logo {
padding: 0 calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) );
}
.header__logo:after {
width: calc( 131px + ( var(--win_width) - 1440px ) * ( (157 - 131) / ( 1920 - 1440 ) ) );
height: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.header {
height: 4.58333333vw;
padding: 0 4.58333333vw;
}
.header__logo {
padding: 0 1.45833333vw;
}
.header__logo:after {
width: 8.17708333vw;
height: 1.25vw;
}
.header__btn {
padding: 0 1.40625vw;
}
.header__btn svg {
width: 1.66666667vw;
height: 1.66666667vw;
}
.header__nav {
padding: 0 3.33333333vw;
}
.header__nav a,
.header__nav span {
font-size: 0.9375vw;
line-height: 0.9375vw;
}
.header__nav span {
gap: 0.41666667vw;
}
.header__nav__main a {
padding: 0 1.66666667vw;
}
}
@media (any-hover: hover) {
.header__btn {
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.header__btn svg path {
-webkit-transition: fill 0.2s;
transition: fill 0.2s;
}
.header__btn:hover {
background-color: #00B2C3;
}
.header__btn:hover svg path {
fill: #fff;
}
.header__nav__main a {
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.header__nav__main a:hover {
background: rgba(217, 217, 217, 0.3);
}
}
.main {
min-height: 106.66666667vw;
height: var(--win_height);
background-size: cover;
background-position: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 21.33333333vw 5.33333333vw 5.33333333vw 5.33333333vw;
position: relative;
}
.main:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 64vw;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(54, 77, 88, 0.8)), color-stop(70%, rgba(54, 77, 88, 0.5)), to(rgba(54, 77, 88, 0)));
background: linear-gradient(0deg, rgba(54, 77, 88, 0.8) 0%, rgba(54, 77, 88, 0.5) 70%, rgba(54, 77, 88, 0) 100%);
z-index: 1;
}
.main h1 {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-stretch: 150%;
position: relative;
z-index: 10;
}
.main h1 span {
color: rgba(255, 255, 255, 0.5);
}
.main__years {
margin-top: auto;
position: relative;
z-index: 10;
backdrop-filter: blur(20px);
-webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 2px 6px 0 rgba(255, 255, 255, 0.4), inset 0 -20px 20px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 20px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8);
box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 2px 6px 0 rgba(255, 255, 255, 0.4), inset 0 -20px 20px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 20px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8);
background: rgba(217, 217, 217, 0.1);
padding: 4.26666667vw 6.4vw;
-ms-flex-item-align: start;
align-self: flex-start;
border-radius: 2px;
margin-bottom: 5.33333333vw;
min-height: 8.53333333vw;
font-weight: 800;
font-variation-settings: 'wdth' 150, 'XTRA' 560;
letter-spacing: 0.1em;
font-size: 3.73333333vw;
line-height: 4.26666667vw;
text-transform: uppercase;
color: #fff;
}
.main__years::before {
content: "";
position: absolute;
inset: 0;
border-radius: 2px;
padding: 2px;
background: linear-gradient(160deg, #00B2C3 0%, #00B2C3 31%, #ffffff 68%, rgba(255, 255, 255, 0) 100%);
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.main p {
font-size: 3.46666667vw;
line-height: 5.33333333vw;
color: #fff;
font-weight: 300;
font-stretch: 150%;
margin-bottom: 5.33333333vw;
position: relative;
z-index: 10;
}
.main__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
gap: 3.2vw;
position: relative;
z-index: 10;
}
.main__btns .btn:last-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.main .navigation {
display: none;
}
@media (min-width: 375px) {
.main {
min-height: calc( 400px + ( var(--win_width) - 375px ) * ( (560 - 400) / ( 768 - 375 ) ) );
padding: calc( 80px + ( var(--win_width) - 375px ) * ( (130 - 80) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (40 - 20) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.main:after {
height: calc( 240px + ( var(--win_width) - 375px ) * ( (160 - 240) / ( 768 - 375 ) ) );
}
.main h1 {
max-width: 360px;
margin-bottom: calc( 0px + ( var(--win_width) - 375px ) * ( (20 - 0) / ( 768 - 375 ) ) );
}
.main__years {
padding: calc( 16px + ( var(--win_width) - 375px ) * ( (18 - 16) / ( 768 - 375 ) ) ) calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
margin-bottom: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
font-size: 14px;
line-height: 16px;
min-height: 32px;
}
.main p {
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (14 - 13) / ( 768 - 375 ) ) );
line-height: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
max-width: 360px;
margin-bottom: 20px;
}
.main__btns {
max-width: 360px;
gap: 12px;
}
}
@media (min-width: 768px) {
.main {
min-height: calc( 560px + ( var(--win_width) - 768px ) * ( (680 - 560) / ( 1440 - 768 ) ) );
padding: calc( 130px + ( var(--win_width) - 768px ) * ( (196 - 130) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) calc( 76px + ( var(--win_width) - 768px ) * ( (194 - 76) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.main:after {
height: calc( 160px + ( var(--win_width) - 768px ) * ( (0 - 160) / ( 1440 - 768 ) ) );
}
.main h1 {
max-width: calc( 360px + ( var(--win_width) - 768px ) * ( (544 - 360) / ( 1440 - 768 ) ) );
margin-bottom: calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1440 - 768 ) ) );
}
.main__years {
margin: 0;
position: absolute;
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
bottom: calc( 76px + ( var(--win_width) - 768px ) * ( (480 - 76) / ( 1440 - 768 ) ) );
padding: calc( 18px + ( var(--win_width) - 768px ) * ( (24 - 18) / ( 1440 - 768 ) ) ) calc( 32px + ( var(--win_width) - 768px ) * ( (48 - 32) / ( 1440 - 768 ) ) );
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
min-height: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) );
}
.main p {
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (20 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 24px + ( var(--win_width) - 768px ) * ( (32 - 24) / ( 1440 - 768 ) ) );
max-width: calc( 360px + ( var(--win_width) - 768px ) * ( (544 - 360) / ( 1440 - 768 ) ) );
margin-bottom: 0;
}
.main__btns {
max-width: calc( 380px + ( var(--win_width) - 768px ) * ( (544 - 380) / ( 1440 - 768 ) ) );
margin-top: auto;
}
.main__btns .btn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.main .navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
}
@media (min-width: 1440px) {
.main {
min-height: calc( 680px + ( var(--win_width) - 1440px ) * ( (800 - 680) / ( 1920 - 1440 ) ) );
padding: calc( 64px + ( var(--win_width) - 1440px ) * ( (72 - 64) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
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;
}
.main:after {
display: none;
}
.main h1 {
max-width: calc( 544px + ( var(--win_width) - 1440px ) * ( (696 - 544) / ( 1920 - 1440 ) ) );
margin-bottom: 32px;
}
.main__years {
right: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
bottom: unset;
top: calc( 196px + ( var(--win_width) - 1440px ) * ( (280 - 196) / ( 1920 - 1440 ) ) );
padding: calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) ) calc( 48px + ( var(--win_width) - 1440px ) * ( (56 - 48) / ( 1920 - 1440 ) ) );
font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
line-height: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
min-height: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) );
}
.main p {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (26 - 20) / ( 1920 - 1440 ) ) );
line-height: calc( 32px + ( var(--win_width) - 1440px ) * ( (36 - 32) / ( 1920 - 1440 ) ) );
max-width: calc( 544px + ( var(--win_width) - 1440px ) * ( (696 - 544) / ( 1920 - 1440 ) ) );
margin-bottom: calc( 40px + ( var(--win_width) - 1440px ) * ( (58 - 40) / ( 1920 - 1440 ) ) );
}
.main__btns {
max-width: 540px;
margin-top: unset;
}
.main__btns .btn:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 230px;
flex: 0 0 230px;
}
.main__btns .btn:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 298px;
flex: 0 0 298px;
}
}
@media (min-width: 1920px) {
.main {
min-height: 50vw;
padding: 3.75vw 4.58333333vw 4.58333333vw 4.58333333vw;
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;
}
.main h1 {
max-width: 36.25vw;
margin-bottom: 1.66666667vw;
}
.main__years {
right: 4.58333333vw;
bottom: 31.875vw;
padding: 1.45833333vw 2.91666667vw;
font-size: 1.04166667vw;
line-height: 1.25vw;
min-height: 2.5vw;
}
.main p {
font-size: 1.35416667vw;
line-height: 1.875vw;
max-width: 36.25vw;
margin-bottom: 3.02083333vw;
}
.main__btns {
max-width: 28.125vw;
gap: 0.625vw;
}
.main__btns .btn:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 11.97916667vw;
flex: 0 0 11.97916667vw;
}
.main__btns .btn:last-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 15.52083333vw;
flex: 0 0 15.52083333vw;
}
}
.v2-main { position: relative;
}
.v2-main__back {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
min-height: 106.66666667vw;
height: var(--win_height);
background-size: cover;
background-position: center;
}
.v2-main__inner {
position: relative;
z-index: 10;
min-height: 106.66666667vw;
height: var(--win_height);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 21.33333333vw 5.33333333vw 5.33333333vw 5.33333333vw;
}
.v2-main__city {
font-weight: 500;
font-size: 3.2vw;
line-height: 150%;
letter-spacing: 0.02em;
color: #fff;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
margin-bottom: 6.4vw;
}
.v2-main h1 {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-stretch: 150%;
position: relative;
z-index: 10;
}
.v2-main h1 span {
color: rgba(255, 255, 255, 0.5);
}
.v2-main__about {
display: none;
}
.v2-main__icons {
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;
gap: 4.26666667vw;
margin-top: auto;
}
.v2-main__icons a {
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;
border: 1px solid #AFAFAF;
border-radius: 2px;
width: 12.8vw;
height: 12.8vw;
}
.v2-main__icons a svg {
width: 6.4vw;
height: 6.4vw;
}
.v2-main__years {
backdrop-filter: blur(20px);
-webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 2px 6px 0 rgba(255, 255, 255, 0.4), inset 0 -20px 20px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 20px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8);
box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 2px 6px 0 rgba(255, 255, 255, 0.4), inset 0 -20px 20px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 20px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8);
background: rgba(217, 217, 217, 0.1);
padding: 2.66666667vw 6.4vw;
border-radius: 2px;
font-weight: 800;
font-variation-settings: 'wdth' 150, 'XTRA' 560;
letter-spacing: 0.1em;
font-size: 2.93333333vw;
line-height: 4vw;
text-transform: uppercase;
color: #fff;
text-align: center;
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;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.v2-main__years::before {
content: "";
position: absolute;
inset: 0;
border-radius: 2px;
padding: 2px;
background: linear-gradient(160deg, #00B2C3 0%, #00B2C3 31%, #ffffff 68%, rgba(255, 255, 255, 0) 100%);
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.v2-main__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: auto;
gap: 3.2vw;
}
.v2-main__btns .btn {
-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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.v2-main__btns .btn:first-child {
display: none;
}
.v2-main__btns .btn:nth-child(2) {
background: linear-gradient(263deg, #00d1ff 0%, #AFAFAF 100%);
}
.v2-main__bottom {
padding: 8.53333333vw 5.33333333vw 0;
position: relative;
}
.v2-main__bottom .btn {
margin-top: 7.46666667vw;
}
.v2-main .navigation {
display: none;
}
@media (min-width: 375px) {
.v2-main { }
.v2-main__back {
min-height: 400px;
}
.v2-main__inner {
min-height: 400px;
padding: calc( 80px + ( var(--win_width) - 375px ) * ( (130 - 80) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (40 - 20) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.v2-main__city {
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (14 - 12) / ( 768 - 375 ) ) );
line-height: calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
margin-bottom: 24px;
}
.v2-main__icons {
gap: 16px;
}
.v2-main__icons a {
width: 48px;
height: 48px;
}
.v2-main__icons a svg {
width: 24px;
height: 24px;
}
.v2-main__years {
padding: 10px 24px;
font-size: 11px;
line-height: 15px;
}
.v2-main__btns {
gap: 12px;
}
.v2-main__bottom {
padding: calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) 0;
}
.v2-main__bottom .btn {
margin-top: 28px;
}
}
@media (min-width: 768px) {
.v2-main { 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;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: var(--win_height);
}
.v2-main__back {
min-height: unset;
height: unset;
bottom: 0;
}
.v2-main__inner {
padding: calc( 80px + ( var(--win_width) - 768px ) * ( (96 - 80) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) calc( 80px + ( var(--win_width) - 768px ) * ( (96 - 80) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
height: unset;
}
.v2-main__city {
font-size: calc( 16px + ( var(--win_width) - 1280px ) * ( (18 - 16) / ( 1920 - 1280 ) ) );
line-height: 20px;
margin-bottom: 24px;
}
.v2-main h1 {
margin-bottom: calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1440 - 768 ) ) );
}
.v2-main__about {
display: block;
color: #fff;
font-weight: 300;
font-stretch: 150%;
position: relative;
z-index: 10;
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (20 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 24px + ( var(--win_width) - 768px ) * ( (32 - 24) / ( 1440 - 768 ) ) );
max-width: calc( 360px + ( var(--win_width) - 768px ) * ( (544 - 360) / ( 1440 - 768 ) ) );
}
.v2-main__icons {
display: none;
}
.v2-main__years {
position: absolute;
text-align: left;
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
top: calc( 124px + ( var(--win_width) - 768px ) * ( (148 - 124) / ( 1280 - 768 ) ) );
padding: calc( 18px + ( var(--win_width) - 768px ) * ( (24 - 18) / ( 1440 - 768 ) ) ) calc( 32px + ( var(--win_width) - 768px ) * ( (48 - 32) / ( 1440 - 768 ) ) );
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
min-height: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) );
}
.v2-main__btns {
max-width: calc( 380px + ( var(--win_width) - 768px ) * ( (544 - 380) / ( 1440 - 768 ) ) );
margin-top: calc( 32px + ( var(--win_width) - 768px ) * ( (56 - 32) / ( 1440 - 768 ) ) );
}
.v2-main__btns .btn:first-child {
display: block;
}
.v2-main__btns .btn:nth-child(2) {
background: transparent;
}
.v2-main__bottom {
display: none;
}
.v2-main .navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
}
@media (min-width: 1280px) {
.v2-main { }
.v2-main__city {
display: none;
}
.v2-main__years {
top: calc( 100px + ( var(--win_width) - 1280px ) * ( (104 - 100) / ( 1440 - 1280 ) ) );
}
}
@media (min-width: 1440px) {
.v2-main { }
.v2-main__inner {
padding: calc( 96px + ( var(--win_width) - 1440px ) * ( (140 - 96) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 96px + ( var(--win_width) - 1440px ) * ( (140 - 96) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
}
.v2-main h1 {
margin-bottom: 32px;
}
.v2-main__about {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (26 - 20) / ( 1920 - 1440 ) ) );
line-height: calc( 32px + ( var(--win_width) - 1440px ) * ( (36 - 32) / ( 1920 - 1440 ) ) );
max-width: calc( 544px + ( var(--win_width) - 1440px ) * ( (696 - 544) / ( 1920 - 1440 ) ) );
}
.v2-main__years {
padding: calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) ) calc( 48px + ( var(--win_width) - 1440px ) * ( (56 - 48) / ( 1920 - 1440 ) ) );
font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
line-height: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
min-height: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) );
right: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
top: calc( 104px + ( var(--win_width) - 1440px ) * ( (154 - 104) / ( 1920 - 1440 ) ) );
}
.v2-main__btns {
margin-top: 56px;
max-width: 540px;
}
.v2-main__btns .btn:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 230px;
flex: 0 0 230px;
}
.v2-main__btns .btn:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 298px;
flex: 0 0 298px;
}
}
@media (min-width: 1920px) {
.v2-main { }
.v2-main__inner {
padding: 7.29166667vw 4.58333333vw 7.29166667vw 4.58333333vw;
}
.v2-main__about {
font-size: 1.35416667vw;
line-height: 1.875vw;
max-width: 36.25vw;
}
.v2-main__btns {
max-width: 28.125vw;
margin-top: 2.91666667vw;
gap: 0.625vw;
}
.v2-main__btns .btn:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 11.97916667vw;
flex: 0 0 11.97916667vw;
}
.v2-main__btns .btn:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 15.52083333vw;
flex: 0 0 15.52083333vw;
}
}
.navigation {
background: #364D58;
color: #fff;
padding: 1.06666667vw;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
}
.navigation a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.13333333vw;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-weight: 500;
font-variation-settings: 'wdth' 130;
text-transform: capitalize;
font-size: 4.26666667vw;
line-height: 4.8vw;
padding: 3.2vw 5.33333333vw;
}
@media (min-width: 375px) {
.navigation {
padding: calc( 4px + ( var(--win_width) - 375px ) * ( (6 - 4) / ( 768 - 375 ) ) ) 0;
}
.navigation a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 16px;
line-height: 18px;
padding: calc( 12px + ( var(--win_width) - 375px ) * ( (16 - 12) / ( 768 - 375 ) ) ) 20px;
gap: 8px;
}
}
@media (min-width: 768px) {
.navigation {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.navigation a {
padding: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) ) 0;
font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (22 - 16) / ( 1440 - 768 ) ) );
line-height: calc( 18px + ( var(--win_width) - 768px ) * ( (24 - 18) / ( 1440 - 768 ) ) );
border-right: 1px solid #00B2C3;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.navigation a .icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
}
.navigation a:last-child {
border-right: transparent;
}
}
@media (min-width: 1440px) {
.navigation {
padding: 0;
}
.navigation a {
padding: calc( 20px + ( var(--win_width) - 1440px ) * ( (29 - 20) / ( 1920 - 1440 ) ) );
font-size: calc( 22px + ( var(--win_width) - 1440px ) * ( (28 - 22) / ( 1920 - 1440 ) ) );
line-height: calc( 24px + ( var(--win_width) - 1440px ) * ( (34 - 24) / ( 1920 - 1440 ) ) );
}
.navigation a .icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 24px + ( var(--win_width) - 1440px ) * ( (30 - 24) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 24px + ( var(--win_width) - 1440px ) * ( (30 - 24) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.navigation {
padding: 0 0;
}
.navigation a {
padding: 1.51041667vw;
font-size: 1.45833333vw;
line-height: 1.77083333vw;
gap: 0.41666667vw;
}
.navigation a .icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 1.5625vw;
flex: 0 0 1.5625vw;
}
}
@media (any-hover: hover) {
.navigation a {
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
cursor: pointer;
}
.navigation a:hover {
background-color: #4E7080;
}
}
.strategy {
padding: 10.66666667vw 5.33333333vw 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.33333333vw;
position: relative;
}
.strategy__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: 4.26666667vw;
position: relative;
z-index: 10;
padding: 5.33333333vw 5.33333333vw 0;
}
.strategy__photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.33333333vw;
position: relative;
z-index: 10;
}
.strategy__photos .photo_1,
.strategy__photos .photo_2 {
height: 58.66666667vw;
background-size: cover;
background-position: center;
}
.strategy__photos p {
padding: 5.06666667vw 10.66666667vw 5.33333333vw 21.33333333vw;
font-weight: 300;
font-size: 7.46666667vw;
line-height: 7.46666667vw;
color: #212121;
position: relative;
margin-left: -5.33333333vw;
}
.strategy__photos p span {
font-weight: 600;
font-size: 3.2vw;
line-height: 4vw;
text-transform: uppercase;
color: #364D58;
display: block;
margin-bottom: 2.13333333vw;
font-variation-settings: 'wdth' 150;
letter-spacing: 0.1em;
}
.strategy__photos p:before {
content: '';
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 33H0v-3h30V0h3v30h30v3H33v30h-3V33z' fill='url(%23paint0_linear_211_1249)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_211_1249' x1='9.844' y1='53.156' x2='17.088' y2='4.476' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
position: absolute;
left: 0;
top: 0;
background-size: auto 100%;
width: 53px;
background-position: top right;
}
.strategy:after {
content: '';
position: absolute;
right: 0;
top: 0;
height: 10.66666667vw;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: 1200%;
z-index: 1;
}
@media (min-width: 375px) {
.strategy {
padding: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
}
.strategy__header {
gap: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) );
padding: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) 0;
}
.strategy__photos {
gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
}
.strategy__photos .photo_1,
.strategy__photos .photo_2 {
height: calc( 220px + ( var(--win_width) - 375px ) * ( (340 - 220) / ( 768 - 375 ) ) );
}
.strategy__photos p {
padding: 19px calc( 40px + ( var(--win_width) - 375px ) * ( (0 - 40) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) calc( 80px + ( var(--win_width) - 375px ) * ( (80 - 80) / ( 768 - 375 ) ) );
max-width: 240px;
-ms-flex-item-align: start;
align-self: flex-start;
font-size: calc( 28px + ( var(--win_width) - 375px ) * ( (32 - 28) / ( 768 - 375 ) ) );
line-height: calc( 28px + ( var(--win_width) - 375px ) * ( (32 - 28) / ( 768 - 375 ) ) );
margin-left: calc( -20px + ( var(--win_width) - 375px ) * ( (-24 - -20) / ( 768 - 375 ) ) );
}
.strategy__photos p span {
font-size: 12px;
line-height: 15px;
margin-bottom: calc( 8px + ( var(--win_width) - 375px ) * ( (12 - 8) / ( 768 - 375 ) ) );
}
.strategy__photos p:before {
top: 0;
width: calc( 53px + ( var(--win_width) - 375px ) * ( (57 - 53) / ( 768 - 375 ) ) );
}
.strategy:after {
right: 0;
top: 0;
height: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
background-size: 1000%;
}
}
@media (min-width: 768px) {
.strategy {
padding: calc( 88px + ( var(--win_width) - 768px ) * ( (144 - 88) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) 0 calc( 24px + ( var(--win_width) - 768px ) * ( (0 - 24) / ( 1440 - 768 ) ) );
gap: calc( 32px + ( var(--win_width) - 768px ) * ( (80 - 32) / ( 1440 - 768 ) ) );
}
.strategy__header {
padding: 0 0 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 24px;
}
.strategy__header p {
padding-top: calc( 3px + ( var(--win_width) - 768px ) * ( (4 - 3) / ( 1440 - 768 ) ) );
max-width: calc( 280px + ( var(--win_width) - 768px ) * ( (440 - 280) / ( 1440 - 768 ) ) );
}
.strategy__photos {
gap: calc( 32px + ( var(--win_width) - 768px ) * ( (80 - 32) / ( 1440 - 768 ) ) );
}
.strategy__photos .photo_1 {
height: calc( 340px + ( var(--win_width) - 768px ) * ( (400 - 340) / ( 1440 - 768 ) ) );
}
.strategy__photos .photo_2 {
height: calc( 220px + ( var(--win_width) - 768px ) * ( (240 - 220) / ( 1440 - 768 ) ) );
width: calc( 280px + ( var(--win_width) - 768px ) * ( (440 - 280) / ( 1440 - 768 ) ) );
-ms-flex-item-align: end;
align-self: flex-end;
}
.strategy__photos p {
position: absolute;
left: calc( 65px + ( var(--win_width) - 768px ) * ( (160 - 65) / ( 1440 - 768 ) ) );
bottom: calc( 18px + ( var(--win_width) - 768px ) * ( (20 - 18) / ( 1440 - 768 ) ) );
padding: 64px 0 0 64px;
max-width: calc( 320px + ( var(--win_width) - 768px ) * ( (440 - 320) / ( 1440 - 768 ) ) );
font-size: calc( 28px + ( var(--win_width) - 768px ) * ( (34 - 28) / ( 1440 - 768 ) ) );
line-height: calc( 32px + ( var(--win_width) - 768px ) * ( (38 - 32) / ( 1440 - 768 ) ) );
}
.strategy__photos p span {
margin-bottom: 12px;
}
.strategy__photos p:before {
left: 0;
top: 0;
width: 64px;
}
.strategy:after {
right: 0;
top: 0;
height: calc( 104px + ( var(--win_width) - 768px ) * ( (167 - 104) / ( 1440 - 768 ) ) );
width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
background-position: center;
background-size: 800%;
}
.strategy .line.top {
top: calc( 104px + ( var(--win_width) - 768px ) * ( (167 - 104) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.strategy {
padding: calc( 144px + ( var(--win_width) - 1440px ) * ( (196 - 144) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) 0 0;
gap: calc( 80px + ( var(--win_width) - 1440px ) * ( (120 - 80) / ( 1920 - 1440 ) ) );
}
.strategy__header {
padding-left: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
}
.strategy__header h2 {
max-width: calc( 720px + ( var(--win_width) - 1440px ) * ( (880 - 720) / ( 1920 - 1440 ) ) );
}
.strategy__header p {
padding-top: calc( 4px + ( var(--win_width) - 1440px ) * ( (2 - 4) / ( 1920 - 1440 ) ) );
max-width: calc( 440px + ( var(--win_width) - 1440px ) * ( (560 - 440) / ( 1920 - 1440 ) ) );
}
.strategy__photos {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
gap: calc( 80px + ( var(--win_width) - 1440px ) * ( (104 - 80) / ( 1920 - 1440 ) ) );
padding-bottom: 96px;
}
.strategy__photos .photo_1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: calc( 400px + ( var(--win_width) - 1440px ) * ( (560 - 400) / ( 1920 - 1440 ) ) );
}
.strategy__photos .photo_2 {
height: calc( 240px + ( var(--win_width) - 1440px ) * ( (320 - 240) / ( 1920 - 1440 ) ) );
width: calc( 440px + ( var(--win_width) - 1440px ) * ( (560 - 440) / ( 1920 - 1440 ) ) );
-ms-flex-item-align: start;
align-self: flex-start;
}
.strategy__photos p {
left: unset;
right: 0;
bottom: 0;
padding: 80px 0 0 85px;
font-size: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
line-height: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
}
.strategy__photos p span {
font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
line-height: calc( 18px + ( var(--win_width) - 1440px ) * ( (21 - 18) / ( 1920 - 1440 ) ) );
margin-bottom: 6px;
}
.strategy__photos p:before {
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 33H0v-3h30V0h3v30h30v3H33v30h-3V33z' fill='url(%23paint0_linear_211_1249)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_211_1249' x1='9.844' y1='53.156' x2='17.088' y2='4.476' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.strategy:after {
height: calc( 167px + ( var(--win_width) - 1440px ) * ( (224 - 167) / ( 1920 - 1440 ) ) );
width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
background-size: 600%;
}
.strategy .line.top {
top: calc( 167px + ( var(--win_width) - 1440px ) * ( (224 - 167) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.strategy {
padding: 10.20833333vw 4.58333333vw 0 0;
gap: 6.25vw;
}
.strategy .line.top {
top: 11.66666667vw;
}
.strategy__header {
padding-left: 4.58333333vw;
gap: 1.25vw;
}
.strategy__header h2 {
max-width: 45.83333333vw;
}
.strategy__header p {
max-width: 29.16666667vw;
padding-top: 0.10416667vw;
}
.strategy__photos {
gap: 5.41666667vw;
padding-bottom: 5vw;
}
.strategy__photos .photo_1 {
height: 29.16666667vw;
}
.strategy__photos .photo_2 {
height: 16.66666667vw;
width: 29.16666667vw;
}
.strategy__photos p {
padding: 4.16666667vw 0 0 4.42708333vw;
font-size: 2.08333333vw;
line-height: 2.08333333vw;
}
.strategy__photos p span {
margin-bottom: 0.625vw;
}
.strategy:after {
height: 11.66666667vw;
width: 11.45833333vw;
background-size: 300;
}
}
.quality {
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;
gap: 5.33333333vw;
padding: 16vw 5.33333333vw 12.8vw;
}
.quality h2,
.quality p,
.quality .photo {
position: relative;
z-index: 10;
}
.quality h2,
.quality p {
padding: 0 5.33333333vw;
}
.quality .photo {
height: 58.66666667vw;
background-size: cover;
background-position: center;
}
.quality .static-plus {
left: 5.33333333vw;
top: 10.66666667vw;
}
.quality:after {
content: '';
position: absolute;
right: 0;
top: 10.66666667vw;
bottom: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 100%;
z-index: 1;
}
@media (min-width: 375px) {
.quality {
gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
padding: calc( 60px + ( var(--win_width) - 375px ) * ( (64 - 60) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) calc( 48px + ( var(--win_width) - 375px ) * ( (88 - 48) / ( 768 - 375 ) ) );
}
.quality h2,
.quality p {
padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.quality .photo {
height: calc( 220px + ( var(--win_width) - 375px ) * ( (400 - 220) / ( 768 - 375 ) ) );
}
.quality .static-plus {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
top: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
}
.quality:after {
top: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.quality {
gap: 32px;
padding: 280px calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) calc( 88px + ( var(--win_width) - 768px ) * ( (200 - 88) / ( 1440 - 768 ) ) );
}
.quality h2,
.quality p {
padding: 0;
}
.quality .photo {
height: calc( 400px + ( var(--win_width) - 768px ) * ( (560 - 400) / ( 1440 - 768 ) ) );
}
.quality .static-plus {
left: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
top: calc( 120px + ( var(--win_width) - 768px ) * ( (160 - 120) / ( 1440 - 768 ) ) );
}
.quality:after {
top: calc( 120px + ( var(--win_width) - 768px ) * ( (160 - 120) / ( 1440 - 768 ) ) );
width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.quality {
gap: calc( 32px + ( var(--win_width) - 1440px ) * ( (40 - 32) / ( 1920 - 1440 ) ) );
padding: calc( 280px + ( var(--win_width) - 1440px ) * ( (340 - 280) / ( 1920 - 1440 ) ) ) calc( 560px + ( var(--win_width) - 1440px ) * ( (820 - 560) / ( 1920 - 1440 ) ) ) 200px calc( 250px + ( var(--win_width) - 1440px ) * ( (380 - 250) / ( 1920 - 1440 ) ) );
}
.quality .photo {
position: absolute;
right: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
top: calc( 280px + ( var(--win_width) - 1440px ) * ( (340 - 280) / ( 1920 - 1440 ) ) );
bottom: 200px;
height: unset;
width: calc( 440px + ( var(--win_width) - 1440px ) * ( (560 - 440) / ( 1920 - 1440 ) ) );
}
.quality:after {
top: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
.quality .static-plus {
left: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
top: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.quality {
gap: 2.08333333vw;
padding: 17.70833333vw 42.70833333vw 10.41666667vw 19.79166667vw;
}
.quality .photo {
right: 4.58333333vw;
top: 17.70833333vw;
bottom: 10.41666667vw;
width: 29.16666667vw;
}
.quality:after {
top: 11.45833333vw;
width: 11.45833333vw;
}
.quality .static-plus {
left: 11.45833333vw;
top: 11.45833333vw;
}
}
.activities__data {
background: linear-gradient(225deg, #6B6B6B 0%, #364D58 100%);
padding: 10.66666667vw 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: 8.53333333vw;
position: relative;
}
.activities__data__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
}
.activities__data:after {
content: '';
position: absolute;
right: 0;
left: 0;
bottom: 0;
height: 82.66666667vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/texture_w.png);
background-position: center;
background-size: 300%;
z-index: 1;
opacity: 0.08;
}
.activities h2,
.activities .plustext,
.activities__btn,
.activities__slider {
position: relative;
z-index: 10;
}
.activities h2 {
padding: 0 10.66666667vw;
color: #fff;
}
.activities h2 span {
color: rgba(255, 255, 255, 0.5);
}
.activities__slider .owl-stage {
padding-left: 2.66666667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.activities__slider .owl-nav {
position: absolute;
top: -19.73333333vw;
right: 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.activities__slider .owl-nav button {
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.activities__slider .owl-nav button span {
margin: 2.66666667vw;
width: 6.4vw;
height: 6.4vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.activities__slider .owl-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 8.53333333vw 0 0 5.33333333vw;
height: 3px;
border-top: 1px solid rgba(255, 255, 255, 0.75);
}
.activities__slider .owl-dots .owl-dot {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.activities__slider .owl-dots .owl-dot span {
display: block;
background: rgba(255, 255, 255, 0.75);
height: 2px;
width: 100%;
-webkit-transition: width 0.2s;
transition: width 0.2s;
}
.activities__slider .owl-dots .owl-dot.active ~ .owl-dot span {
-webkit-transition: 0s;
transition: 0s;
width: 0;
}
.activities__slider .item-block {
margin: 0 2.66666667vw;
height: 100%;
}
.activities__slider .item {
width: 84vw;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.33333333vw;
backdrop-filter: blur(10px);
-webkit-box-shadow: inset 0 1px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 2px 5px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8), 0 2px 20px 0 rgba(166, 166, 166, 0.2);
box-shadow: inset 0 1px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 2px 5px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8), 0 2px 20px 0 rgba(166, 166, 166, 0.2);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15)));
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
border-radius: 2px;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: center left;
transform-origin: center left;
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, -webkit-transform 0.2s;
transition: transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
}
.activities__slider .item::before {
content: "";
position: absolute;
inset: 0;
border-radius: 2px;
padding: 2px;
background: linear-gradient(80deg, #AFAFAF, #00B2C3);
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: 1;
}
.activities__slider .item__img {
height: 58.66666667vw;
background-size: cover;
background-position: center;
position: relative;
z-index: 10;
}
.activities__slider .item__data {
min-height: 37.33333333vw;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
z-index: 10;
}
.activities__slider .item__data h3 {
text-transform: none;
color: #fff;
font-size: 3.73333333vw;
line-height: 5.33333333vw;
font-variation-settings: 'wdth' 130;
letter-spacing: 0;
margin-bottom: 2.66666667vw;
}
.activities__slider .item__data p {
color: rgba(255, 255, 255, 0.75);
font-size: 3.46666667vw;
line-height: 4.26666667vw;
}
.activities__slider .item__data__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
padding-bottom: 2.66666667vw;
border-bottom: 2px solid #fff;
font-size: 3.73333333vw;
line-height: 4.26666667vw;
position: relative;
z-index: 100;
margin-top: auto;
font-variation-settings: 'wdth' 140;
font-weight: 500;
}
.activities__slider .item__data__link:after {
content: '';
display: inline-block;
width: 11px;
height: 19px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.015 17.985L9.5 9.5 1.015 1.015' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}
.activities__slider .item.item__last {
background: #fff;
}
.activities__slider .item.item__last h3 {
text-transform: none;
font-weight: 400;
font-size: 4.26666667vw;
line-height: 6.4vw;
font-variation-settings: unset;
letter-spacing: 0;
}
.activities__slider .item.item__last .btn {
margin-top: auto;
-ms-flex-item-align: start;
align-self: flex-start;
}
.activities__slider .item__spacer {
display: none;
}
.activities__slider .owl-item.active .item {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.activities__slider .owl-item.active + .owl-item.active .item {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 1;
}
.activities__slider__number {
display: none;
}
.activities__slider__progress {
border-top: 1px solid rgba(255, 255, 255, 0.75);
height: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 0 5.33333333vw;
}
.activities__slider__progress span {
display: inline-block;
height: 2px;
width: 0;
background: rgba(255, 255, 255, 0.75);
-webkit-transition: width 0.2s;
transition: width 0.2s;
}
.activities__btn {
margin: 7.46666667vw 10.66666667vw 0;
}
.activities .plustext {
font-weight: 300;
font-size: 7.46666667vw;
line-height: 7.46666667vw;
color: #fff;
position: relative;
padding: 5.06666667vw 10.66666667vw 5.33333333vw 21.33333333vw;
}
.activities .plustext span {
font-weight: 600;
font-size: 3.46666667vw;
line-height: 4vw;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
display: block;
margin-bottom: 2.13333333vw;
font-variation-settings: 'wdth' 150;
letter-spacing: 0.1em;
}
.activities .plustext:before {
content: '';
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 33H0v-3h30V0h3v30h30v3H33v30h-3V33z' fill='url(%23paint0_linear_211_1249)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_211_1249' x1='9.844' y1='53.156' x2='17.088' y2='4.476' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
position: absolute;
left: 0;
top: 0;
background-size: auto 100%;
width: 53px;
background-position: top right;
}
.activities.desktop {
display: none;
}
@media (min-width: 375px) {
.activities__data {
padding: calc( 40px + ( var(--win_width) - 375px ) * ( (64 - 40) / ( 768 - 375 ) ) ) 0;
gap: calc( 32px + ( var(--win_width) - 375px ) * ( (64 - 32) / ( 768 - 375 ) ) );
}
.activities__data:after {
height: calc( 310px + ( var(--win_width) - 375px ) * ( (250 - 310) / ( 768 - 375 ) ) );
background-size: 200%;
}
.activities h2 {
padding: 0 calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
}
.activities__slider .owl-stage {
padding-left: calc( 10px + ( var(--win_width) - 375px ) * ( (14 - 10) / ( 768 - 375 ) ) );
}
.activities__slider .owl-nav {
top: calc( -74px + ( var(--win_width) - 375px ) * ( (-131 - -74) / ( 768 - 375 ) ) );
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.activities__slider .owl-nav button span {
margin: 10px;
width: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.activities__slider .owl-dots {
margin: calc( 32px + ( var(--win_width) - 375px ) * ( (64 - 32) / ( 768 - 375 ) ) ) 0 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.activities__slider .item-block {
margin: 0 10px;
}
.activities__slider .item {
width: calc( 315px + ( var(--win_width) - 375px ) * ( (560 - 315) / ( 768 - 375 ) ) );
padding: 20px;
gap: 20px;
}
.activities__slider .item__img {
height: 220px;
}
.activities__slider .item__data {
min-height: 140px;
}
.activities__slider .item__data h3 {
font-size: calc( 14px + ( var(--win_width) - 375px ) * ( (16 - 14) / ( 768 - 375 ) ) );
line-height: calc( 18px + ( var(--win_width) - 375px ) * ( (20 - 18) / ( 768 - 375 ) ) );
margin-bottom: 10px;
}
.activities__slider .item__data p {
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (14 - 13) / ( 768 - 375 ) ) );
line-height: calc( 16px + ( var(--win_width) - 375px ) * ( (18 - 16) / ( 768 - 375 ) ) );
}
.activities__slider .item__data__link {
padding-bottom: calc( 10px + ( var(--win_width) - 375px ) * ( (16 - 10) / ( 768 - 375 ) ) );
font-size: 14px;
line-height: 16px;
}
.activities__slider .item.item__last h3 {
font-size: calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.activities__slider__progress {
margin: 0 0 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.activities__btn {
margin: calc( 28px + ( var(--win_width) - 375px ) * ( (0 - 28) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) 0;
}
.activities .plustext {
margin: 0;
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (28 - 20) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
-ms-flex-item-align: start;
align-self: flex-start;
padding: 40px calc( 40px + ( var(--win_width) - 375px ) * ( (0 - 40) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) calc( 80px + ( var(--win_width) - 375px ) * ( (80 - 80) / ( 768 - 375 ) ) );
}
.activities .plustext span {
font-size: 14px;
line-height: 20px;
margin-bottom: calc( 8px + ( var(--win_width) - 375px ) * ( (12 - 8) / ( 768 - 375 ) ) );
}
.activities .plustext:before {
top: 0;
width: calc( 53px + ( var(--win_width) - 375px ) * ( (57 - 53) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.activities__data {
padding: calc( 64px + ( var(--win_width) - 768px ) * ( (120 - 64) / ( 1440 - 768 ) ) ) 0 144px;
gap: calc( 64px + ( var(--win_width) - 768px ) * ( (40 - 64) / ( 1440 - 768 ) ) );
}
.activities__data:after {
height: calc( 250px + ( var(--win_width) - 768px ) * ( (360 - 250) / ( 1440 - 768 ) ) );
background-size: 100%;
}
.activities h2 {
padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
max-width: 480px;
}
.activities__slider .owl-stage {
padding-left: calc( 14px + ( var(--win_width) - 768px ) * ( (52 - 14) / ( 1440 - 768 ) ) );
}
.activities__slider .owl-nav {
top: calc( -131px + ( var(--win_width) - 768px ) * ( (-164 - -131) / ( 1440 - 768 ) ) );
right: calc( 14px + ( var(--win_width) - 768px ) * ( (48 - 14) / ( 1440 - 768 ) ) );
}
.activities__slider .owl-nav button span {
margin: calc( 10px + ( var(--win_width) - 768px ) * ( (9 - 10) / ( 1440 - 768 ) ) );
width: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
height: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
}
.activities__slider .owl-dots {
margin: 64px 0 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.activities__slider .item-block {
margin: 0 calc( 10px + ( var(--win_width) - 768px ) * ( (12 - 10) / ( 1440 - 768 ) ) );
}
.activities__slider .item {
width: calc( 560px + ( var(--win_width) - 768px ) * ( (780 - 560) / ( 1440 - 768 ) ) );
padding: calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1440 - 768 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: calc( 20px + ( var(--win_width) - 768px ) * ( (44 - 20) / ( 1440 - 768 ) ) );
}
.activities__slider .item__img {
height: calc( 220px + ( var(--win_width) - 768px ) * ( (256 - 220) / ( 1440 - 768 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (340 - 280) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (340 - 280) / ( 1440 - 768 ) ) );
}
.activities__slider .item__data {
min-height: unset;
}
.activities__slider .item__data h3 {
font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
line-height: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
margin-bottom: calc( 10px + ( var(--win_width) - 768px ) * ( (12 - 10) / ( 1440 - 768 ) ) );
}
.activities__slider .item__data p {
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 18px + ( var(--win_width) - 768px ) * ( (20 - 18) / ( 1440 - 768 ) ) );
}
.activities__slider .item__data__link {
padding-bottom: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
}
.activities__slider .item.item__last h3 {
font-size: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
line-height: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) );
}
.activities__slider__progress {
margin: 0 0 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.activities__btn {
margin: calc( 0px + ( var(--win_width) - 768px ) * ( (24 - 0) / ( 1440 - 768 ) ) ) 0 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
max-width: 240px;
}
.activities .plustext {
position: absolute;
bottom: calc( 30px + ( var(--win_width) - 768px ) * ( (48 - 30) / ( 1440 - 768 ) ) );
right: calc( 30px + ( var(--win_width) - 768px ) * ( (64 - 30) / ( 1440 - 768 ) ) );
margin: 0;
padding: 64px 0 0 64px;
font-size: calc( 28px + ( var(--win_width) - 768px ) * ( (34 - 28) / ( 1440 - 768 ) ) );
line-height: calc( 32px + ( var(--win_width) - 768px ) * ( (38 - 32) / ( 1440 - 768 ) ) );
}
.activities .plustext span {
margin-bottom: 12px;
}
.activities .plustext:before {
left: 0;
top: 0;
width: 64px;
}
}
@media (min-width: 1440px) {
.activities {
min-height: calc(6 * var(--win_height));
}
.activities__data {
padding: 0;
gap: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) );
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: calc( 700px + ( var(--win_width) - 1440px ) * ( (800 - 700) / ( 1920 - 1440 ) ) );
height: var(--win_height);
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;
position: sticky;
top: 0;
z-index: 20;
}
.activities__data__inner {
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;
gap: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) );
}
.activities__data__inner:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc( 456px + ( var(--win_width) - 1440px ) * ( (675 - 456) / ( 1920 - 1440 ) ) );
z-index: 30;
}
.activities__data:after {
height: calc( 360px + ( var(--win_width) - 1440px ) * ( (507 - 360) / ( 1920 - 1440 ) ) );
background-size: 50%;
}
.activities h2 {
padding: 0 0 0 calc( 456px + ( var(--win_width) - 1440px ) * ( (675 - 456) / ( 1920 - 1440 ) ) );
font-size: calc( 48px + ( var(--win_width) - 1440px ) * ( (64 - 48) / ( 1920 - 1440 ) ) );
line-height: calc( 64px + ( var(--win_width) - 1440px ) * ( (72 - 64) / ( 1920 - 1440 ) ) );
z-index: 40;
}
.activities__slider {
display: block;
overflow: hidden;
position: relative;
height: 400px;
z-index: 20;
}
.activities__slider__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: absolute;
padding-left: calc( 456px + ( var(--win_width) - 1440px ) * ( (675 - 456) / ( 1920 - 1440 ) ) );
padding-right: calc( 375px + ( var(--win_width) - 1440px ) * ( (675 - 375) / ( 1920 - 1440 ) ) );
gap: 24px;
width: unset;
-webkit-transition: left 0.2s;
transition: left 0.2s;
}
.activities__slider .item-block {
margin: 0;
}
.activities__slider .item {
width: calc( 608px + ( var(--win_width) - 1440px ) * ( (608 - 608) / ( 1920 - 1440 ) ) );
padding: calc( 32px + ( var(--win_width) - 1440px ) * ( (40 - 32) / ( 1920 - 1440 ) ) );
gap: calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-transition: 0.1s;
transition: 0.1s;
margin-top: calc( 24px + ( var(--win_width) - 1440px ) * ( (40 - 24) / ( 1920 - 1440 ) ) );
height: calc( 320px + ( var(--win_width) - 1440px ) * ( (320 - 320) / ( 1920 - 1440 ) ) );
}
.activities__slider .item__img {
height: unset;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.activities__slider .item__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 240px + ( var(--win_width) - 1440px ) * ( (240 - 240) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 240px + ( var(--win_width) - 1440px ) * ( (240 - 240) / ( 1920 - 1440 ) ) );
padding: 6px 0 12px;
}
.activities__slider .item__data h3 {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
line-height: calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) );
margin-bottom: calc( 12px + ( var(--win_width) - 1440px ) * ( (14 - 12) / ( 1920 - 1440 ) ) );
}
.activities__slider .item__data p {
font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (18 - 16) / ( 1920 - 1440 ) ) );
line-height: 20px;
}
.activities__slider .item__data__link {
padding-bottom: 15px;
font-size: 16px;
line-height: 110%;
}
.activities__slider .item.item__last {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.activities__slider .item.item__last h3 {
font-size: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
line-height: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) );
}
.activities__slider .item-block:first-child .item {
margin-top: 0;
height: calc( 400px + ( var(--win_width) - 1440px ) * ( (400 - 400) / ( 1920 - 1440 ) ) );
width: calc( 792px + ( var(--win_width) - 1440px ) * ( (792 - 792) / ( 1920 - 1440 ) ) );
}
.activities__slider__progress {
border-top: 1px solid rgba(255, 255, 255, 0.75);
margin-left: calc( 456px + ( var(--win_width) - 1440px ) * ( (675 - 456) / ( 1920 - 1440 ) ) );
height: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: calc( 46px + ( var(--win_width) - 1440px ) * ( (46 - 46) / ( 1920 - 1440 ) ) );
}
.activities__slider__progress span {
display: inline-block;
height: 4px;
width: 0;
background: rgba(255, 255, 255, 0.75);
}
.activities__slider__number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc( 8px + ( var(--win_width) - 1440px ) * ( (8 - 8) / ( 1920 - 1440 ) ) );
font-weight: 400;
font-size: calc( 41px + ( var(--win_width) - 1440px ) * ( (41 - 41) / ( 1920 - 1440 ) ) );
line-height: 1;
color: #fff;
position: absolute;
top: calc( 10px + ( var(--win_width) - 1440px ) * ( (6 - 10) / ( 1920 - 1440 ) ) );
right: calc( 64px + ( var(--win_width) - 1440px ) * ( (86 - 64) / ( 1920 - 1440 ) ) );
}
.activities__slider__number .number__current {
color: rgba(255, 255, 255, 0.5);
}
.activities__btn.btn {
margin: 0;
position: absolute;
bottom: 0;
left: calc( 146px + ( var(--win_width) - 1440px ) * ( (171 - 146) / ( 1920 - 1440 ) ) );
width: unset;
max-width: unset;
z-index: 40;
}
.activities .plustext {
bottom: unset;
top: calc( -64px + ( var(--win_width) - 1440px ) * ( (-64 - -64) / ( 1920 - 1440 ) ) );
right: unset;
left: calc( 64px + ( var(--win_width) - 1440px ) * ( (86 - 64) / ( 1920 - 1440 ) ) );
padding: calc( 80px + ( var(--win_width) - 1440px ) * ( (74 - 80) / ( 1920 - 1440 ) ) ) 0 0 85px;
max-width: 340px;
font-variation-settings: 'wdth' 120;
font-size: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
line-height: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
z-index: 40;
}
.activities .plustext span {
font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
line-height: calc( 18px + ( var(--win_width) - 1440px ) * ( (21 - 18) / ( 1920 - 1440 ) ) );
margin-bottom: 6px;
}
.activities .plustext:before {
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 33H0v-3h30V0h3v30h30v3H33v30h-3V33z' fill='url(%23paint0_linear_211_1249)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_211_1249' x1='9.844' y1='53.156' x2='17.088' y2='4.476' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
}
@media (min-width: 1920px) {
.activities__data {
gap: 2.5vw;
min-height: 41.66666667vw;
}
.activities__data__inner {
gap: 2.5vw;
}
.activities__data__inner:before {
width: 35.15625vw;
}
.activities__data:after {
height: 26.40625vw;
}
.activities h2 {
padding: 0 0 0 35.15625vw;
font-size: 3.33333333vw;
line-height: 3.75vw;
}
.activities__slider {
height: 20.83333333vw;
}
.activities__slider__items {
padding-left: 35.15625vw;
padding-right: 35.15625vw;
gap: 1.25vw;
}
.activities__slider .item {
width: 31.66666667vw;
padding: 2.08333333vw;
gap: 2.5vw;
margin-top: 2.08333333vw;
height: 16.66666667vw;
}
.activities__slider .item__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5vw;
flex: 0 0 12.5vw;
padding: 0.3125vw 0 0.625vw;
}
.activities__slider .item__data h3 {
font-size: 1.25vw;
line-height: 1.45833333vw;
margin-bottom: 0.72916667vw;
}
.activities__slider .item__data p {
font-size: 0.9375vw;
line-height: 1.04166667vw;
}
.activities__slider .item__data__link {
padding-bottom: 0.78125vw;
font-size: 0.83333333vw;
}
.activities__slider .item__data:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc( 456px + ( var(--win_width) - 1440px ) * ( (675 - 456) / ( 1920 - 1440 ) ) );
z-index: 30;
}
.activities__slider .item.item__last {
width: 29.58333333vw;
}
.activities__slider .item.item__last h3 {
font-size: 1.66666667vw;
line-height: 1.875vw;
}
.activities__slider .item-block:first-child .item {
height: 20.83333333vw;
width: 41.25vw;
}
.activities__slider__progress {
margin-left: 35.15625vw;
margin-top: 2.39583333vw;
}
.activities__slider__number {
gap: 0.41666667vw;
font-size: 2.13541667vw;
top: 0.3125vw;
right: 4.47916667vw;
}
.activities__btn.btn {
left: 8.90625vw;
}
.activities .plustext {
top: -3.33333333vw;
left: 4.47916667vw;
padding: 3.85416667vw 0 0 4.42708333vw;
max-width: 17.70833333vw;
font-size: 1.66666667vw;
line-height: 1.66666667vw;
}
.activities .plustext span {
font-size: 0.83333333vw;
line-height: 1.09375vw;
margin-bottom: 0.3125vw;
}
}
@media (any-hover: hover) {
.activities__slider .owl-nav button {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.activities__slider .owl-nav button:hover {
opacity: 0.7;
}
.activities__slider .item__data__link {
-webkit-transition: 0.2s;
transition: 0.2s;
}
.activities__slider .item__data__link:hover {
opacity: 0.8;
}
}
.activities.activities-page .activities__data {
padding: 21.33333333vw 0 10.66666667vw;
}
.activities.activities-page h1,
.activities.activities-page .activities__list {
position: relative;
z-index: 10;
}
.activities.activities-page h1 {
padding: 0 10.66666667vw;
color: #fff;
}
.activities.activities-page h1 span {
color: rgba(255, 255, 255, 0.5);
}
.activities.activities-page .activities__list {
padding: 5.33333333vw 5.33333333vw 10.66666667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.33333333vw;
}
.activities.activities-page .activities__list .item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.33333333vw;
backdrop-filter: blur(10px);
-webkit-box-shadow: inset 0 1px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 2px 5px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8), 0 2px 20px 0 rgba(166, 166, 166, 0.2);
box-shadow: inset 0 1px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 2px 5px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8), 0 2px 20px 0 rgba(166, 166, 166, 0.2);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15)));
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
border-radius: 2px;
}
.activities.activities-page .activities__list .item::before {
content: "";
position: absolute;
inset: 0;
border-radius: 2px;
padding: 2px;
background: linear-gradient(80deg, #AFAFAF, #00B2C3);
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: 1;
}
.activities.activities-page .activities__list .item__img {
height: 58.66666667vw;
background-size: cover;
background-position: center;
position: relative;
z-index: 10;
}
.activities.activities-page .activities__list .item__data {
min-height: 37.33333333vw;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
z-index: 10;
}
.activities.activities-page .activities__list .item__data h3 {
text-transform: none;
color: #fff;
font-size: 3.73333333vw;
line-height: 5.33333333vw;
font-variation-settings: 'wdth' 130;
letter-spacing: 0;
margin-bottom: 2.66666667vw;
}
.activities.activities-page .activities__list .item__data p {
color: rgba(255, 255, 255, 0.75);
font-size: 3.46666667vw;
line-height: 4.26666667vw;
}
.activities.activities-page .activities__list .item__data__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
padding-bottom: 2.66666667vw;
border-bottom: 2px solid #fff;
font-size: 3.73333333vw;
line-height: 4.26666667vw;
position: relative;
z-index: 100;
margin-top: auto;
font-variation-settings: 'wdth' 140;
font-weight: 500;
}
.activities.activities-page .activities__list .item__data__link:after {
content: '';
display: inline-block;
width: 11px;
height: 19px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.015 17.985L9.5 9.5 1.015 1.015' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}
.activities.activities-page .activities__list .item.item__last {
background: #fff;
}
.activities.activities-page .activities__list .item.item__last h3 {
text-transform: none;
font-weight: 400;
font-size: 4.26666667vw;
line-height: 6.4vw;
font-variation-settings: unset;
letter-spacing: 0;
}
.activities.activities-page .activities__list .item.item__last .btn {
margin-top: auto;
-ms-flex-item-align: start;
align-self: flex-start;
}
@media (min-width: 375px) {
.activities.activities-page .activities__data {
padding: calc( 80px + ( var(--win_width) - 375px ) * ( (96 - 80) / ( 768 - 375 ) ) ) 0 calc( 40px + ( var(--win_width) - 375px ) * ( (80 - 40) / ( 768 - 375 ) ) );
}
.activities.activities-page h1 {
padding: 0 calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
}
.activities.activities-page .activities__list {
padding: 20px 20px 40px;
gap: 20px;
}
.activities.activities-page .activities__list .item {
padding: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.activities.activities-page .activities__list .item__img {
height: 220px;
}
.activities.activities-page .activities__list .item__data {
min-height: 140px;
}
.activities.activities-page .activities__list .item__data h3 {
font-size: calc( 14px + ( var(--win_width) - 375px ) * ( (16 - 14) / ( 768 - 375 ) ) );
line-height: calc( 18px + ( var(--win_width) - 375px ) * ( (20 - 18) / ( 768 - 375 ) ) );
margin-bottom: 10px;
}
.activities.activities-page .activities__list .item__data p {
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (14 - 13) / ( 768 - 375 ) ) );
line-height: calc( 16px + ( var(--win_width) - 375px ) * ( (18 - 16) / ( 768 - 375 ) ) );
}
.activities.activities-page .activities__list .item__data__link {
padding-bottom: calc( 10px + ( var(--win_width) - 375px ) * ( (16 - 10) / ( 768 - 375 ) ) );
font-size: 14px;
line-height: 16px;
}
.activities.activities-page .activities__list .item.item__last h3 {
font-size: calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.activities.activities-page .activities__data {
padding: calc( 96px + ( var(--win_width) - 768px ) * ( (120 - 96) / ( 1280 - 768 ) ) ) 0 calc( 80px + ( var(--win_width) - 768px ) * ( (96 - 80) / ( 1280 - 768 ) ) );
}
.activities.activities-page h1 {
padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1280 - 768 ) ) );
}
.activities.activities-page .activities__list {
padding: 20px calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1280 - 768 ) ) ) 40px;
}
.activities.activities-page .activities__list .item {
padding: calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1280 - 768 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: calc( 20px + ( var(--win_width) - 768px ) * ( (44 - 20) / ( 1280 - 768 ) ) );
}
.activities.activities-page .activities__list .item__img {
height: calc( 220px + ( var(--win_width) - 768px ) * ( (256 - 220) / ( 1280 - 768 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (340 - 280) / ( 1280 - 768 ) ) );
flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (340 - 280) / ( 1280 - 768 ) ) );
}
.activities.activities-page .activities__list .item__data {
min-height: unset;
}
.activities.activities-page .activities__list .item__data h3 {
font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1280 - 768 ) ) );
line-height: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1280 - 768 ) ) );
margin-bottom: calc( 10px + ( var(--win_width) - 768px ) * ( (12 - 10) / ( 1280 - 768 ) ) );
}
.activities.activities-page .activities__list .item__data p {
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1280 - 768 ) ) );
line-height: calc( 18px + ( var(--win_width) - 768px ) * ( (20 - 18) / ( 1280 - 768 ) ) );
}
.activities.activities-page .activities__list .item__data__link {
padding-bottom: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1280 - 768 ) ) );
}
.activities.activities-page .activities__list .item.item__last {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.activities.activities-page .activities__list .item.item__last h3 {
font-size: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1280 - 768 ) ) );
line-height: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1280 - 768 ) ) );
}
.activities.activities-page .activities__list .item.item__last .btn {
margin-top: unset;
-ms-flex-item-align: unset;
-ms-grid-row-align: unset;
align-self: unset;
}
}
@media (min-width: 1280px) {
.activities.activities-page {
min-height: unset;
}
.activities.activities-page .activities__data {
padding: calc( 120px + ( var(--win_width) - 1280px ) * ( (240 - 120) / ( 1920 - 1280 ) ) ) 0 96px;
min-height: unset;
height: unset;
position: relative;
}
.activities.activities-page .activities__data__inner::before,
.activities.activities-page .activities__data__inner::after {
display: none;
}
.activities.activities-page .activities__data__inner {
gap: 40px;
}
.activities.activities-page h1 {
padding: 0 calc( 64px + ( var(--win_width) - 1280px ) * ( (88 - 64) / ( 1920 - 1280 ) ) );
font-size: calc( 48px + ( var(--win_width) - 1280px ) * ( (64 - 48) / ( 1920 - 1280 ) ) );
line-height: calc( 64px + ( var(--win_width) - 1280px ) * ( (72 - 64) / ( 1920 - 1280 ) ) );
}
.activities.activities-page .activities__list {
padding: 0 calc( 64px + ( var(--win_width) - 1280px ) * ( (88 - 64) / ( 1920 - 1280 ) ) ) 40px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: unset;
}
.activities.activities-page .activities__list .item {
padding: calc( 32px + ( var(--win_width) - 1280px ) * ( (40 - 32) / ( 1920 - 1280 ) ) );
gap: calc( 44px + ( var(--win_width) - 1280px ) * ( (48 - 44) / ( 1920 - 1280 ) ) );
height: 320px;
}
.activities.activities-page .activities__list .item__img {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: unset;
}
.activities.activities-page .activities__list .item__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
padding: 6px 0 12px;
}
.activities.activities-page .activities__list .item__data h3 {
font-size: calc( 20px + ( var(--win_width) - 1280px ) * ( (24 - 20) / ( 1920 - 1280 ) ) );
line-height: calc( 24px + ( var(--win_width) - 1280px ) * ( (28 - 24) / ( 1920 - 1280 ) ) );
margin-bottom: calc( 12px + ( var(--win_width) - 1280px ) * ( (14 - 12) / ( 1920 - 1280 ) ) );
}
.activities.activities-page .activities__list .item__data p {
font-size: calc( 16px + ( var(--win_width) - 1280px ) * ( (18 - 16) / ( 1920 - 1280 ) ) );
line-height: 20px;
}
.activities.activities-page .activities__list .item__data__link {
padding-bottom: 15px;
font-size: 16px;
line-height: 110%;
}
.activities.activities-page .activities__list .item.item__last {
-ms-grid-column-span: 2;
grid-column-end: span 2;
height: unset;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.activities.activities-page .activities__list .item.item__last h3 {
font-size: calc( 28px + ( var(--win_width) - 1280px ) * ( (32 - 28) / ( 1920 - 1280 ) ) );
line-height: calc( 40px + ( var(--win_width) - 1280px ) * ( (48 - 40) / ( 1920 - 1280 ) ) );
}
.activities.activities-page .activities__list .item.item__last .btn {
-ms-flex-item-align: unset;
-ms-grid-row-align: unset;
align-self: unset;
}
}
@media (min-width: 1920px) {
.activities.activities-page .activities__data {
padding: 12.5vw 0 5vw;
}
.activities.activities-page .activities__data__inner {
gap: 2.08333333vw;
}
.activities.activities-page h1 {
padding: 0 4.58333333vw;
font-size: 3.33333333vw;
line-height: 3.75vw;
}
.activities.activities-page .activities__list {
padding: 0 4.58333333vw 2.08333333vw;
gap: 1.04166667vw;
}
.activities.activities-page .activities__list .item {
padding: 2.08333333vw;
gap: 2.5vw;
height: 16.66666667vw;
}
.activities.activities-page .activities__list .item__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5vw;
flex: 0 0 12.5vw;
padding: 0.3125vw 0 0.625vw;
}
.activities.activities-page .activities__list .item__data h3 {
font-size: 1.25vw;
line-height: 1.45833333vw;
margin-bottom: 0.72916667vw;
}
.activities.activities-page .activities__list .item__data p {
font-size: 0.9375vw;
line-height: 1.04166667vw;
}
.activities.activities-page .activities__list .item__data__link {
padding-bottom: 0.78125vw;
font-size: 0.83333333vw;
}
.activities.activities-page .activities__list .item.item__last h3 {
font-size: 1.66666667vw;
line-height: 2.5vw;
}
}
.map { padding: 16vw 0 17.06666667vw;
position: relative;
z-index: 7;
}
.map__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 10.66666667vw;
position: relative;
z-index: 10;
gap: 5.33333333vw;
}
.map__header .dropdown {
display: none;
}
.map__main {
overflow-x: scroll;
position: relative;
z-index: 10;
}
.map__main::-webkit-scrollbar {
width: 100%;
}
.map__main::-webkit-scrollbar-track {
border-top: 1px solid rgba(54, 77, 88, 0.75); }
.map__main::-webkit-scrollbar-thumb {
border-top: 2px solid rgba(54, 77, 88, 0.75); }
.map__main__inner {
padding: 5.33333333vw;
position: relative;
}
.map__main__inner svg {
height: 213.33333333vw;
}
.map__main__inner svg path.region {
fill: #EBEDED;
-webkit-transition: fill 0.5s;
transition: fill 0.5s;
}
.map__main__inner svg path.region.filled {
fill: #fff;
}
.map__main__inner svg path.region.filled:not(.active).hover {
fill: #D7D8D8;
}
.map__main__inner svg path.region.active {
fill: url(#activeGradient);
}
.map__bubble {
position: absolute;
top: 0;
left: 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: 2.13333333vw;
width: 42.66666667vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4.26666667vw;
margin: 5.33333333vw 0 0 5.33333333vw;
backdrop-filter: blur(16px);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.01)), to(rgba(255, 255, 255, 0.01)));
background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 100%);
-webkit-transform: scale(0.1);
transform: scale(0.1);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
opacity: 0;
-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
transition: opacity 0.25s, -webkit-transform 0.25s;
transition: transform 0.25s, opacity 0.25s;
transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s;
}
.map__bubble::before {
content: "";
position: absolute;
inset: 0;
border-radius: 2px;
padding: 2px;
background: linear-gradient(80deg, #6B6B6B, #364D58);
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.map__bubble h3 {
font-size: 3.73333333vw;
line-height: 1;
color: #364D58;
text-transform: none;
}
.map__bubble .num {
font-size: 8.53333333vw;
line-height: 1;
color: #364D58;
margin-top: auto;
}
.map__bubble p {
font-size: 3.46666667vw;
line-height: 1;
color: #364D58;
}
.map__bubble.active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
@-webkit-keyframes bubble {
from {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes bubble {
from {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@media (min-width: 375px) {
.map { padding: calc( 60px + ( var(--win_width) - 375px ) * ( (64 - 60) / ( 768 - 375 ) ) ) 0 calc( 64px + ( var(--win_width) - 375px ) * ( (88 - 64) / ( 768 - 375 ) ) );
}
.map__header {
padding: 0 calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
}
.map__main__inner {
padding: 20px;
}
.map__main__inner svg {
height: 800px;
}
.map__bubble {
gap: 8px;
width: 160px;
padding: 16px;
margin: 20px 0 0 20px;
}
.map__bubble h3 {
font-size: 14px;
}
.map__bubble .num {
font-size: 32px;
line-height: 1;
}
.map__bubble p {
font-size: 13px;
line-height: 1;
}
}
@media (min-width: 768px) {
.map { padding: calc( 64px + ( var(--win_width) - 768px ) * ( (120 - 64) / ( 1440 - 768 ) ) ) 0 calc( 88px + ( var(--win_width) - 768px ) * ( (120 - 88) / ( 1440 - 768 ) ) );
}
.map__header {
padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.map__main__inner {
padding: 20px calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
}
.map__main__inner svg {
height: 800px;
}
.map__bubble {
gap: 8px;
width: calc( 160px + ( var(--win_width) - 768px ) * ( (200 - 160) / ( 1440 - 768 ) ) );
padding: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
margin: 20px 0 0 calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
}
.map__bubble h3 {
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
}
.map__bubble .num {
font-size: calc( 32px + ( var(--win_width) - 768px ) * ( (44 - 32) / ( 1440 - 768 ) ) );
}
.map__bubble p {
font-size: calc( 13px + ( var(--win_width) - 768px ) * ( (16 - 13) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.map { padding: calc( 120px + ( var(--win_width) - 1440px ) * ( (185 - 120) / ( 1920 - 1440 ) ) ) 0 calc( 120px + ( var(--win_width) - 1440px ) * ( (200 - 120) / ( 1920 - 1440 ) ) );
}
.map__header {
padding: 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (86 - 64) / ( 1920 - 1440 ) ) );
min-height: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
}
.map__header h2 {
position: absolute;
}
.map__main {
overflow-x: hidden;
}
.map__main__inner {
padding: calc( 20px + ( var(--win_width) - 1440px ) * ( (0 - 20) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (124 - 64) / ( 1920 - 1440 ) ) );
}
.map__main__inner svg {
height: unset;
width: 100%;
}
.map__bubble {
gap: calc( 8px + ( var(--win_width) - 1440px ) * ( (12 - 8) / ( 1920 - 1440 ) ) );
width: calc( 200px + ( var(--win_width) - 1440px ) * ( (240 - 200) / ( 1920 - 1440 ) ) );
padding: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
margin: calc( 20px + ( var(--win_width) - 1440px ) * ( (0 - 20) / ( 1920 - 1440 ) ) ) 0 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (124 - 64) / ( 1920 - 1440 ) ) );
}
.map__bubble h3 {
font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
}
.map__bubble .num {
font-size: calc( 44px + ( var(--win_width) - 1440px ) * ( (64 - 44) / ( 1920 - 1440 ) ) );
}
.map__bubble p {
font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.map { padding: 9.63541667vw 0 10.41666667vw;
}
.map .line.top {
top: 22.70833333vw;
}
.map .line.bottom {
bottom: 22.23958333vw;
}
.map__header {
padding: 0 4.47916667vw;
min-height: 4.58333333vw;
}
.map__main {
overflow-x: hidden;
}
.map__main__inner {
padding: 0 6.45833333vw;
}
.map__main__inner svg {
height: unset;
width: 100%;
}
.map__bubble {
gap: 0.625vw;
width: 12.5vw;
padding: 1.25vw;
margin: 0 0 0 6.45833333vw;
}
.map__bubble h3 {
font-size: 1.04166667vw;
}
.map__bubble .num {
font-size: 3.33333333vw;
}
.map__bubble p {
font-size: 1.04166667vw;
}
}
@media (any-hover: hover) {
.map__main__inner svg path.region.filled {
cursor: pointer;
}
}
.clients {
padding: 14.93333333vw 5.33333333vw;
background: rgba(54, 77, 88, 0.1);
position: relative;
z-index: 8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.33333333vw;
border-top: 1px solid rgba(54, 77, 88, 0.25);
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.clients__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 10;
padding: 0 5.33333333vw;
}
.clients__header h2 {
font-size: 5.33333333vw;
line-height: 6.4vw;
}
.clients__header__link p {
font-weight: 600;
font-variation-settings: 'wdth' 150;
text-transform: uppercase;
color: #364D58;
margin-bottom: 3.2vw;
letter-spacing: 0.05em;
}
.clients__header__link a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 4.26666667vw;
line-height: 5.33333333vw;
font-weight: 300;
font-variation-settings: 'wdth' 120;
color: #212121;
}
.clients__header__link a span {
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.clients__header__link a span:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 0.53333333vw;
}
.clients__header__link a span:last-child::after {
content: '';
display: inline-block;
width: 1.6vw;
height: 1.6vw;
border-right: 1px solid #212121;
border-top: 1px solid #212121;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.clients__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 3.2vw 1fr;
grid-template-columns: 1fr 1fr;
gap: 3.2vw;
position: relative;
z-index: 10;
padding: 0 1px;
}
.clients__list .item {
height: 34.13333333vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: #fff;
position: relative;
}
.clients__list .item:nth-child(9),
.clients__list .item:nth-child(10),
.clients__list .item:nth-child(11),
.clients__list .item:nth-child(12) {
display: none;
}
.clients__list .item::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
opacity: 0;
}
.clients__list .item.active::after {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: change;
animation-name: change;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.clients .static-plus {
left: 5.33333333vw;
top: -1px;
}
.clients:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 100%;
z-index: 1;
}
@-webkit-keyframes change {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes change {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media (min-width: 375px) {
.clients {
padding: calc( 56px + ( var(--win_width) - 375px ) * ( (72 - 56) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
}
.clients__header {
padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.clients__header h2 {
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (44 - 20) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (52 - 24) / ( 768 - 375 ) ) );
}
.clients__header__link {
padding-top: calc( 4px + ( var(--win_width) - 375px ) * ( (8 - 4) / ( 768 - 375 ) ) );
}
.clients__header__link p {
font-size: 13px;
line-height: 1;
margin-bottom: 9px;
}
.clients__header__link a {
font-size: calc( 16px + ( var(--win_width) - 375px ) * ( (18 - 16) / ( 768 - 375 ) ) );
line-height: calc( 20px + ( var(--win_width) - 375px ) * ( (22 - 20) / ( 768 - 375 ) ) );
}
.clients__header__link a span:last-child {
padding-right: 2px;
}
.clients__header__link a span:last-child::after {
width: 6px;
height: 6px;
}
.clients__list {
gap: 12px;
}
.clients__list .item {
height: 128px;
}
.clients .static-plus {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.clients:after {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.clients {
padding: calc( 72px + ( var(--win_width) - 768px ) * ( (120 - 72) / ( 1440 - 768 ) ) ) calc( 48px + ( var(--win_width) - 768px ) * ( (200 - 48) / ( 1440 - 768 ) ) );
gap: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) );
}
.clients__header {
padding: 0;
}
.clients__header h2 {
font-size: calc( 44px + ( var(--win_width) - 768px ) * ( (52 - 44) / ( 1440 - 768 ) ) );
line-height: calc( 52px + ( var(--win_width) - 768px ) * ( (64 - 52) / ( 1440 - 768 ) ) );
}
.clients__header__link {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 180px + ( var(--win_width) - 1440px ) * ( (200 - 180) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 180px + ( var(--win_width) - 1440px ) * ( (200 - 180) / ( 1920 - 1440 ) ) );
padding-top: calc( 8px + ( var(--win_width) - 768px ) * ( (11 - 8) / ( 1440 - 768 ) ) );
}
.clients__header__link p {
font-size: calc( 13px + ( var(--win_width) - 768px ) * ( (15 - 13) / ( 1440 - 768 ) ) );
line-height: 1;
margin-bottom: calc( 9px + ( var(--win_width) - 768px ) * ( (7 - 9) / ( 1440 - 768 ) ) );
}
.clients__header__link a {
font-size: calc( 18px + ( var(--win_width) - 768px ) * ( (24 - 18) / ( 1440 - 768 ) ) );
line-height: calc( 22px + ( var(--win_width) - 768px ) * ( (28 - 22) / ( 1440 - 768 ) ) );
}
.clients__list {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
padding: 0;
}
.clients__list .item:nth-child(9) {
display: block;
}
.clients .static-plus {
left: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
}
.clients:after {
width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.clients {
padding: calc( 120px + ( var(--win_width) - 1440px ) * ( (160 - 120) / ( 1920 - 1440 ) ) ) calc( 200px + ( var(--win_width) - 1440px ) * ( (382 - 200) / ( 1920 - 1440 ) ) );
gap: calc( 40px + ( var(--win_width) - 1440px ) * ( (56 - 40) / ( 1920 - 1440 ) ) );
}
.clients__header h2 {
font-size: calc( 52px + ( var(--win_width) - 1440px ) * ( (64 - 52) / ( 1920 - 1440 ) ) );
line-height: calc( 64px + ( var(--win_width) - 1440px ) * ( (72 - 64) / ( 1920 - 1440 ) ) );
}
.clients__header__link {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 180px + ( var(--win_width) - 1440px ) * ( (200 - 180) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 180px + ( var(--win_width) - 1440px ) * ( (200 - 180) / ( 1920 - 1440 ) ) );
padding-top: calc( 11px + ( var(--win_width) - 1440px ) * ( (10 - 11) / ( 1920 - 1440 ) ) );
}
.clients__header__link p {
font-size: calc( 15px + ( var(--win_width) - 1440px ) * ( (16 - 15) / ( 1920 - 1440 ) ) );
line-height: 1;
margin-bottom: calc( 7px + ( var(--win_width) - 1440px ) * ( (12 - 7) / ( 1920 - 1440 ) ) );
}
.clients__header__link a {
font-size: calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) );
line-height: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
}
.clients__header__link a span:last-child {
padding-right: calc( 2px + ( var(--win_width) - 1440px ) * ( (3 - 2) / ( 1920 - 1440 ) ) );
}
.clients__header__link a span:last-child::after {
width: calc( 6px + ( var(--win_width) - 1440px ) * ( (8 - 6) / ( 1920 - 1440 ) ) );
height: calc( 6px + ( var(--win_width) - 1440px ) * ( (8 - 6) / ( 1920 - 1440 ) ) );
}
.clients__list {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.clients__list .item:nth-child(10),
.clients__list .item:nth-child(11),
.clients__list .item:nth-child(12) {
display: block;
}
.clients .static-plus {
left: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
.clients:after {
width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.clients {
padding: 8.33333333vw 19.89583333vw;
gap: 2.91666667vw;
}
.clients__header h2 {
font-size: 3.33333333vw;
line-height: 3.75vw;
}
.clients__header__link {
-webkit-box-flex: 0;
-ms-flex: 0 0 10.41666667vw;
flex: 0 0 10.41666667vw;
padding-top: 0.52083333vw;
}
.clients__header__link p {
margin-bottom: 0.625vw;
font-size: 0.83333333vw;
line-height: 1;
}
.clients__header__link a {
font-size: 1.45833333vw;
line-height: 1.66666667vw;
}
.clients__header__link a span:last-child {
padding-right: 0.15625vw;
}
.clients__header__link a span:last-child::after {
width: 0.41666667vw;
height: 0.41666667vw;
}
.clients__list {
gap: 0.625vw;
}
.clients__list .item {
height: 6.66666667vw;
}
.clients .static-plus {
left: 11.45833333vw;
top: -0.05208333vw;
}
.clients:after {
width: 11.45833333vw;
}
}
.licenses-2 { position: relative;
z-index: 12;
}
.licenses-2 .line {
z-index: 20;
}
.licenses-2 .line.right {
z-index: 10;
}
.licenses-2__data {
padding: 18.13333333vw 10.66666667vw 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 20;
}
.licenses-2__data__header h2 {
max-width: 53.33333333vw;
}
.licenses-2__data__header h2 span {
color: rgba(54, 77, 88, 0.75);
}
.licenses-2__data__header h2 span + span {
color: rgba(54, 77, 88, 0.5);
}
.licenses-2__data__header p {
margin-top: 2.66666667vw;
}
.licenses-2__data__nav {
position: absolute;
margin-top: 10.66666667vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
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.06666667vw;
}
.licenses-2__data__nav__block {
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.06666667vw;
}
.licenses-2__data__nav span {
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;
height: 8.53333333vw;
width: 8.53333333vw;
font-variation-settings: 'wdth' 150;
font-weight: 600;
color: rgba(54, 77, 88, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 8.53333333vw;
flex: 0 0 8.53333333vw;
cursor: pointer;
}
.licenses-2__data__nav span:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-box-shadow: 0 0 8px 0 rgba(54, 77, 88, 0.5);
box-shadow: 0 0 8px 0 rgba(54, 77, 88, 0.5);
background: linear-gradient(230deg, #364D58 0%, #afafaf 100%);
border-radius: 0.53333333vw;
z-index: -1;
opacity: 0;
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.licenses-2__data__nav span.active {
color: #fff;
}
.licenses-2__data__nav span.active:after {
opacity: 1;
}
.licenses-2__data__nav span.prew {
display: none;
padding-top: 1.6vw;
}
.licenses-2__data__nav span.prew:before {
content: '';
width: 3.2vw;
height: 3.2vw;
border-top: 2px solid #364D58;
border-left: 2px solid #364D58;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.licenses-2__data__nav span.next {
display: none;
padding-bottom: 1.6vw;
}
.licenses-2__data__nav span.next:before {
content: '';
width: 3.2vw;
height: 3.2vw;
border-bottom: 2px solid #364D58;
border-right: 2px solid #364D58;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.licenses-2__data__nav span.end {
padding-bottom: 3.46666667vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.licenses-2__data__nav span.end:before,
.licenses-2__data__nav span.end:after {
content: '';
width: 3.2vw;
height: 3.2vw;
border-bottom: 2px solid #364D58;
border-right: 2px solid #364D58;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.licenses-2__data__nav span.end:after {
position: absolute;
bottom: 11px;
}
.licenses-2__list {
position: relative;
z-index: 10;
padding-top: 11.73333333vw;
padding-left: 10.66666667vw;
padding-bottom: 10.66666667vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.licenses-2__list .owl-stage-outer::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 14.93333333vw;
background: -webkit-gradient(linear, left top, right top, from(#fbfaf8), color-stop(30%, #fbfaf8), color-stop(70%, rgba(251, 250, 248, 0.85)), to(rgba(251, 250, 248, 0)));
background: linear-gradient(90deg, #fbfaf8 0%, #fbfaf8 30%, rgba(251, 250, 248, 0.85) 70%, rgba(251, 250, 248, 0) 100%);
z-index: 5;
}
.licenses-2__list .owl-nav {
position: absolute;
z-index: 100;
top: 0;
right: 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.licenses-2__list .owl-nav button {
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.licenses-2__list .owl-nav button span {
margin: 2.66666667vw;
width: 6.4vw;
height: 6.4vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.licenses-2__list .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: 2.13333333vw;
width: 58.66666667vw;
padding: 0 3.2vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.licenses-2__list .item img {
margin-bottom: 3.2vw;
-webkit-box-shadow: 0px 0px 4px rgba(54, 77, 88, 0.25);
box-shadow: 0px 0px 4px rgba(54, 77, 88, 0.25);
width: 42.66666667vw;
}
.licenses-2__list .item h3 {
color: #212121;
text-transform: none;
letter-spacing: 0;
font-size: 3.46666667vw;
}
.licenses-2__list .item p.num {
font-variation-settings: 'wdth' 150;
font-weight: 600;
color: #364D58;
}
.licenses-2 .static-plus {
right: 0;
top: -1px;
width: 60px;
}
.licenses-2::before {
content: '';
position: absolute;
right: 0;
top: 0;
height: 10.66666667vw;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 400%;
z-index: 1;
}
@media (min-width: 375px) {
.licenses-2 { }
.licenses-2__data {
padding: 64px calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) 0;
}
.licenses-2__data__header h2 {
max-width: calc( 200px + ( var(--win_width) - 375px ) * ( (600 - 200) / ( 768 - 375 ) ) );
}
.licenses-2__data__header p {
margin-top: calc( 10px + ( var(--win_width) - 375px ) * ( (12 - 10) / ( 768 - 375 ) ) );
}
.licenses-2__data__nav {
margin-top: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
gap: calc( 4px + ( var(--win_width) - 375px ) * ( (6 - 4) / ( 768 - 375 ) ) );
}
.licenses-2__data__nav__block {
gap: calc( 4px + ( var(--win_width) - 375px ) * ( (6 - 4) / ( 768 - 375 ) ) );
}
.licenses-2__data__nav span {
height: calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
width: calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
flex: 0 0 calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
}
.licenses-2__data__nav span:after {
border-radius: 2px;
}
.licenses-2__list {
padding: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) 0 calc( 40px + ( var(--win_width) - 375px ) * ( (64 - 40) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (0 - 40) / ( 768 - 375 ) ) );
}
.licenses-2__list .owl-stage-outer::before {
width: calc( 56px + ( var(--win_width) - 375px ) * ( (140 - 56) / ( 768 - 375 ) ) );
}
.licenses-2__list .owl-nav {
top: 0;
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.licenses-2__list .owl-nav button span {
margin: 10px;
width: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.licenses-2__list .item {
width: calc( 220px + ( var(--win_width) - 375px ) * ( (260 - 220) / ( 768 - 375 ) ) );
padding: 0 12px;
gap: 8px;
}
.licenses-2__list .item img {
margin-bottom: 12px;
width: calc( 120px + ( var(--win_width) - 375px ) * ( (140 - 120) / ( 768 - 375 ) ) );
}
.licenses-2__list .item h3 {
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (14 - 13) / ( 768 - 375 ) ) );
}
.licenses-2 .static-plus {
width: calc( 60px + ( var(--win_width) - 375px ) * ( (64 - 60) / ( 768 - 375 ) ) );
}
.licenses-2::before {
height: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
background-size: auto 300%;
}
}
@media (min-width: 768px) {
.licenses-2 { }
.licenses-2 .line.top {
top: 360px;
z-index: 1;
}
.licenses-2__data {
padding: calc( 152px + ( var(--win_width) - 768px ) * ( (248 - 152) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: calc( 300px + ( var(--win_width) - 768px ) * ( (580 - 300) / ( 1440 - 768 ) ) );
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: calc( 16px + ( var(--win_width) - 768px ) * ( (24 - 16) / ( 1440 - 768 ) ) );
background: -webkit-gradient(linear, left top, right top, from(#fbfaf8), color-stop(30%, #fbfaf8), color-stop(95%, rgba(251, 250, 248, 0.85)), to(rgba(251, 250, 248, 0)));
background: linear-gradient(90deg, #fbfaf8 0%, #fbfaf8 30%, rgba(251, 250, 248, 0.85) 95%, rgba(251, 250, 248, 0) 100%);
}
.licenses-2__data .line.top {
top: 360px;
background: -webkit-gradient(linear, left top, right top, from(rgba(54, 77, 88, 0.25)), color-stop(95%, rgba(54, 77, 88, 0.25)), to(rgba(54, 77, 88, 0)));
background: linear-gradient(90deg, rgba(54, 77, 88, 0.25) 0%, rgba(54, 77, 88, 0.25) 95%, rgba(54, 77, 88, 0) 100%);
}
.licenses-2__data__header {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.licenses-2__data__header h2 {
position: absolute;
top: calc( 56px + ( var(--win_width) - 768px ) * ( (104 - 56) / ( 1440 - 768 ) ) );
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.licenses-2__data__header p {
margin-top: 0;
font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
line-height: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
}
.licenses-2__data__nav {
position: relative;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 0;
gap: calc( 6px + ( var(--win_width) - 768px ) * ( (8 - 6) / ( 1440 - 768 ) ) );
}
.licenses-2__data__nav span {
height: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
width: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
font-size: 14px;
}
.licenses-2__list {
padding: calc( 120px + ( var(--win_width) - 768px ) * ( (196 - 120) / ( 1440 - 768 ) ) ) 0 64px;
}
.licenses-2__list .owl-nav {
top: calc( 58px + ( var(--win_width) - 768px ) * ( (104 - 58) / ( 1440 - 768 ) ) );
right: calc( 10px + ( var(--win_width) - 768px ) * ( (48 - 10) / ( 1440 - 768 ) ) );
gap: calc( 0px + ( var(--win_width) - 768px ) * ( (20 - 0) / ( 1440 - 768 ) ) );
}
.licenses-2__list .owl-nav button span {
margin: calc( 10px + ( var(--win_width) - 768px ) * ( (9 - 10) / ( 1440 - 768 ) ) );
width: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
height: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
}
.licenses-2__list .item {
padding: 0 calc( 12px + ( var(--win_width) - 768px ) * ( (20 - 12) / ( 1440 - 768 ) ) );
width: calc( 200px + ( var(--win_width) - 768px ) * ( (240 - 200) / ( 1440 - 768 ) ) );
}
.licenses-2__list .item.offset {
padding-top: calc( 32px + ( var(--win_width) - 768px ) * ( (48 - 32) / ( 1440 - 768 ) ) );
}
.licenses-2__list .item h3 {
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 16px + ( var(--win_width) - 768px ) * ( (18 - 16) / ( 1440 - 768 ) ) );
}
.licenses-2__list .item p {
font-size: calc( 13px + ( var(--win_width) - 768px ) * ( (16 - 13) / ( 1440 - 768 ) ) );
line-height: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
}
.licenses-2__list .item p.num {
font-size: 14px;
}
.licenses-2__list .item img {
width: calc( 120px + ( var(--win_width) - 768px ) * ( (140 - 120) / ( 1440 - 768 ) ) );
}
.licenses-2__list .item h3 {
font-size: 14px;
}
.licenses-2__list .item p {
font-size: 14px;
}
.licenses-2 .static-plus {
right: calc( 17px + ( var(--win_width) - 768px ) * ( (81 - 17) / ( 1440 - 768 ) ) );
width: 159px;
}
.licenses-2::before {
height: 360px;
width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
background-size: auto 100%;
}
}
@media (min-width: 1440px) {
.licenses-2 { }
.licenses-2 .line.top {
top: calc( 360px + ( var(--win_width) - 1440px ) * ( (500 - 360) / ( 1920 - 1440 ) ) );
}
.licenses-2__data {
padding: calc( 236px + ( var(--win_width) - 1440px ) * ( (320 - 236) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 128px + ( var(--win_width) - 1440px ) * ( (200 - 128) / ( 1920 - 1440 ) ) );
width: calc( 580px + ( var(--win_width) - 1440px ) * ( (780 - 580) / ( 1920 - 1440 ) ) );
gap: calc( 24px + ( var(--win_width) - 1440px ) * ( (40 - 24) / ( 1920 - 1440 ) ) );
}
.licenses-2__data__header h2 {
top: calc( 104px + ( var(--win_width) - 1440px ) * ( (160 - 104) / ( 1920 - 1440 ) ) );
left: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
}
.licenses-2__data__header p {
font-size: 20px;
line-height: 24px;
max-width: 420px;
}
.licenses-2__data__nav {
gap: calc( 8px + ( var(--win_width) - 1440px ) * ( (12 - 8) / ( 1920 - 1440 ) ) );
}
.licenses-2__data__nav__block {
gap: calc( 8px + ( var(--win_width) - 1440px ) * ( (12 - 8) / ( 1920 - 1440 ) ) );
}
.licenses-2__data__nav span {
height: calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
width: calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
line-height: calc( 18px + ( var(--win_width) - 1440px ) * ( (20 - 18) / ( 1920 - 1440 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
}
.licenses-2__data .line.top {
top: calc( 360px + ( var(--win_width) - 1440px ) * ( (500 - 360) / ( 1920 - 1440 ) ) );
}
.licenses-2__list {
padding: calc( 196px + ( var(--win_width) - 1440px ) * ( (240 - 196) / ( 1920 - 1440 ) ) ) 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (160 - 64) / ( 1920 - 1440 ) ) );
}
.licenses-2__list .owl-nav {
top: calc( 104px + ( var(--win_width) - 1440px ) * ( (158 - 104) / ( 1920 - 1440 ) ) );
right: calc( 48px + ( var(--win_width) - 1440px ) * ( (69 - 48) / ( 1920 - 1440 ) ) );
gap: calc( 20px + ( var(--win_width) - 1440px ) * ( (40 - 20) / ( 1920 - 1440 ) ) );
}
.licenses-2__list .owl-nav button span {
margin: 9px;
width: 46px;
height: 46px;
}
.licenses-2__list .item {
padding: 0 20px;
width: calc( 240px + ( var(--win_width) - 1440px ) * ( (280 - 240) / ( 1920 - 1440 ) ) );
}
.licenses-2__list .item.offset {
padding-top: calc( 48px + ( var(--win_width) - 1440px ) * ( (56 - 48) / ( 1920 - 1440 ) ) );
}
.licenses-2__list .item img {
margin-bottom: calc( 12px + ( var(--win_width) - 1440px ) * ( (16 - 12) / ( 1920 - 1440 ) ) );
width: calc( 140px + ( var(--win_width) - 1440px ) * ( (160 - 140) / ( 1920 - 1440 ) ) );
}
.licenses-2__list .item h3 {
font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
line-height: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
}
.licenses-2__list .item p {
font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
line-height: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
}
.licenses-2__list .item p.num {
font-size: 14px;
}
.licenses-2 .static-plus {
right: calc( 33px + ( var(--win_width) - 1440px ) * ( (93 - 33) / ( 1920 - 1440 ) ) );
width: 255px;
}
.licenses-2::before {
height: calc( 360px + ( var(--win_width) - 1440px ) * ( (500 - 360) / ( 1920 - 1440 ) ) );
width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
background-size: auto 100%;
}
}
@media (min-width: 1920px) {
.licenses-2 { }
.licenses-2 .line.top {
top: 26.04166667vw;
}
.licenses-2__data {
padding: 16.66666667vw 4.58333333vw 10.41666667vw;
width: 40.625vw;
gap: 2.08333333vw;
}
.licenses-2__data__header h2 {
top: 8.33333333vw;
left: 4.58333333vw;
}
.licenses-2__data__header p {
font-size: 1.04166667vw;
line-height: 1.25vw;
max-width: 21.875vw;
}
.licenses-2__data__nav {
gap: 0.625vw;
}
.licenses-2__data__nav__block {
gap: 0.625vw;
}
.licenses-2__data__nav span {
height: 2.5vw;
width: 2.5vw;
font-size: 0.83333333vw;
line-height: 1.04166667vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.5vw;
flex: 0 0 2.5vw;
}
.licenses-2__data .line.top {
top: 26.04166667vw;
}
.licenses-2__list {
padding: 12.5vw 0 8.33333333vw;
}
.licenses-2__list .owl-nav {
top: 8.22916667vw;
right: 3.59375vw;
gap: 2.08333333vw;
}
.licenses-2__list .owl-nav button span {
margin: 0.46875vw;
width: 2.39583333vw;
height: 2.39583333vw;
}
.licenses-2__list .item {
width: 14.58333333vw;
padding: 0 1.04166667vw;
gap: 0.41666667vw;
}
.licenses-2__list .item.offset {
padding-top: 2.91666667vw;
}
.licenses-2__list .item img {
margin-bottom: 0.83333333vw;
width: 8.33333333vw;
}
.licenses-2__list .item h3 {
font-size: 0.83333333vw;
line-height: 1.04166667vw;
}
.licenses-2__list .item p {
font-size: 0.83333333vw;
line-height: 1.04166667vw;
}
.licenses-2__list .item p.num {
font-size: 0.72916667vw;
}
.licenses-2::before {
height: 26.04166667vw;
width: 11.45833333vw;
}
}
.reviews { background: linear-gradient(225deg, #6B6B6B 0%, #364D58 100%);
padding: 10.66666667vw 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: 8.53333333vw;
position: relative;
}
.reviews h2,
.reviews p,
.reviews .btn,
.reviews__slider {
position: relative;
z-index: 10;
}
.reviews h2 {
padding: 0 10.66666667vw;
color: #fff;
}
.reviews h2 span {
color: rgba(255, 255, 255, 0.5);
}
.reviews__slider .owl-stage {
padding-left: 2.66666667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.reviews__slider .owl-nav {
position: absolute;
top: -19.73333333vw;
right: 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.reviews__slider .owl-nav button {
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.reviews__slider .owl-nav button span {
margin: 2.66666667vw;
width: 6.4vw;
height: 6.4vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.reviews__slider .item-block {
margin: 0 2.66666667vw;
height: 100%;
padding: 3.2vw 0;
-webkit-transition: padding 0.2s;
transition: padding 0.2s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.reviews__slider .item {
width: 84vw;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
backdrop-filter: blur(4px);
-webkit-box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 1px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 2px 5px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8);
box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.2), inset 0 1px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -10px 10px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 2px 5px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.05);
border-radius: 2px;
-webkit-transition: padding 0.2s;
transition: padding 0.2s;
}
.reviews__slider .item__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.reviews__slider .item__header .logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 32vw;
flex: 0 0 32vw;
height: 32vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.reviews__slider .item__header .mail {
-webkit-box-flex: 0;
-ms-flex: 0 0 32vw;
flex: 0 0 32vw;
height: 32vw;
background-size: contain;
background-position: center right;
background-repeat: no-repeat;
}
.reviews__slider .item__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3.2vw;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.reviews__slider .item__data h3 {
font-size: 4.26666667vw;
line-height: 5.33333333vw;
text-transform: none;
color: #fff;
}
.reviews__slider .item__data p {
font-size: 4.26666667vw;
line-height: 5.33333333vw;
color: #fff;
font-variation-settings: 'wdth' 140;
}
.reviews__slider .item__data__inner {
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
height: 32vw;
}
.reviews__slider .item__data__btn {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
padding-bottom: 2.66666667vw;
border-bottom: 2px solid #fff;
font-size: 3.73333333vw;
line-height: 4.26666667vw;
font-variation-settings: 'wdth' 140;
font-weight: 500;
}
.reviews__slider .item__data__btn:after {
content: '';
display: inline-block;
width: 11px;
height: 19px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.015 17.985L9.5 9.5 1.015 1.015' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}
.reviews__slider .item__spacer {
display: none;
}
.reviews__slider .owl-item.active .item-block {
padding: 0;
}
.reviews__slider .owl-item.active .item {
padding: 8.53333333vw 5.33333333vw;
}
.reviews__slider .owl-item.active .item__data__inner {
opacity: 1;
}
.reviews__slider .owl-item.active + .owl-item.active .item-block {
padding: 3.2vw 0;
}
.reviews__slider .owl-item.active + .owl-item.active .item {
padding: 5.33333333vw;
}
.reviews__slider .owl-item.active + .owl-item.active .item__data__inner {
opacity: 0;
}
.reviews:after {
content: '';
position: absolute;
right: 0;
left: 0;
bottom: 0;
height: 82.66666667vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/texture_w.png);
background-position: center;
background-size: 300%;
z-index: 1;
opacity: 0.08;
}
@media (min-width: 375px) {
.reviews { padding: calc( 40px + ( var(--win_width) - 375px ) * ( (64 - 40) / ( 768 - 375 ) ) ) 0;
gap: calc( 32px + ( var(--win_width) - 375px ) * ( (64 - 32) / ( 768 - 375 ) ) );
}
.reviews h2 {
padding: 0 calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
}
.reviews__slider .owl-stage {
padding-left: calc( 10px + ( var(--win_width) - 375px ) * ( (14 - 10) / ( 768 - 375 ) ) );
}
.reviews__slider .owl-nav {
top: calc( -74px + ( var(--win_width) - 375px ) * ( (-122 - -74) / ( 768 - 375 ) ) );
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.reviews__slider .owl-nav button span {
margin: 10px;
width: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.reviews__slider .item-block {
margin: 0 10px;
padding: 10px 0;
}
.reviews__slider .item {
width: calc( 315px + ( var(--win_width) - 375px ) * ( (420 - 315) / ( 768 - 375 ) ) );
padding: 20px;
gap: 32px;
}
.reviews__slider .item__header .logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
height: 120px;
}
.reviews__slider .item__header .mail {
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
height: 120px;
}
.reviews__slider .item__data {
gap: 12px;
}
.reviews__slider .item__data h3 {
font-size: 16px;
line-height: 20px;
}
.reviews__slider .item__data p {
font-size: 16px;
line-height: 20px;
}
.reviews__slider .item__data__inner {
height: 120px;
}
.reviews__slider .item__data__btn {
padding-top: calc( 0px + ( var(--win_width) - 375px ) * ( (16 - 0) / ( 768 - 375 ) ) );
padding-bottom: calc( 10px + ( var(--win_width) - 375px ) * ( (16 - 10) / ( 768 - 375 ) ) );
font-size: 14px;
line-height: 16px;
}
.reviews__slider .owl-item.active .item-block {
padding: 0;
}
.reviews__slider .owl-item.active .item {
padding: 32px 20px;
}
.reviews__slider .owl-item.active + .owl-item.active .item-block {
padding: 12px 0;
}
.reviews__slider .owl-item.active + .owl-item.active .item {
padding: 20px;
}
.reviews:after {
height: calc( 310px + ( var(--win_width) - 375px ) * ( (250 - 310) / ( 768 - 375 ) ) );
background-size: 200%;
}
}
@media (min-width: 768px) {
.reviews { padding: calc( 64px + ( var(--win_width) - 768px ) * ( (120 - 64) / ( 1440 - 768 ) ) ) 0;
gap: 64px;
}
.reviews h2 {
padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.reviews__slider .owl-stage {
padding-left: calc( 14px + ( var(--win_width) - 768px ) * ( (54 - 14) / ( 1440 - 768 ) ) );
}
.reviews__slider .owl-nav {
top: calc( -122px + ( var(--win_width) - 768px ) * ( (-142 - -122) / ( 1440 - 768 ) ) );
right: calc( 10px + ( var(--win_width) - 768px ) * ( (48 - 10) / ( 1440 - 768 ) ) );
gap: calc( 0px + ( var(--win_width) - 768px ) * ( (20 - 0) / ( 1440 - 768 ) ) );
}
.reviews__slider .owl-nav button span {
margin: calc( 10px + ( var(--win_width) - 768px ) * ( (9 - 10) / ( 1440 - 768 ) ) );
width: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
height: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
}
.reviews__slider .item-block {
padding: calc( 12px + ( var(--win_width) - 768px ) * ( (24 - 12) / ( 1440 - 768 ) ) ) 0;
}
.reviews__slider .item {
width: calc( 640px + ( var(--win_width) - 768px ) * ( (720 - 640) / ( 1440 - 768 ) ) );
padding: calc( 20px + ( var(--win_width) - 768px ) * ( (40 - 20) / ( 1440 - 768 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.reviews__slider .item__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.reviews__slider .item__header .logo {
width: 160px;
height: 80px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
background-position: top center;
}
.reviews__slider .item__header .mail {
width: 160px;
-webkit-box-flex: 0;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
height: 240px;
background-position: center bottom;
}
.reviews__slider .item__data {
gap: calc( 12px + ( var(--win_width) - 768px ) * ( (24 - 12) / ( 1440 - 768 ) ) );
}
.reviews__slider .item__data h3 {
font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (18 - 16) / ( 1440 - 768 ) ) );
line-height: 20px;
}
.reviews__slider .item__data__inner {
height: 140px;
}
.reviews__slider .item__data__btn {
padding-top: 16px;
padding-bottom: 16px;
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
}
.reviews__slider .owl-item.active .item-block {
padding: 0;
}
.reviews__slider .owl-item.active .item {
padding: calc( 32px + ( var(--win_width) - 768px ) * ( (64 - 32) / ( 1440 - 768 ) ) ) calc( 20px + ( var(--win_width) - 768px ) * ( (40 - 20) / ( 1440 - 768 ) ) );
}
.reviews__slider .owl-item.active + .owl-item.active .item-block {
padding: calc( 12px + ( var(--win_width) - 768px ) * ( (24 - 12) / ( 1440 - 768 ) ) ) 0;
}
.reviews__slider .owl-item.active + .owl-item.active .item {
padding: calc( 20px + ( var(--win_width) - 768px ) * ( (40 - 20) / ( 1440 - 768 ) ) );
}
.reviews:after {
height: calc( 250px + ( var(--win_width) - 768px ) * ( (360 - 250) / ( 1440 - 768 ) ) );
background-size: 100%;
}
}
@media (min-width: 1440px) {
.reviews { padding: calc( 120px + ( var(--win_width) - 1440px ) * ( (144 - 120) / ( 1920 - 1440 ) ) ) 0;
}
.reviews h2 {
padding: 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
}
.reviews__slider .owl-stage {
padding-left: calc( 54px + ( var(--win_width) - 1440px ) * ( (78 - 54) / ( 1920 - 1440 ) ) );
}
.reviews__slider .owl-nav {
top: calc( -160px + ( var(--win_width) - 1440px ) * ( (-176 - -160) / ( 1920 - 1440 ) ) );
right: calc( 48px + ( var(--win_width) - 1440px ) * ( (69 - 48) / ( 1920 - 1440 ) ) );
gap: calc( 20px + ( var(--win_width) - 1440px ) * ( (40 - 20) / ( 1920 - 1440 ) ) );
}
.reviews__slider .owl-nav button span {
margin: 9px;
width: 46px;
height: 46px;
}
.reviews__slider .item-block {
padding: 24px 0;
}
.reviews__slider .item {
width: 560px;
padding: 40px;
gap: calc( 32px + ( var(--win_width) - 1440px ) * ( (48 - 32) / ( 1920 - 1440 ) ) );
}
.reviews__slider .item__data {
gap: 24px;
}
.reviews__slider .item__data h3 {
font-size: 18px;
}
.reviews__slider .item__data__btn {
font-size: 16px;
line-height: 20px;
}
.reviews__slider .item__spacer {
width: 720px;
}
.reviews__slider .owl-item.active .item-block {
padding: 0;
}
.reviews__slider .owl-item.active .item {
width: 720px;
padding: 64px 40px;
}
.reviews__slider .owl-item.active + .owl-item.active .item-block {
padding: 24px 0;
}
.reviews__slider .owl-item.active + .owl-item.active .item {
width: 560px;
padding: 40px;
}
.reviews:after {
height: 320px;
background-size: 50%;
}
}
@media (min-width: 1920px) {
.reviews { padding: 7.5vw 0;
gap: 3.33333333vw;
}
.reviews h2 {
padding: 0 4.58333333vw;
}
.reviews__slider .owl-stage {
padding-left: 4.0625vw;
}
.reviews__slider .owl-nav {
top: -9.16666667vw;
right: 3.59375vw;
gap: 2.08333333vw;
}
.reviews__slider .owl-nav button span {
margin: 0.46875vw;
width: 2.39583333vw;
height: 2.39583333vw;
}
.reviews__slider .item-block {
margin: 0 0.52083333vw;
padding: 1.25vw 0;
}
.reviews__slider .item {
width: 29.16666667vw;
padding: 2.08333333vw;
gap: 2.5vw;
border-radius: 0.10416667vw;
}
.reviews__slider .item__header {
gap: 1.25vw;
}
.reviews__slider .item__header .logo {
width: 8.33333333vw;
height: 4.16666667vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 4.16666667vw;
flex: 0 0 4.16666667vw;
}
.reviews__slider .item__header .mail {
width: 8.33333333vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5vw;
flex: 0 0 12.5vw;
height: 12.5vw;
}
.reviews__slider .item__data {
gap: 1.25vw;
}
.reviews__slider .item__data h3 {
font-size: 0.9375vw;
line-height: 1.04166667vw;
}
.reviews__slider .item__data p {
font-size: 0.83333333vw;
line-height: 1.04166667vw;
}
.reviews__slider .item__data__inner {
height: 7.29166667vw;
}
.reviews__slider .item__data__btn {
padding-top: 0.83333333vw;
padding-bottom: 0.78125vw;
font-size: 0.83333333vw;
line-height: 1.04166667vw;
}
.reviews__slider .item__spacer {
display: block;
width: 37.5vw;
}
.reviews__slider .owl-item.active .item-block {
padding: 0;
}
.reviews__slider .owl-item.active .item {
width: 37.5vw;
padding: 3.33333333vw 2.08333333vw;
}
.reviews__slider .owl-item.active + .owl-item.active .item-block {
padding: 1.25vw 0;
}
.reviews__slider .owl-item.active + .owl-item.active .item {
width: 29.16666667vw;
padding: 2.08333333vw;
}
.reviews:after {
height: 16.66666667vw;
background-size: 50%;
}
}
@media (any-hover: hover) {
.reviews__slider .owl-nav button {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.reviews__slider .owl-nav button:hover {
opacity: 0.5;
}
}
.faq { position: relative;
padding: 12.8vw 0;
}
.faq__header {
padding: 0 10.66666667vw 0;
position: relative;
z-index: 10;
}
.faq__list {
padding: 6.4vw 0 0 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 10;
}
.faq__list .item {
padding: 3.2vw 17.06666667vw 3.2vw 5.33333333vw;
border-top: 1px solid rgba(54, 77, 88, 0.25);
position: relative;
}
.faq__list .item:last-child {
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.faq__list .item .opener {
width: 8.26666667vw;
height: 8.26666667vw;
margin-top: -16px;
position: absolute;
right: 5.33333333vw;
top: 8.53333333vw;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.faq__list .item .opener:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 3.73333333vw;
height: 3px;
background: linear-gradient(45deg, #00B2C3 0%, #364D58 100%);
}
.faq__list .item .opener:before {
content: '';
position: absolute;
top: 0;
left: 3.73333333vw;
bottom: 0;
width: 3px;
background: linear-gradient(45deg, #00B2C3 0%, #364D58 100%);
}
.faq__list .item h3 {
font-size: 3.73333333vw;
line-height: 5.33333333vw;
color: #212121;
font-variation-settings: 'wdth' 120;
font-weight: 500;
text-transform: none;
letter-spacing: normal;
}
.faq__list .item__data {
display: none;
padding-top: 3.2vw;
color: rgba(33, 33, 33, 0.8);
font-size: 3.46666667vw;
line-height: 5.33333333vw;
font-variation-settings: 'wdth' 130;
}
.faq__list .item__data p + p {
margin-top: 3.46666667vw;
}
.faq__list .item.active .opener {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.faq__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10.66666667vw;
position: relative;
z-index: 10;
padding: 5.33333333vw 10.66666667vw 0 10.66666667vw;
}
.faq__btn p {
font-size: 5.33333333vw;
line-height: 6.4vw;
font-variation-settings: 'wdth' 130;
font-weight: 300;
color: #212121;
}
.faq__btn p span {
font-weight: 500;
}
@media (min-width: 375px) {
.faq { padding: calc( 48px + ( var(--win_width) - 375px ) * ( (64 - 48) / ( 768 - 375 ) ) ) 0;
}
.faq__header {
padding: 0 0 0 calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
}
.faq__list {
padding: 24px 0 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.faq__list .item {
padding: calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) ) calc( 64px + ( var(--win_width) - 375px ) * ( (72 - 64) / ( 768 - 375 ) ) ) calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.faq__list .item .opener {
width: calc( 31px + ( var(--win_width) - 375px ) * ( (39 - 31) / ( 768 - 375 ) ) );
height: calc( 31px + ( var(--win_width) - 375px ) * ( (39 - 31) / ( 768 - 375 ) ) );
margin-top: calc( -16px + ( var(--win_width) - 375px ) * ( (-20 - -16) / ( 768 - 375 ) ) );
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
top: calc( 32px + ( var(--win_width) - 375px ) * ( (46 - 32) / ( 768 - 375 ) ) );
}
.faq__list .item .opener:after {
top: calc( 14px + ( var(--win_width) - 375px ) * ( (18 - 14) / ( 768 - 375 ) ) );
height: 3px;
}
.faq__list .item .opener:before {
left: calc( 14px + ( var(--win_width) - 375px ) * ( (18 - 14) / ( 768 - 375 ) ) );
width: 3px;
}
.faq__list .item h3 {
font-size: calc( 14px + ( var(--win_width) - 375px ) * ( (16 - 14) / ( 768 - 375 ) ) );
line-height: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.faq__list .item__data {
padding-top: calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) );
font-size: 13px;
line-height: 20px;
}
.faq__list .item__data p + p {
margin-top: 13px;
}
.faq__btn {
width: calc( 280px + ( var(--win_width) - 375px ) * ( (320 - 280) / ( 768 - 375 ) ) );
gap: 40px;
padding: 20px calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) 0;
}
.faq__btn p {
font-size: 20px;
line-height: 24px;
}
}
@media (min-width: 768px) {
.faq { padding: calc( 64px + ( var(--win_width) - 768px ) * ( (128 - 64) / ( 1440 - 768 ) ) ) 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.faq__header {
padding: 0 0 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (420 - 280) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (420 - 280) / ( 1440 - 768 ) ) );
}
.faq__list {
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.faq__list .item {
padding: calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1440 - 768 ) ) ) calc( 72px + ( var(--win_width) - 768px ) * ( (108 - 72) / ( 1440 - 768 ) ) ) calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1440 - 768 ) ) ) calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1440 - 768 ) ) );
}
.faq__list .item .opener {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
top: calc( 44px + ( var(--win_width) - 768px ) * ( (60 - 44) / ( 1440 - 768 ) ) );
width: calc( 40px + ( var(--win_width) - 768px ) * ( (48 - 40) / ( 1440 - 768 ) ) );
height: calc( 40px + ( var(--win_width) - 768px ) * ( (48 - 40) / ( 1440 - 768 ) ) );
margin-top: calc( -20px + ( var(--win_width) - 768px ) * ( (-24 - -20) / ( 1440 - 768 ) ) );
}
.faq__list .item .opener:after {
top: calc( 18px + ( var(--win_width) - 768px ) * ( (22 - 18) / ( 1440 - 768 ) ) );
height: 4px;
}
.faq__list .item .opener:before {
left: calc( 18px + ( var(--win_width) - 768px ) * ( (22 - 18) / ( 1440 - 768 ) ) );
width: 4px;
}
.faq__list .item h3 {
font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
line-height: calc( 24px + ( var(--win_width) - 768px ) * ( (28 - 24) / ( 1440 - 768 ) ) );
}
.faq__list .item__data {
padding-top: 20px;
font-size: calc( 13px + ( var(--win_width) - 768px ) * ( (16 - 13) / ( 1440 - 768 ) ) );
line-height: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
}
.faq__list .item__data p + p {
margin-top: calc( 13px + ( var(--win_width) - 768px ) * ( (16 - 13) / ( 1440 - 768 ) ) );
}
.faq__btn {
position: absolute;
bottom: calc( 64px + ( var(--win_width) - 768px ) * ( (128 - 64) / ( 1440 - 768 ) ) );
left: 0;
width: calc( 280px + ( var(--win_width) - 768px ) * ( (320 - 280) / ( 1440 - 768 ) ) );
padding: 20px 20px 0 calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
}
.faq__btn p {
font-size: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
line-height: calc( 24px + ( var(--win_width) - 768px ) * ( (28 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.faq { padding: calc( 128px + ( var(--win_width) - 1440px ) * ( (200 - 128) / ( 1920 - 1440 ) ) ) 0;
gap: calc( 20px + ( var(--win_width) - 1440px ) * ( (64 - 20) / ( 1920 - 1440 ) ) );
}
.faq__header {
padding: 0 0 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 420px + ( var(--win_width) - 1440px ) * ( (520 - 420) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 420px + ( var(--win_width) - 1440px ) * ( (520 - 420) / ( 1920 - 1440 ) ) );
}
.faq__list .item {
padding: calc( 32px + ( var(--win_width) - 1440px ) * ( (30 - 32) / ( 1920 - 1440 ) ) ) calc( 200px + ( var(--win_width) - 1440px ) * ( (380 - 200) / ( 1920 - 1440 ) ) ) calc( 32px + ( var(--win_width) - 1440px ) * ( (30 - 32) / ( 1920 - 1440 ) ) ) calc( 32px + ( var(--win_width) - 1440px ) * ( (40 - 32) / ( 1920 - 1440 ) ) );
}
.faq__list .item .opener {
right: calc( 64px + ( var(--win_width) - 1440px ) * ( (121 - 64) / ( 1920 - 1440 ) ) );
top: calc( 56px + ( var(--win_width) - 1440px ) * ( (62 - 56) / ( 1920 - 1440 ) ) );
width: 48px;
height: 48px;
margin-top: -24px;
}
.faq__list .item .opener:after {
top: 22px;
}
.faq__list .item .opener:before {
left: 22px;
}
.faq__list .item h3 {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (28 - 20) / ( 1920 - 1440 ) ) );
line-height: calc( 24px + ( var(--win_width) - 1440px ) * ( (32 - 24) / ( 1920 - 1440 ) ) );
}
.faq__list .item__data {
font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (24 - 16) / ( 1920 - 1440 ) ) );
line-height: calc( 24px + ( var(--win_width) - 1440px ) * ( (32 - 24) / ( 1920 - 1440 ) ) );
}
.faq__list .item__data p + p {
margin-top: calc( 16px + ( var(--win_width) - 1440px ) * ( (24 - 16) / ( 1920 - 1440 ) ) );
}
.faq__btn {
bottom: calc( 128px + ( var(--win_width) - 1440px ) * ( (200 - 128) / ( 1920 - 1440 ) ) );
width: calc( 320px + ( var(--win_width) - 1440px ) * ( (380 - 320) / ( 1920 - 1440 ) ) );
padding: 20px 20px 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
gap: calc( 48px + ( var(--win_width) - 1440px ) * ( (82 - 48) / ( 1920 - 1440 ) ) );
}
.faq__btn p {
font-size: 24px;
line-height: 120%;
}
.faq__btn .btn {
width: calc( 255px + ( var(--win_width) - 1440px ) * ( (273 - 255) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.faq { padding: 10.41666667vw 0;
gap: 3.33333333vw;
}
.faq__header {
padding: 0 0 0 4.58333333vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 27.08333333vw;
flex: 0 0 27.08333333vw;
}
.faq__list .item {
padding: 1.5625vw 19.79166667vw 1.5625vw 2.08333333vw;
}
.faq__list .item .opener {
right: 6.30208333vw;
top: 3.22916667vw;
width: 2.5vw;
height: 2.5vw;
margin-top: -1.25vw;
}
.faq__list .item .opener:after {
top: 1.14583333vw;
}
.faq__list .item .opener:before {
left: 1.14583333vw;
}
.faq__list .item h3 {
font-size: 1.45833333vw;
line-height: 1.66666667vw;
}
.faq__list .item__data {
padding-top: 1.04166667vw;
font-size: 1.25vw;
line-height: 1.66666667vw;
}
.faq__list .item__data p + p {
margin-top: 1.25vw;
}
.faq__btn {
bottom: 10.41666667vw;
width: 19.79166667vw;
gap: 4.27083333vw;
padding: 1.04166667vw 1.04166667vw 0 4.58333333vw;
}
.faq__btn p {
font-size: 1.25vw;
line-height: 120%;
}
.faq__btn .btn {
width: 14.21875vw;
}
}
@media (any-hover: hover) {
.faq__list .item h3,
.faq__list .item .opener {
-webkit-transition: 0.2s;
transition: 0.2s;
cursor: pointer;
}
.faq__list .item h3:hover {
color: #364D58;
}
.faq__list .item h3:hover ~ .opener,
.faq__list .item .opener:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.faq__list .item.active h3:hover ~ .opener,
.faq__list .item.active .opener:hover {
-webkit-transform: rotate(45deg) scale(1.1);
transform: rotate(45deg) scale(1.1);
}
}
.slider { position: relative;
padding: 5.33333333vw 0 16vw;
}
.slider h2 {
padding: 0 10.66666667vw 5.33333333vw;
position: relative;
z-index: 10;
}
.slider__slider {
position: relative;
z-index: 10;
}
.slider__slider .owl-nav {
position: absolute;
top: -17.06666667vw;
right: 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slider__slider .owl-nav button {
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slider__slider .owl-nav button span {
margin: 2.66666667vw;
width: 6.4vw;
height: 6.4vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.slider__slider .item {
padding: 0 5.33333333vw;
}
.slider__slider .item iframe {
width: 100%;
height: 50.13333333vw;
}
@media (min-width: 375px) {
.slider { padding: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) ) 0 calc( 60px + ( var(--win_width) - 375px ) * ( (88 - 60) / ( 768 - 375 ) ) );
}
.slider h2 {
padding: 0 calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
}
.slider__slider .owl-nav {
top: calc( -64px + ( var(--win_width) - 375px ) * ( (-88 - -64) / ( 768 - 375 ) ) );
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.slider__slider .owl-nav button span {
margin: 10px;
width: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.slider__slider .item {
padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.slider__slider .item iframe {
height: calc( 188px + ( var(--win_width) - 375px ) * ( (409 - 188) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.slider { padding: calc( 32px + ( var(--win_width) - 768px ) * ( (64 - 32) / ( 1440 - 768 ) ) ) 0 88px;
}
.slider h2 {
padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) calc( 32px + ( var(--win_width) - 768px ) * ( (64 - 32) / ( 1440 - 768 ) ) );
}
.slider__slider .owl-nav {
top: calc( -92px + ( var(--win_width) - 768px ) * ( (-144 - -92) / ( 1440 - 768 ) ) );
right: calc( 10px + ( var(--win_width) - 768px ) * ( (48 - 10) / ( 1440 - 768 ) ) );
gap: calc( 0px + ( var(--win_width) - 768px ) * ( (20 - 0) / ( 1440 - 768 ) ) );
}
.slider__slider .owl-nav button span {
margin: calc( 10px + ( var(--win_width) - 768px ) * ( (9 - 10) / ( 1440 - 768 ) ) );
width: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
height: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
}
.slider__slider .item {
padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.slider__slider .item iframe {
height: calc( 409px + ( var(--win_width) - 768px ) * ( (738 - 409) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.slider { padding: calc( 64px + ( var(--win_width) - 1440px ) * ( (96 - 64) / ( 1920 - 1440 ) ) ) 0 calc( 88px + ( var(--win_width) - 1440px ) * ( (100 - 88) / ( 1920 - 1440 ) ) );
}
.slider h2 {
padding: 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (72 - 64) / ( 1920 - 1440 ) ) );
}
.slider__slider .owl-nav {
top: calc( -144px + ( var(--win_width) - 1440px ) * ( (-160 - -144) / ( 1920 - 1440 ) ) );
right: calc( 48px + ( var(--win_width) - 1440px ) * ( (69 - 48) / ( 1920 - 1440 ) ) );
gap: calc( 20px + ( var(--win_width) - 1440px ) * ( (40 - 20) / ( 1920 - 1440 ) ) );
}
.slider__slider .owl-nav button span {
margin: 9px;
width: 46px;
height: 46px;
}
.slider__slider .item {
padding: 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
}
.slider__slider .item iframe {
height: calc( 738px + ( var(--win_width) - 1440px ) * ( (981 - 738) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.slider { padding: 5vw 0 5.20833333vw;
}
.slider h2 {
padding: 0 4.58333333vw 3.75vw;
}
.slider__slider .owl-nav {
top: -8.33333333vw;
right: 3.59375vw;
gap: 2.08333333vw;
}
.slider__slider .owl-nav button span {
margin: 0.46875vw;
width: 2.39583333vw;
height: 2.39583333vw;
}
.slider__slider .item {
padding: 0 4.58333333vw;
}
.slider__slider .item iframe {
height: 51.09375vw;
}
}
.footer { background: linear-gradient(225deg, #6B6B6B 0%, #364D58 100%);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 14.93333333vw;
position: relative;
padding-bottom: 10.66666667vw;
}
.footer__order {
padding: 32vw 10.66666667vw 0;
position: relative;
z-index: 20;
}
.footer__order h2 {
color: #fff;
margin-bottom: 6.4vw;
}
.footer__order p {
line-height: 5.33333333vw;
font-weight: 400;
}
.footer__order form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.33333333vw;
margin-top: 14.93333333vw;
position: relative;
}
.footer__order form .btn {
margin-top: 10.66666667vw;
}
.footer__order form p {
font-size: 3.2vw;
line-height: 4.26666667vw;
}
.footer__order form p a {
color: #fff;
text-decoration: underline;
}
.footer__contacts {
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: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
gap: 14.93333333vw;
}
.footer__contacts__company {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 14.93333333vw;
padding: 0 10.66666667vw;
}
.footer__contacts__company__header h2 {
color: #fff;
margin-bottom: 3.2vw;
font-size: 6.4vw;
line-height: 8.53333333vw;
}
.footer__contacts__company__header p {
line-height: 5.33333333vw;
font-weight: 400;
}
.footer__contacts__company__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 3.73333333vw;
line-height: 7.46666667vw;
font-variation-settings: 'wdth' 150;
font-weight: 500;
}
.footer__contacts__company__contacts p {
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.06666667vw;
}
.footer__contacts__company__contacts a {
color: #fff;
}
.footer__contacts__map {
position: relative;
z-index: 10;
height: 64vw;
}
.footer__contacts__address {
padding: 0 10.66666667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
}
.footer__contacts__address__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.33333333vw;
}
.footer__contacts__address__list .item h3 {
font-size: 4.26666667vw;
line-height: 5.33333333vw;
font-variation-settings: 'wdth' 150;
font-weight: 600;
color: #fff;
margin-bottom: 3.2vw;
letter-spacing: 0.1em;
}
.footer__contacts__address__list .item p {
line-height: 5.33333333vw;
font-weight: 400;
}
.footer__contacts__address__urinfo {
font-size: 4.26666667vw;
line-height: 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
}
.footer__contacts__address__urinfo b {
font-variation-settings: 'wdth' 150;
font-weight: 600;
letter-spacing: 0.1em;
}
.footer__contacts__address__urinfo__copy {
color: rgba(255, 255, 255, 0.75);
}
.footer:after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 10.66666667vw;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/texture_w.png);
background-position: center;
background-size: 1500%;
z-index: 1;
opacity: 0.25;
}
.footer .static-plus {
top: 10.66666667vw;
left: 5.33333333vw;
}
.totop {
position: sticky;
right: 5.33333333vw;
bottom: 5.33333333vw;
z-index: 700;
margin-left: auto;
margin-bottom: -16vw;
width: 10.66666667vw;
height: 10.66666667vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translate(0, 200%);
transform: translate(0, 200%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
border-radius: 2px;
fill: rgba(217, 217, 217, 0.1);
backdrop-filter: blur(4px);
-webkit-box-shadow: inset 0 2px 6px 0 rgba(255, 255, 255, 0.4), inset 0 -20px 20px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 20px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8), 0 2px 20px 0 rgba(166, 166, 166, 0.2);
box-shadow: inset 0 2px 6px 0 rgba(255, 255, 255, 0.4), inset 0 -20px 20px 0 rgba(0, 148, 255, 0.05), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 10px 20px 0 rgba(255, 255, 255, 0.25), inset 0 1px 1px 0 rgba(255, 255, 255, 0.8), 0 2px 20px 0 rgba(166, 166, 166, 0.2);
}
.totop::before,
.totop::after {
content: "";
position: absolute;
inset: 0;
border-radius: 2px;
padding: 2px;
z-index: 10;
background: linear-gradient(153deg, rgba(0, 178, 195, 0) 0%, #00b2c3 31%, #fff 68%, rgba(255, 255, 255, 0) 100%);
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.totop::after {
z-index: 11;
opacity: 0;
background: linear-gradient(153deg, rgba(0, 178, 195, 0.3) 0%, #00b2c3 31%, rgba(0, 178, 195, 0.4) 68%, rgba(0, 178, 195, 0.5) 100%);
}
.totop svg {
width: 3.73333333vw;
height: 2.66666667vw;
line-height: 0;
position: relative;
z-index: 10;
}
.totop svg path {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.totop svg path.totop_light {
opacity: 1;
}
.totop svg path.totop_dark {
opacity: 0;
}
.totop.active {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.totop.dark::after {
opacity: 1;
}
.totop.dark::before {
opacity: 0;
}
.totop.dark svg path.totop_light {
opacity: 0;
}
.totop.dark svg path.totop_dark {
opacity: 1;
}
.totop__compensator {
margin-top: 5.33333333vw;
}
.totop.inner {
right: 10.66666667vw;
margin-bottom: -16vw;
}
@media (min-width: 375px) {
.footer { gap: calc( 56px + ( var(--win_width) - 375px ) * ( (64 - 56) / ( 768 - 375 ) ) );
}
.footer__order {
padding: calc( 120px + ( var(--win_width) - 375px ) * ( (140 - 120) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) 0;
}
.footer__order h2 {
margin-bottom: 24px;
}
.footer__order p {
line-height: 20px;
}
.footer__order form {
gap: 20px;
margin-top: calc( 56px + ( var(--win_width) - 375px ) * ( (64 - 56) / ( 768 - 375 ) ) );
}
.footer__order form .btn {
margin-top: 40px;
}
.footer__order form p {
font-size: 12px;
line-height: 16px;
}
.footer__contacts {
gap: 56px;
}
.footer__contacts__company {
padding: 0 calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
gap: calc( 56px + ( var(--win_width) - 375px ) * ( (64 - 56) / ( 768 - 375 ) ) );
}
.footer__contacts__company__header h2 {
margin-bottom: calc( 12px + ( var(--win_width) - 375px ) * ( (16 - 12) / ( 768 - 375 ) ) );
font-size: calc( 24px + ( var(--win_width) - 375px ) * ( (28 - 24) / ( 768 - 375 ) ) );
line-height: calc( 32px + ( var(--win_width) - 375px ) * ( (36 - 32) / ( 768 - 375 ) ) );
}
.footer__contacts__company__header p {
line-height: 20px;
}
.footer__contacts__company__contacts {
font-size: 14px;
line-height: 28px;
}
.footer__contacts__company__contacts p {
gap: 4px;
}
.footer__contacts__address {
padding: 0 calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
gap: 32px;
}
.footer__contacts__address__list {
gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
}
.footer__contacts__address__list .item h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 12px;
}
.footer__contacts__address__list .item p {
line-height: 20px;
}
.footer__contacts__address__urinfo {
font-size: 16px;
line-height: 20px;
gap: 32px;
}
.footer__contacts__address__urinfo__copy {
margin-top: 32px;
}
.footer__contacts__map {
height: calc( 240px + ( var(--win_width) - 375px ) * ( (280 - 240) / ( 768 - 375 ) ) );
}
.footer .static-plus {
top: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.footer:after {
height: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/texture_w.png);
background-position: center;
background-size: 1500%;
z-index: 1;
opacity: 0.25;
}
.totop {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
bottom: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
margin-bottom: calc( -60px + ( var(--win_width) - 375px ) * ( (-80 - -60) / ( 768 - 375 ) ) );
width: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
height: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
}
.totop svg {
width: calc( 14px + ( var(--win_width) - 375px ) * ( (18 - 14) / ( 768 - 375 ) ) );
height: calc( 10px + ( var(--win_width) - 375px ) * ( (14 - 10) / ( 768 - 375 ) ) );
}
.totop__compensator {
margin-top: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
}
.totop__compensator.inner {
margin-top: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.totop.inner {
right: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
margin-bottom: calc( -60px + ( var(--win_width) - 375px ) * ( (-72 - -60) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.footer { }
.footer__order {
padding: calc( 200px + ( var(--win_width) - 768px ) * ( (240 - 200) / ( 1440 - 768 ) ) ) calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) ) 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
}
.footer__order__header {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer__order p {
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
}
.footer__order .wpcf7 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer__order form {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 0;
}
.footer__order form .btn {
margin-top: 40px;
}
.footer__order form p {
font-size: calc( 12px + ( var(--win_width) - 768px ) * ( (14 - 12) / ( 1440 - 768 ) ) );
line-height: calc( 16px + ( var(--win_width) - 768px ) * ( (18 - 16) / ( 1440 - 768 ) ) );
}
.footer__contacts {
gap: calc( 56px + ( var(--win_width) - 768px ) * ( (64 - 56) / ( 1440 - 768 ) ) );
}
.footer__contacts__company {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
gap: calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
}
.footer__contacts__company__header {
-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: calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
}
.footer__contacts__company__header h2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: 0;
font-size: calc( 28px + ( var(--win_width) - 768px ) * ( (48 - 28) / ( 1440 - 768 ) ) );
line-height: calc( 36px + ( var(--win_width) - 768px ) * ( (44 - 36) / ( 1440 - 768 ) ) );
}
.footer__contacts__company__header p {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
max-width: calc( 350px + ( var(--win_width) - 768px ) * ( (460 - 350) / ( 1440 - 768 ) ) );
}
.footer__contacts__company__contacts {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (20 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 28px + ( var(--win_width) - 768px ) * ( (32 - 28) / ( 1440 - 768 ) ) );
}
.footer__contacts__company__contacts p {
gap: calc( 4px + ( var(--win_width) - 768px ) * ( (8 - 4) / ( 1440 - 768 ) ) );
}
.footer__contacts__map {
height: calc( 280px + ( var(--win_width) - 768px ) * ( (340 - 280) / ( 1440 - 768 ) ) );
}
.footer__contacts__address {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 calc( 20px + ( var(--win_width) - 768px ) * ( (64 - 20) / ( 1440 - 768 ) ) );
gap: calc( 20px + ( var(--win_width) - 768px ) * ( (40 - 20) / ( 1440 - 768 ) ) );
}
.footer__contacts__address__list {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: calc( 20px + ( var(--win_width) - 768px ) * ( (40 - 20) / ( 1440 - 768 ) ) );
}
.footer__contacts__address__list .item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer__contacts__address__list .item h3 {
min-height: calc( 40px + ( var(--win_width) - 768px ) * ( (20 - 40) / ( 1440 - 768 ) ) );
}
.footer__contacts__address__list .item p {
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
}
.footer__contacts__address__urinfo {
-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;
}
.footer__contacts__address__urinfo__copy {
margin-top: auto;
}
.footer .static-plus {
top: calc( 120px + ( var(--win_width) - 768px ) * ( (160 - 120) / ( 1440 - 768 ) ) );
left: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
}
.footer:after {
height: calc( 120px + ( var(--win_width) - 768px ) * ( (160 - 120) / ( 1440 - 768 ) ) );
width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
background-size: 700%;
}
.footer.inner .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.footer.inner .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.footer.inner .line.top {
top: calc( 48px + ( var(--win_width) - 768px ) * ( (64 - 48) / ( 1440 - 768 ) ) );
}
.footer.inner .footer__order {
padding: calc( 140px + ( var(--win_width) - 768px ) * ( (140 - 140) / ( 1440 - 768 ) ) ) calc( 48px + ( var(--win_width) - 768px ) * ( (104 - 48) / ( 1440 - 768 ) ) ) 0;
}
.footer.inner .footer__contacts__company {
padding: 0 calc( 48px + ( var(--win_width) - 768px ) * ( (104 - 48) / ( 1440 - 768 ) ) );
}
.footer.inner .footer__contacts__address {
padding: 0 calc( 48px + ( var(--win_width) - 768px ) * ( (104 - 48) / ( 1440 - 768 ) ) );
}
.footer.inner:after {
height: calc( 48px + ( var(--win_width) - 768px ) * ( (64 - 48) / ( 1440 - 768 ) ) );
width: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.footer.inner .static-plus {
top: calc( 48px + ( var(--win_width) - 768px ) * ( (64 - 48) / ( 1440 - 768 ) ) );
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.totop {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (128 - 24) / ( 1440 - 768 ) ) );
bottom: calc( 24px + ( var(--win_width) - 768px ) * ( (40 - 24) / ( 1440 - 768 ) ) );
margin-bottom: calc( -80px + ( var(--win_width) - 768px ) * ( (-192 - -80) / ( 1440 - 768 ) ) );
}
.totop__compensator {
margin-top: calc( 32px + ( var(--win_width) - 768px ) * ( (128 - 32) / ( 1440 - 768 ) ) );
}
.totop__compensator.inner {
margin-top: calc( 24px + ( var(--win_width) - 768px ) * ( (35 - 24) / ( 1440 - 768 ) ) );
}
.totop.inner {
right: calc( 48px + ( var(--win_width) - 768px ) * ( (34 - 48) / ( 1440 - 768 ) ) );
margin-bottom: calc( -72px + ( var(--win_width) - 768px ) * ( (-96 - -72) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.footer { -webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: calc( 64px + ( var(--win_width) - 1440px ) * ( (192 - 64) / ( 1920 - 1440 ) ) );
padding: calc( 240px + ( var(--win_width) - 1440px ) * ( (340 - 240) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 160px + ( var(--win_width) - 1440px ) * ( (192 - 160) / ( 1920 - 1440 ) ) ) calc( 200px + ( var(--win_width) - 1440px ) * ( (340 - 200) / ( 1920 - 1440 ) ) );
}
.footer__order {
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc( 20px + ( var(--win_width) - 1440px ) * ( (48 - 20) / ( 1920 - 1440 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 280px + ( var(--win_width) - 1440px ) * ( (440 - 280) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 280px + ( var(--win_width) - 1440px ) * ( (440 - 280) / ( 1920 - 1440 ) ) );
}
.footer__order__header {
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
}
.footer__order p {
font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
line-height: calc( 20px + ( var(--win_width) - 1440px ) * ( (28 - 20) / ( 1920 - 1440 ) ) );
}
.footer__order form {
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
gap: 12px;
margin-top: auto;
}
.footer__order form .btn {
margin-top: calc( 40px + ( var(--win_width) - 1440px ) * ( (60 - 40) / ( 1920 - 1440 ) ) );
}
.footer__order form p {
font-size: 14px;
line-height: 18px;
padding-bottom: calc( 0px + ( var(--win_width) - 1440px ) * ( (1 - 0) / ( 1920 - 1440 ) ) );
}
.footer__contacts {
gap: calc( 32px + ( var(--win_width) - 1440px ) * ( (48 - 32) / ( 1920 - 1440 ) ) );
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer__contacts__company {
padding: 0;
gap: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__contacts__company__header {
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
gap: calc( 32px + ( var(--win_width) - 1440px ) * ( (40 - 32) / ( 1920 - 1440 ) ) );
}
.footer__contacts__company__header h2 {
font-size: 48px;
line-height: 1;
}
.footer__contacts__company__header p {
font-size: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
line-height: calc( 20px + ( var(--win_width) - 1440px ) * ( (28 - 20) / ( 1920 - 1440 ) ) );
max-width: calc( 460px + ( var(--win_width) - 1440px ) * ( (500 - 460) / ( 1920 - 1440 ) ) );
}
.footer__contacts__company__contacts {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 240px + ( var(--win_width) - 1440px ) * ( (280 - 240) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 240px + ( var(--win_width) - 1440px ) * ( (280 - 240) / ( 1920 - 1440 ) ) );
gap: 0;
padding: calc( 0px + ( var(--win_width) - 1440px ) * ( (4 - 0) / ( 1920 - 1440 ) ) ) 0;
font-size: calc( 24px + ( var(--win_width) - 1440px ) * ( (28 - 24) / ( 1920 - 1440 ) ) );
line-height: 1;
}
.footer__contacts__company__contacts p {
gap: calc( 16px + ( var(--win_width) - 1440px ) * ( (24 - 16) / ( 1920 - 1440 ) ) );
}
.footer__contacts__map {
height: 100%;
}
.footer__contacts__address {
padding: 0;
gap: calc( 64px + ( var(--win_width) - 1440px ) * ( (80 - 64) / ( 1920 - 1440 ) ) );
}
.footer__contacts__address__list {
gap: 40px;
}
.footer__contacts__address__list .item {
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;
}
.footer__contacts__address__list .item h3 {
min-height: calc( 40px + ( var(--win_width) - 1440px ) * ( (20 - 40) / ( 1920 - 1440 ) ) );
}
.footer__contacts__address__list .item p {
font-size: 16px;
}
.footer__contacts__address__urinfo {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 200px + ( var(--win_width) - 1440px ) * ( (208 - 200) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 200px + ( var(--win_width) - 1440px ) * ( (208 - 200) / ( 1920 - 1440 ) ) );
}
.footer .static-plus {
top: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
left: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
.footer:after {
height: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
background-size: 600%;
}
.footer.inner .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.footer.inner .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
.footer.inner .line.top {
top: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
.footer.inner {
padding: calc( 210px + ( var(--win_width) - 1440px ) * ( (340 - 210) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 160px + ( var(--win_width) - 1440px ) * ( (192 - 160) / ( 1920 - 1440 ) ) ) calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
gap: calc( 40px + ( var(--win_width) - 1440px ) * ( (160 - 40) / ( 1920 - 1440 ) ) );
}
.footer.inner .footer__order {
padding: 0 0 0 calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) );
}
.footer.inner .footer__contacts__company {
padding: 0;
}
.footer.inner .footer__contacts__company h2 {
font-size: 44px;
}
.footer.inner .footer__contacts__address {
padding: 0;
gap: calc( 20px + ( var(--win_width) - 1440px ) * ( (40 - 20) / ( 1920 - 1440 ) ) );
}
.footer.inner .footer__contacts__address__list {
gap: 16px;
}
.footer.inner:after {
height: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
width: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.footer.inner .static-plus {
top: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.totop {
right: calc( 128px + ( var(--win_width) - 1440px ) * ( (172 - 128) / ( 1920 - 1440 ) ) );
bottom: 40px;
margin-bottom: calc( -192px + ( var(--win_width) - 1440px ) * ( (-266 - -192) / ( 1920 - 1440 ) ) );
width: calc( 64px + ( var(--win_width) - 1440px ) * ( (94 - 64) / ( 1920 - 1440 ) ) );
height: calc( 64px + ( var(--win_width) - 1440px ) * ( (94 - 64) / ( 1920 - 1440 ) ) );
}
.totop::before,
.totop::after {
padding: calc( 3px + ( var(--win_width) - 1440px ) * ( (4 - 3) / ( 1920 - 1440 ) ) );
}
.totop svg {
width: calc( 32px + ( var(--win_width) - 1440px ) * ( (48 - 32) / ( 1920 - 1440 ) ) );
height: unset;
}
.totop svg path {
stroke-width: 1;
}
.totop__compensator {
margin-top: calc( 128px + ( var(--win_width) - 1440px ) * ( (172 - 128) / ( 1920 - 1440 ) ) );
}
.totop__compensator.inner {
margin-top: calc( 128px + ( var(--win_width) - 1440px ) * ( (172 - 128) / ( 1920 - 1440 ) ) );
}
.totop.inner {
right: calc( 95px + ( var(--win_width) - 1440px ) * ( (126 - 95) / ( 1920 - 1440 ) ) );
margin-bottom: calc( -192px + ( var(--win_width) - 1440px ) * ( (-266 - -192) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.footer { gap: 10vw;
padding: 17.70833333vw 4.58333333vw 10vw 17.70833333vw;
}
.footer__order form {
gap: 0.625vw;
}
.footer__order form .btn {
margin-top: 3.125vw;
}
.footer__order form p {
font-size: 0.72916667vw;
line-height: 0.9375vw;
padding-bottom: 0.05208333vw;
}
.footer__contacts {
gap: 2.5vw;
}
.footer__contacts__company__header {
gap: 2.08333333vw;
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
}
.footer__contacts__company__header h2 {
font-size: calc( 48px + ( var(--win_width) - 1920px ) * ( (56 - 48) / ( 2560 - 1920 ) ) );
}
.footer__contacts__company__header p {
font-size: 1.04166667vw;
line-height: 1.45833333vw;
max-width: 26.04166667vw;
}
.footer__contacts__company__contacts {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.58333333vw;
flex: 0 0 14.58333333vw;
padding: 0.20833333vw 0;
font-size: calc( 28px + ( var(--win_width) - 1920px ) * ( (34 - 28) / ( 2560 - 1920 ) ) );
}
.footer__contacts__company__contacts p {
gap: 1.25vw;
}
.footer__contacts__address {
padding: 0;
gap: 4.16666667vw;
}
.footer__contacts__address__list {
gap: 2.08333333vw;
}
.footer__contacts__address__list .item h3 {
font-size: calc( 16px + ( var(--win_width) - 1920px ) * ( (18 - 16) / ( 2560 - 1920 ) ) );
line-height: 1.04166667vw;
margin-bottom: 0.625vw;
min-height: 1.04166667vw;
}
.footer__contacts__address__list .item p {
line-height: 1.04166667vw;
font-size: calc( 16px + ( var(--win_width) - 1920px ) * ( (18 - 16) / ( 2560 - 1920 ) ) );
}
.footer__contacts__address__urinfo {
-webkit-box-flex: 0;
-ms-flex: 0 0 10.83333333vw;
flex: 0 0 10.83333333vw;
font-size: calc( 16px + ( var(--win_width) - 1920px ) * ( (18 - 16) / ( 2560 - 1920 ) ) );
line-height: 1.04166667vw;
}
.footer .static-plus {
top: 11.45833333vw;
left: 11.45833333vw;
}
.footer:after {
left: 0;
top: 0;
height: 11.45833333vw;
width: 11.45833333vw;
background-size: 500%;
}
.footer.inner .line.left {
left: 15.67708333vw;
}
.footer.inner .line.right {
right: 9.01041667vw;
}
.footer.inner .line.top {
top: 11.45833333vw;
}
.footer.inner {
padding: 17.70833333vw 4.58333333vw 10vw 15.67708333vw;
gap: 8.33333333vw;
}
.footer.inner .footer__order {
padding: 0 0 0 4.16666667vw;
}
.footer.inner .footer__contacts__company h2 {
font-size: calc( 44px + ( var(--win_width) - 1920px ) * ( (52 - 44) / ( 2560 - 1920 ) ) );
}
.footer.inner:after {
height: 11.45833333vw;
width: 15.67708333vw;
}
.footer.inner .static-plus {
top: 11.45833333vw;
left: 15.67708333vw;
}
.totop {
right: 8.95833333vw;
bottom: 40px;
margin-bottom: -13.85416667vw;
width: 4.89583333vw;
height: 4.89583333vw;
}
.totop::before,
.totop::after {
padding: 0.20833333vw;
}
.totop svg {
width: 2.5vw;
}
.totop__compensator {
margin-top: 8.95833333vw;
}
.totop__compensator.inner {
margin-top: 8.95833333vw;
}
.totop.inner {
right: 6.5625vw;
margin-bottom: -13.85416667vw;
}
}
.popup { position: fixed;
z-index: 100;
background-color: #FBFAF8;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
overflow-y: scroll;
}
.popup__inner {
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-sizing: border-box;
box-sizing: border-box;
padding: 21.33333333vw 0 0;
min-height: 100%;
}
.popup__header {
position: relative;
z-index: 101;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10.66666667vw;
padding: 0 10.66666667vw 5.33333333vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.popup__header::before {
content: '';
width: 32px;
height: 32px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.047 16.953H0v-2.906h14.047V0h2.906v14.047H31v2.906H16.953V31h-2.906V16.953z' fill='url(%23paint0_linear_56_567)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_56_567' x1='4.844' y1='26.156' x2='8.408' y2='2.203' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
position: absolute;
left: 1.33333333vw;
bottom: -4.53333333vw;
}
.popup__header::after {
content: '';
position: absolute;
right: 0;
bottom: 0;
top: -21.33333333vw;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 100%;
z-index: 1;
}
.popup__header__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
}
.popup__header__nav .close {
font-variation-settings: 'wdth' 150;
font-weight: 700;
text-transform: uppercase;
font-size: 3.46666667vw;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.13333333vw;
color: #364D58;
}
.popup__header__nav .close::before {
content: '';
display: inline-block;
width: 1.06666667vw;
height: 1.06666667vw;
border-left: 2px solid #212121;
border-bottom: 2px solid #212121;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-bottom: 0.26666667vw;
}
.popup__header__nav .info {
font-variation-settings: 'wdth' 150;
font-weight: 600;
text-transform: uppercase;
color: rgba(54, 77, 88, 0.5);
font-size: 3.46666667vw;
line-height: 1;
}
.popup__content {
position: relative;
z-index: 102;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 6.4vw;
padding: 5.33333333vw 10.66666667vw 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.popup__content::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 100%;
z-index: 1;
}
.popup__content__img {
width: 100%;
height: 64vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 64vw;
flex: 0 0 64vw;
background-size: cover;
background-position: center;
position: relative;
z-index: 104;
}
.popup__content__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3.2vw;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.popup__content__data p {
font-size: 3.46666667vw;
line-height: 5.33333333vw;
}
.popup__content__data__tags {
padding-top: 12.8vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 2.13333333vw;
position: relative;
z-index: 103;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.popup__content__data__tags::before {
content: '';
position: absolute;
left: -10.66666667vw;
right: -10.66666667vw;
top: 5.33333333vw;
height: 1px;
background: rgba(54, 77, 88, 0.25);
}
.popup__content__data__tags::after {
content: '';
position: absolute;
right: -10.66666667vw;
bottom: 0;
top: 5.33333333vw;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 100%;
z-index: 104;
}
.popup__content__data__tags .plus {
position: absolute;
right: -9.6vw;
top: 1.33333333vw;
z-index: 105;
}
.popup .line.left {
left: 5.33333333vw;
bottom: unset;
height: 100%;
}
.popup .line.right {
right: 5.33333333vw;
}
.popup.active {
-webkit-transform: none;
transform: none;
}
@media (min-width: 375px) {
.popup { }
.popup__inner {
padding: calc( 80px + ( var(--win_width) - 375px ) * ( (108 - 80) / ( 768 - 375 ) ) ) 0 0;
}
.popup__header {
gap: 40px;
padding: 0 calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
}
.popup__header::before {
left: calc( 5px + ( var(--win_width) - 375px ) * ( (9 - 5) / ( 768 - 375 ) ) );
}
.popup__header::after {
top: calc( -80px + ( var(--win_width) - 375px ) * ( (-108 - -80) / ( 768 - 375 ) ) );
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.popup__header__nav {
gap: 32px;
}
.popup__header__nav .close {
font-size: 13px;
gap: 8px;
}
.popup__header__nav .close::before {
width: 4px;
height: 4px;
margin-bottom: 1px;
}
.popup__header__nav .info {
font-size: 13px;
}
.popup__content {
gap: 24px;
padding: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) ) 0;
}
.popup__content::before {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.popup__content__img {
height: calc( 240px + ( var(--win_width) - 375px ) * ( (280 - 240) / ( 768 - 375 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 240px + ( var(--win_width) - 375px ) * ( (280 - 240) / ( 768 - 375 ) ) );
flex: 0 0 calc( 240px + ( var(--win_width) - 375px ) * ( (280 - 240) / ( 768 - 375 ) ) );
}
.popup__content__data {
gap: 12px;
}
.popup__content__data p {
font-size: 13px;
line-height: 20px;
}
.popup__content__data__tags {
padding-top: 48px;
gap: 8px;
}
.popup__content__data__tags::before {
left: calc( -40px + ( var(--win_width) - 375px ) * ( (-56 - -40) / ( 768 - 375 ) ) );
right: calc( -40px + ( var(--win_width) - 375px ) * ( (-56 - -40) / ( 768 - 375 ) ) );
top: 20px;
}
.popup__content__data__tags::after {
right: calc( -40px + ( var(--win_width) - 375px ) * ( (-56 - -40) / ( 768 - 375 ) ) );
top: 20px;
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.popup__content__data__tags .plus {
right: calc( -36px + ( var(--win_width) - 375px ) * ( (-48 - -36) / ( 768 - 375 ) ) );
top: 5px;
}
.popup .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.popup .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.popup { }
.popup__inner {
padding: calc( 108px + ( var(--win_width) - 768px ) * ( (160 - 108) / ( 1440 - 768 ) ) ) 0 calc( 48px + ( var(--win_width) - 768px ) * ( (96 - 48) / ( 1440 - 768 ) ) );
}
.popup__header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: calc( 40px + ( var(--win_width) - 768px ) * ( (56 - 40) / ( 1440 - 768 ) ) );
padding: 0 calc( 40px + ( var(--win_width) - 768px ) * ( (64 - 40) / ( 1440 - 768 ) ) ) calc( 32px + ( var(--win_width) - 768px ) * ( (56 - 32) / ( 1440 - 768 ) ) );
}
.popup__header::before {
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 33H0v-3h30V0h3v30h30v3H33v30h-3V33z' fill='url(%23paint0_linear_211_1249)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_211_1249' x1='9.844' y1='53.156' x2='17.088' y2='4.476' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
left: calc( 177px + ( var(--win_width) - 768px ) * ( (249 - 177) / ( 1440 - 768 ) ) );
bottom: -33px;
}
.popup__header::after {
top: calc( -108px + ( var(--win_width) - 768px ) * ( (-160 - -108) / ( 1440 - 768 ) ) );
width: calc( 88px + ( var(--win_width) - 768px ) * ( (118 - 88) / ( 1280 - 768 ) ) );
}
.popup__header__nav {
gap: 8px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 160px + ( var(--win_width) - 768px ) * ( (200 - 160) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 160px + ( var(--win_width) - 768px ) * ( (200 - 160) / ( 1440 - 768 ) ) );
padding: calc( 6px + ( var(--win_width) - 768px ) * ( (8 - 6) / ( 1440 - 768 ) ) ) 0;
}
.popup__content {
padding: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) ) calc( 40px + ( var(--win_width) - 768px ) * ( (64 - 40) / ( 1440 - 768 ) ) ) 0 calc( 240px + ( var(--win_width) - 768px ) * ( (320 - 240) / ( 1440 - 768 ) ) );
}
.popup__content::before {
bottom: calc( -48px + ( var(--win_width) - 768px ) * ( (-96 - -48) / ( 1440 - 768 ) ) );
width: calc( 208px + ( var(--win_width) - 768px ) * ( (280 - 208) / ( 1440 - 768 ) ) );
}
.popup__content__img {
height: calc( 280px + ( var(--win_width) - 768px ) * ( (320 - 280) / ( 1440 - 768 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (320 - 280) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 280px + ( var(--win_width) - 768px ) * ( (320 - 280) / ( 1440 - 768 ) ) );
}
.popup__content__data p {
font-size: calc( 13px + ( var(--win_width) - 768px ) * ( (20 - 13) / ( 1440 - 768 ) ) );
line-height: calc( 20px + ( var(--win_width) - 768px ) * ( (28 - 20) / ( 1440 - 768 ) ) );
}
.popup__content__data__tags::before {
left: calc( -240px + ( var(--win_width) - 768px ) * ( (-320 - -240) / ( 1440 - 768 ) ) );
right: calc( -40px + ( var(--win_width) - 768px ) * ( (-64 - -40) / ( 1440 - 768 ) ) );
}
.popup__content__data__tags::after {
right: calc( -40px + ( var(--win_width) - 768px ) * ( (-64 - -40) / ( 1440 - 768 ) ) );
bottom: calc( -48px + ( var(--win_width) - 768px ) * ( (-96 - -48) / ( 1440 - 768 ) ) );
width: calc( 88px + ( var(--win_width) - 768px ) * ( (128 - 88) / ( 1440 - 768 ) ) );
}
.popup__content__data__tags .plus {
right: calc( 16px + ( var(--win_width) - 768px ) * ( (32 - 16) / ( 1440 - 768 ) ) );
top: -11px;
width: 64px;
height: 64px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30 33H0v-3h30V0h3v30h30v3H33v30h-3V33z' fill='url(%23paint0_linear_211_1249)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_211_1249' x1='9.844' y1='53.156' x2='17.088' y2='4.476' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2C3'/%3E%3Cstop offset='1' stop-color='%23364D58'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.popup .line.left {
left: calc( 208px + ( var(--win_width) - 768px ) * ( (269 - 208) / ( 1440 - 768 ) ) );
}
.popup .line.right {
right: calc( 88px + ( var(--win_width) - 768px ) * ( (117 - 88) / ( 1280 - 768 ) ) );
}
}
@media (min-width: 1280px) {
.popup__header::after {
width: calc( 109px + ( var(--win_width) - 1280px ) * ( (126 - 109) / ( 1440 - 1280 ) ) );
}
.popup .line.right {
right: calc( 109px + ( var(--win_width) - 1280px ) * ( (126 - 109) / ( 1440 - 1280 ) ) );
}
}
@media (min-width: 1440px) {
.popup { }
.popup__inner {
padding: 0;
}
.popup__header {
gap: calc( 56px + ( var(--win_width) - 1440px ) * ( (80 - 56) / ( 1920 - 1440 ) ) );
padding: calc( 160px + ( var(--win_width) - 1440px ) * ( (200 - 160) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 56px + ( var(--win_width) - 1440px ) * ( (96 - 56) / ( 1920 - 1440 ) ) );
}
.popup__header::before {
left: calc( 238px + ( var(--win_width) - 1440px ) * ( (270 - 238) / ( 1920 - 1440 ) ) );
}
.popup__header::after {
top: 0;
width: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
.popup__header__nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 200px + ( var(--win_width) - 1440px ) * ( (213 - 200) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 200px + ( var(--win_width) - 1440px ) * ( (213 - 200) / ( 1920 - 1440 ) ) );
}
.popup__header__nav .close {
font-size: calc( 13px + ( var(--win_width) - 1440px ) * ( (16 - 13) / ( 1920 - 1440 ) ) );
}
.popup__header__nav .close::before {
width: calc( 4px + ( var(--win_width) - 1440px ) * ( (6 - 4) / ( 1920 - 1440 ) ) );
height: calc( 4px + ( var(--win_width) - 1440px ) * ( (6 - 4) / ( 1920 - 1440 ) ) );
margin-bottom: calc( 1px + ( var(--win_width) - 1440px ) * ( (2 - 1) / ( 1920 - 1440 ) ) );
}
.popup__header__nav .info {
font-size: calc( 13px + ( var(--win_width) - 1440px ) * ( (16 - 13) / ( 1920 - 1440 ) ) );
line-height: calc( 13px + ( var(--win_width) - 1440px ) * ( (20 - 13) / ( 1920 - 1440 ) ) );
}
.popup__content {
padding: calc( 40px + ( var(--win_width) - 1440px ) * ( (64 - 40) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) 96px calc( 944px + ( var(--win_width) - 1440px ) * ( (1260 - 944) / ( 1920 - 1440 ) ) );
}
.popup__content::before {
bottom: 0;
width: calc( 269px + ( var(--win_width) - 1440px ) * ( (301 - 269) / ( 1920 - 1440 ) ) );
}
.popup__content__img {
position: absolute;
top: calc( 40px + ( var(--win_width) - 1440px ) * ( (64 - 40) / ( 1920 - 1440 ) ) );
left: calc( 320px + ( var(--win_width) - 1440px ) * ( (381 - 320) / ( 1920 - 1440 ) ) );
bottom: 96px;
width: calc( 560px + ( var(--win_width) - 1440px ) * ( (720 - 560) / ( 1920 - 1440 ) ) );
height: unset;
min-height: calc( 320px + ( var(--win_width) - 1440px ) * ( (440 - 320) / ( 1920 - 1440 ) ) );
}
.popup__content__data {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.popup__content__data p {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (26 - 20) / ( 1920 - 1440 ) ) );
line-height: calc( 28px + ( var(--win_width) - 1440px ) * ( (36 - 28) / ( 1920 - 1440 ) ) );
}
.popup__content__data__tags {
padding: 40px calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) 0 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.popup__content__data__tags::before {
left: calc( -944px + ( var(--win_width) - 1440px ) * ( (-1260 - -944) / ( 1920 - 1440 ) ) );
right: calc( -64px + ( var(--win_width) - 1440px ) * ( (-88 - -64) / ( 1920 - 1440 ) ) );
top: 0;
}
.popup__content__data__tags::after {
right: calc( -64px + ( var(--win_width) - 1440px ) * ( (-88 - -64) / ( 1920 - 1440 ) ) );
bottom: -96px;
top: 0px;
width: calc( 126px + ( var(--win_width) - 1440px ) * ( (174 - 126) / ( 1920 - 1440 ) ) );
}
.popup__content__data__tags .plus {
display: none;
}
.popup .line.left {
left: calc( 269px + ( var(--win_width) - 1440px ) * ( (301 - 269) / ( 1920 - 1440 ) ) );
}
.popup .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.popup { }
.popup__header {
gap: 4.16666667vw;
padding: 10.41666667vw 4.58333333vw 5vw;
}
.popup__header::before {
margin-left: -31px;
left: 15.67708333vw;
}
.popup__header::after {
width: 9.01041667vw;
}
.popup__header__nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 11.09375vw;
flex: 0 0 11.09375vw;
}
.popup__header__nav .close {
font-size: 0.83333333vw;
}
.popup__header__nav .close::before {
width: 0.3125vw;
height: 0.3125vw;
margin-bottom: 0.10416667vw;
}
.popup__header__nav .info {
font-size: 0.83333333vw;
line-height: 1.04166667vw;
}
.popup__content {
padding: 3.33333333vw 4.58333333vw 5vw 65.625vw;
}
.popup__content::before {
width: 15.67708333vw;
}
.popup__content__img {
top: 3.33333333vw;
left: 19.84375vw;
bottom: 5vw;
width: 37.5vw;
min-height: 22.91666667vw;
}
.popup__content__data p {
font-size: 1.35416667vw;
line-height: 1.875vw;
}
.popup__content__data__tags {
gap: 0.41666667vw;
padding: 2.08333333vw 4.58333333vw 0 0;
}
.popup__content__data__tags::before {
left: -65.625vw;
right: -4.58333333vw;
}
.popup__content__data__tags::after {
right: -4.58333333vw;
bottom: -5vw;
width: 9.0625vw;
}
.popup .line.left {
left: 15.67708333vw;
}
.popup .line.right {
right: 9.01041667vw;
}
}
@media (any-hover: hover) {
.popup__header__nav .close {
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, -webkit-transform 0.2s;
transition: transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
cursor: pointer;
}
.popup__header__nav .close:hover {
opacity: 0.8;
-webkit-transform: translate(-5%, 0);
transform: translate(-5%, 0);
}
}
.news { position: relative;
background: rgba(54, 77, 88, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.news.top-plus {
padding-top: 12.8vw;
}
.news h2 {
padding: 10.66666667vw 10.66666667vw 8.53333333vw;
position: relative;
}
.news h2::after {
content: '';
position: absolute;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 150%;
z-index: 1;
right: 0;
bottom: 0;
top: 0;
}
.news__list {
border-top: 1px solid rgba(54, 77, 88, 0.25);
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
padding: 0;
position: relative;
z-index: 20;
}
.news__list .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news__list .item {
padding: 0 0 0 5.6vw;
width: 94.4vw;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.news__list .item a {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
padding: 5.06666667vw;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.news__list .item__date {
color: #212121;
font-weight: 600;
font-variation-settings: 'wdth' 150;
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: 3.73333333vw;
line-height: 1;
}
.news__list .item h3 {
color: #212121;
font-weight: 300;
font-variation-settings: 'wdth' 120;
letter-spacing: 0;
text-transform: none;
font-size: 4.8vw;
line-height: 1.2;
}
.news__list .item__img {
margin-top: auto;
background-size: cover;
background-position: center;
height: 48vw;
}
.news__list .item__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #364D58;
padding-bottom: 2.66666667vw;
border-bottom: 2px solid rgba(54, 77, 88, 0.25);
font-size: 3.73333333vw;
line-height: 4.26666667vw;
font-variation-settings: 'wdth' 140;
font-weight: 500;
}
.news__list .item__link:after {
content: '';
display: inline-block;
width: 11px;
height: 19px;
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.015 17.985L9.5 9.5 1.015 1.015' stroke='%23364D58' stroke-width='2'/%3E%3C/svg%3E");
}
.news__list .item.empty {
display: none;
background: transparent;
}
.news__list__static {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.news__list__static .item + .item a {
border-top: 1px solid rgba(54, 77, 88, 0.25);
}
.news__list .static-plus-64 {
left: 5.6vw;
top: 0;
z-index: 21;
}
.news__list .static-plus-64.bottom {
right: 0;
left: unset;
top: unset;
bottom: -8.53333333vw;
width: 13.86666667vw;
}
.news__list .static-plus-64.cut1,
.news__list .static-plus-64.cut2 {
display: none;
}
.news__list::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 150%;
z-index: 1;
}
.news__list .owl-nav {
position: absolute;
top: -17.6vw;
right: 5.33333333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news__list .owl-nav button {
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news__list .owl-nav button span {
margin: 2.66666667vw;
width: 6.4vw;
height: 6.4vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.news__list .owl-nav button.disabled {
opacity: 0.5;
}
.news__btn {
padding: 8.53333333vw 10.66666667vw 10.66666667vw;
position: relative;
}
.news__btn::after {
content: '';
position: absolute;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 150%;
z-index: 1;
right: 0;
bottom: 0;
top: 0;
}
.news__btn.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 2.13333333vw;
}
.news__btn.pagination .page-numbers {
padding: 2.13333333vw;
color: #364D58;
}
.news__btn.pagination .page-numbers.current {
color: #A0A0A0;
}
.news .line.cut1,
.news .line.cut2 {
display: none;
}
@media (min-width: 375px) {
.news { }
.news.top-plus {
padding-top: calc( 48px + ( var(--win_width) - 375px ) * ( (56 - 48) / ( 768 - 375 ) ) );
}
.news h2 {
padding: 40px calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) 32px;
}
.news h2::after {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.news__list .item {
padding: 0 0 0 calc( 21px + ( var(--win_width) - 375px ) * ( (25 - 21) / ( 768 - 375 ) ) );
width: calc( 354px + ( var(--win_width) - 375px ) * ( (742 - 354) / ( 768 - 375 ) ) );
}
.news__list .item a {
gap: 28px;
padding: calc( 19px + ( var(--win_width) - 375px ) * ( (23 - 19) / ( 768 - 375 ) ) );
}
.news__list .item__date {
font-size: 14px;
}
.news__list .item h3 {
font-size: 18px;
}
.news__list .item__img {
height: 180px;
}
.news__list .item__link {
padding-top: calc( 0px + ( var(--win_width) - 375px ) * ( (6 - 0) / ( 768 - 375 ) ) );
padding-bottom: calc( 8px + ( var(--win_width) - 375px ) * ( (12 - 8) / ( 768 - 375 ) ) );
font-size: 14px;
line-height: 16px;
}
.news__list .static-plus-64 {
left: calc( 21px + ( var(--win_width) - 375px ) * ( (25 - 21) / ( 768 - 375 ) ) );
top: 0;
}
.news__list .static-plus-64.bottom {
right: 0;
left: unset;
top: unset;
bottom: -32px;
width: calc( 52px + ( var(--win_width) - 375px ) * ( (56 - 52) / ( 768 - 375 ) ) );
}
.news__list::before {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.news__list .owl-nav {
top: calc( -66px + ( var(--win_width) - 375px ) * ( (-75 - -66) / ( 768 - 375 ) ) );
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.news__list .owl-nav button span {
margin: 10px;
width: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
height: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.news__btn {
padding: 32px calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) 40px;
}
.news__btn::after {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.news__btn.pagination {
gap: calc( 8px + ( var(--win_width) - 375px ) * ( (12 - 8) / ( 768 - 375 ) ) );
}
.news__btn.pagination .page-numbers {
padding: calc( 8px + ( var(--win_width) - 375px ) * ( (12 - 8) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.news { }
.news.top-plus {
padding-top: calc( 56px + ( var(--win_width) - 768px ) * ( (64 - 56) / ( 1440 - 768 ) ) );
}
.news h2 {
padding: calc( 40px + ( var(--win_width) - 768px ) * ( (96 - 40) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) calc( 32px + ( var(--win_width) - 768px ) * ( (64 - 32) / ( 1440 - 768 ) ) );
}
.news h2::after {
width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
}
.news__list {
padding: 0 calc( 25px + ( var(--win_width) - 768px ) * ( (161 - 25) / ( 1440 - 768 ) ) );
z-index: 20;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.news__list .item {
padding: 0;
width: calc( 359px + ( var(--win_width) - 768px ) * ( (559 - 359) / ( 1440 - 768 ) ) );
}
.news__list .item a {
padding: calc( 23px + ( var(--win_width) - 768px ) * ( (32 - 23) / ( 1440 - 768 ) ) );
}
.news__list .item h3 {
font-size: calc( 18px + ( var(--win_width) - 768px ) * ( (24 - 18) / ( 1440 - 768 ) ) );
}
.news__list .item__img {
height: calc( 180px + ( var(--win_width) - 768px ) * ( (200 - 180) / ( 1440 - 768 ) ) );
}
.news__list .item__link {
padding-top: 6px;
padding-bottom: 12px;
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (16 - 14) / ( 1440 - 768 ) ) );
line-height: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
}
.news__list__static {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.news__list__static .item + .item a {
border-top: none;
}
.news__list__static .item:nth-child(n + 3) a {
border-top: 1px solid rgba(54, 77, 88, 0.25);
}
.news__list .static-plus-64 {
left: calc( 25px + ( var(--win_width) - 768px ) * ( (161 - 25) / ( 1440 - 768 ) ) );
}
.news__list .static-plus-64.bottom {
left: unset;
top: 0;
right: calc( 0px + ( var(--win_width) - 768px ) * ( (129 - 0) / ( 1440 - 768 ) ) );
bottom: unset;
width: calc( 56px + ( var(--win_width) - 768px ) * ( (63 - 56) / ( 1440 - 768 ) ) );
}
.news__list .static-plus-64.cut1 {
display: block;
top: unset;
bottom: -32px;
left: calc( 384px + ( var(--win_width) - 768px ) * ( (722 - 384) / ( 1440 - 768 ) ) );
z-index: 30;
}
.news__list::before {
width: calc( 24px + ( var(--win_width) - 768px ) * ( (160 - 24) / ( 1440 - 768 ) ) );
}
.news__list .owl-nav {
top: calc( -74px + ( var(--win_width) - 768px ) * ( (-121 - -74) / ( 1440 - 768 ) ) );
right: calc( -15px + ( var(--win_width) - 768px ) * ( (-114 - -15) / ( 1440 - 768 ) ) );
gap: calc( 0px + ( var(--win_width) - 768px ) * ( (20 - 0) / ( 1440 - 768 ) ) );
}
.news__list .owl-nav button span {
margin: calc( 10px + ( var(--win_width) - 768px ) * ( (9 - 10) / ( 1440 - 768 ) ) );
width: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
height: calc( 32px + ( var(--win_width) - 768px ) * ( (46 - 32) / ( 1440 - 768 ) ) );
}
.news__btn {
padding: calc( 32px + ( var(--win_width) - 768px ) * ( (64 - 32) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) calc( 40px + ( var(--win_width) - 768px ) * ( (64 - 40) / ( 1440 - 768 ) ) );
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.news__btn .btn {
position: relative;
z-index: 40;
}
.news__btn::after {
width: calc( 96px + ( var(--win_width) - 768px ) * ( (160 - 96) / ( 1440 - 768 ) ) );
}
.news__btn.pagination {
gap: calc( 12px + ( var(--win_width) - 768px ) * ( (16 - 12) / ( 1440 - 768 ) ) );
}
.news__btn.pagination .page-numbers {
padding: calc( 12px + ( var(--win_width) - 768px ) * ( (16 - 12) / ( 1440 - 768 ) ) );
}
.news .line.cut1 {
display: block;
left: calc( 383px + ( var(--win_width) - 768px ) * ( (721 - 383) / ( 1440 - 768 ) ) );
z-index: 30;
}
}
@media (min-width: 1440px) {
.news { }
.news.top-plus {
padding-top: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
}
.news h2 {
padding: calc( 96px + ( var(--win_width) - 1440px ) * ( (128 - 96) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (80 - 64) / ( 1920 - 1440 ) ) );
}
.news h2::after {
width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
.news__list {
padding: 0 calc( 161px + ( var(--win_width) - 1440px ) * ( (221 - 161) / ( 1920 - 1440 ) ) );
}
.news__list .item {
width: calc( 372.67px + ( var(--win_width) - 1440px ) * ( (492.67 - 372.67) / ( 1920 - 1440 ) ) );
}
.news__list .item a {
padding: calc( 32px + ( var(--win_width) - 1440px ) * ( (48 - 32) / ( 1920 - 1440 ) ) );
}
.news__list .item__date {
font-size: calc( 14px + ( var(--win_width) - 1440px ) * ( (16 - 14) / ( 1920 - 1440 ) ) );
}
.news__list .item h3 {
font-size: calc( 24px + ( var(--win_width) - 1440px ) * ( (32 - 24) / ( 1920 - 1440 ) ) );
line-height: calc( 28px + ( var(--win_width) - 1440px ) * ( (36 - 28) / ( 1920 - 1440 ) ) );
}
.news__list .item__img {
height: calc( 200px + ( var(--win_width) - 1440px ) * ( (228 - 200) / ( 1920 - 1440 ) ) );
}
.news__list .item__link {
font-size: 16px;
line-height: 20px;
}
.news__list .item:nth-child(3) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news__list__static {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.news__list__static .item + .item a {
border-top: none;
}
.news__list__static .item:nth-child(n + 4) a {
border-top: 1px solid rgba(54, 77, 88, 0.25);
}
.news__list .static-plus-64 {
left: calc( 161px + ( var(--win_width) - 1440px ) * ( (221 - 161) / ( 1920 - 1440 ) ) );
}
.news__list .static-plus-64.bottom {
top: unset;
right: calc( 129px + ( var(--win_width) - 1440px ) * ( (189 - 129) / ( 1920 - 1440 ) ) );
bottom: -32px;
width: 63px;
}
.news__list .static-plus-64.cut1 {
left: calc( 535px + ( var(--win_width) - 1440px ) * ( (715 - 535) / ( 1920 - 1440 ) ) );
}
.news__list .static-plus-64.cut2 {
display: block;
left: calc( 907px + ( var(--win_width) - 1440px ) * ( (1207 - 907) / ( 1920 - 1440 ) ) );
}
.news__list::before {
width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
.news__list .owl-nav {
top: calc( -121px + ( var(--win_width) - 1440px ) * ( (-141 - -121) / ( 1920 - 1440 ) ) );
right: calc( -114px + ( var(--win_width) - 1440px ) * ( (-150 - -114) / ( 1920 - 1440 ) ) );
gap: calc( 20px + ( var(--win_width) - 1440px ) * ( (40 - 20) / ( 1920 - 1440 ) ) );
}
.news__list .owl-nav button span {
margin: 9px;
width: 46px;
height: 46px;
}
.news__btn {
padding: calc( 64px + ( var(--win_width) - 1440px ) * ( (80 - 64) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (80 - 64) / ( 1920 - 1440 ) ) ) calc( 64px + ( var(--win_width) - 1440px ) * ( (80 - 64) / ( 1920 - 1440 ) ) );
}
.news__btn::after {
width: calc( 160px + ( var(--win_width) - 1440px ) * ( (220 - 160) / ( 1920 - 1440 ) ) );
}
.news__btn.pagination {
gap: 16px;
}
.news__btn.pagination .page-numbers {
padding: 16px;
}
.news .line.cut1 {
left: calc( 534px + ( var(--win_width) - 1440px ) * ( (714 - 534) / ( 1920 - 1440 ) ) );
}
.news .line.cut2 {
display: block;
left: calc( 906px + ( var(--win_width) - 1440px ) * ( (1206 - 906) / ( 1920 - 1440 ) ) );
z-index: 30;
}
}
@media (min-width: 1920px) {
.news { }
.news.top-plus {
padding-top: 4.58333333vw;
}
.news h2 {
padding: 6.66666667vw 4.58333333vw 4.16666667vw;
}
.news h2::after {
width: 11.45833333vw;
}
.news__list {
padding: 0 11.51041667vw;
}
.news__list .item {
width: 25.65989583vw;
}
.news__list .item a {
gap: 1.45833333vw;
padding: 2.5vw;
}
.news__list .item__date {
font-size: 0.83333333vw;
}
.news__list .item h3 {
font-size: 1.66666667vw;
line-height: 1.875vw;
}
.news__list .item__img {
height: 11.875vw;
margin-top: 0.3125vw;
}
.news__list .item__link {
padding-top: 0.3125vw;
font-size: 0.83333333vw;
line-height: 1.04166667vw;
}
.news__list .static-plus-64 {
left: 11.51041667vw;
}
.news__list .static-plus-64.bottom {
right: 11.45833333vw;
bottom: -32px;
margin: 0 -31px 0 0;
}
.news__list .static-plus-64.cut1 {
left: calc( ((715 - (var(--win_scrollwidth) / 3)) / 1920) * 100vw );
}
.news__list .static-plus-64.cut2 {
left: calc( ((1207 - (var(--win_scrollwidth) / 1.5)) / 1920) * 100vw );
}
.news__list::before {
width: 11.45833333vw;
}
.news__list .owl-nav {
top: -7.34375vw;
right: -7.8125vw;
gap: 2.08333333vw;
}
.news__list .owl-nav button span {
margin: 0.46875vw;
width: 2.39583333vw;
height: 2.39583333vw;
}
.news__btn {
padding: 4.16666667vw 4.16666667vw 3.33333333vw;
}
.news__btn::after {
width: 11.45833333vw;
}
.news__btn.pagination {
gap: 0.83333333vw;
}
.news__btn.pagination .page-numbers {
padding: 0.83333333vw;
}
.news .line.cut1 {
left: calc( ((714 - (var(--win_scrollwidth) / 3)) / 1920) * 100vw );
}
.news .line.cut2 {
left: calc( ((1206 - (var(--win_scrollwidth) / 1.5)) / 1920) * 100vw );
}
}
@media (any-hover: hover) {
.news__list .item h3 {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.news__list .item__link {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.news__list .item__link::after {
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.news__list .item:hover .item__link,
.news__list .item:hover h3 {
opacity: 0.8;
}
.news__list .item:hover .item__link::after {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.formpopup { background: #364D58;
color: rgba(255, 255, 255, 0.75);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10.66666667vw;
padding: 10.66666667vw 8.53333333vw;
max-width: 640px;
display: none;
}
.formpopup h2 {
color: rgba(255, 255, 255, 0.75);
}
.formpopup .form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4.26666667vw;
position: relative;
}
.formpopup .form__btn {
margin-top: 5.33333333vw;
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;
gap: 3.2vw;
}
.formpopup .form p {
color: rgba(255, 255, 255, 0.75);
text-align: center;
font-size: 3.46666667vw;
line-height: 1.25;
}
.formpopup .form p a {
color: rgba(255, 255, 255, 0.75);
text-decoration: underline;
}
.formpopup .f-button.is-close-btn {
background: none;
border-radius: 0;
width: 10.66666667vw;
height: 10.66666667vw;
right: 8.53333333vw !important;
top: 10.66666667vw !important;
}
.formpopup .f-button.is-close-btn::after,
.formpopup .f-button.is-close-btn::before {
content: '';
display: block;
width: 2px;
height: 10.66666667vw;
background: #fff;
position: absolute;
left: 5.33333333vw;
top: 0;
}
.formpopup .f-button.is-close-btn::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.formpopup .f-button.is-close-btn::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.formpopup .f-button.is-close-btn svg {
display: none;
}
@media (min-width: 375px) {
.formpopup { gap: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
padding: 40px 32px;
max-width: calc( 320px + ( var(--win_width) - 375px ) * ( (480 - 320) / ( 768 - 375 ) ) );
}
.formpopup .form {
gap: 16px;
}
.formpopup .form__btn {
margin-top: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
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;
gap: calc( 12px + ( var(--win_width) - 375px ) * ( (16 - 12) / ( 768 - 375 ) ) );
}
.formpopup .form p {
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (14 - 13) / ( 768 - 375 ) ) );
}
.formpopup .f-button.is-close-btn {
width: 40px;
height: 40px;
right: 32px !important;
top: 40px !important;
}
.formpopup .f-button.is-close-btn::after,
.formpopup .f-button.is-close-btn::before {
height: 40px;
left: 20px;
}
}
@media (min-width: 768px) {
.formpopup { gap: calc( 48px + ( var(--win_width) - 768px ) * ( (56 - 48) / ( 1440 - 768 ) ) );
padding: calc( 40px + ( var(--win_width) - 768px ) * ( (56 - 40) / ( 1440 - 768 ) ) ) calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) );
max-width: calc( 480px + ( var(--win_width) - 768px ) * ( (640 - 480) / ( 1440 - 768 ) ) );
}
.formpopup .form {
gap: 16px;
}
.formpopup .form .btn {
margin-top: 0;
}
.formpopup .form__btn {
margin-top: calc( 24px + ( var(--win_width) - 768px ) * ( (32 - 24) / ( 1440 - 768 ) ) );
gap: calc( 16px + ( var(--win_width) - 768px ) * ( (20 - 16) / ( 1440 - 768 ) ) );
}
.formpopup .form p {
font-size: calc( 14px + ( var(--win_width) - 768px ) * ( (15 - 14) / ( 1440 - 768 ) ) );
}
.formpopup .f-button.is-close-btn {
right: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) ) !important;
top: calc( 40px + ( var(--win_width) - 768px ) * ( (56 - 40) / ( 1440 - 768 ) ) ) !important;
}
}
@media (min-width: 1440px) {
.formpopup { gap: calc( 56px + ( var(--win_width) - 1440px ) * ( (60 - 56) / ( 1920 - 1440 ) ) );
padding: calc( 56px + ( var(--win_width) - 1440px ) * ( (70 - 56) / ( 1920 - 1440 ) ) ) calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) ) calc( 56px + ( var(--win_width) - 1440px ) * ( (75 - 56) / ( 1920 - 1440 ) ) );
max-width: 640px;
}
.formpopup .form {
gap: calc( 16px + ( var(--win_width) - 1440px ) * ( (20 - 16) / ( 1920 - 1440 ) ) );
}
.formpopup .form .btn {
margin-top: 0;
}
.formpopup .form__btn {
margin-top: calc( 32px + ( var(--win_width) - 1440px ) * ( (42 - 32) / ( 1920 - 1440 ) ) );
gap: 20px;
}
.formpopup .form p {
font-size: calc( 15px + ( var(--win_width) - 1440px ) * ( (16 - 15) / ( 1920 - 1440 ) ) );
}
.formpopup .f-button.is-close-btn {
right: calc( 40px + ( var(--win_width) - 1440px ) * ( (48 - 40) / ( 1920 - 1440 ) ) ) !important;
top: calc( 56px + ( var(--win_width) - 1440px ) * ( (80 - 56) / ( 1920 - 1440 ) ) ) !important;
}
}
@media (min-width: 1920px) {
.formpopup { gap: 3.125vw;
padding: 3.64583333vw 2.5vw 3.90625vw;
max-width: 33.33333333vw;
}
.formpopup .form {
gap: 1.04166667vw;
}
.formpopup .form__btn {
margin-top: 2.1875vw;
gap: 1.04166667vw;
}
.formpopup .form p {
font-size: 0.83333333vw;
}
.formpopup .f-button.is-close-btn {
right: 2.5vw !important;
top: 4.16666667vw !important;
}
}
.inner-header { 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;
gap: 10.66666667vw;
padding: 23.46666667vw 10.66666667vw 5.33333333vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.inner-header .static-plus-64 {
left: 5.6vw;
bottom: -8.53333333vw;
}
.inner-header::after {
content: '';
position: absolute;
right: 0;
bottom: 0;
top: -23.46666667vw;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 100%;
z-index: 1;
}
.inner-header__side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.inner-header__side .close {
font-variation-settings: 'wdth' 150;
font-weight: 700;
text-transform: uppercase;
font-size: 3.46666667vw;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.13333333vw;
color: #364D58;
}
.inner-header__side .close::before {
content: '';
display: inline-block;
width: 1.06666667vw;
height: 1.06666667vw;
border-left: 2px solid #212121;
border-bottom: 2px solid #212121;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-bottom: 0.26666667vw;
}
.inner-header__side .info {
font-variation-settings: 'wdth' 150;
font-weight: 600;
text-transform: uppercase;
color: rgba(54, 77, 88, 0.5);
font-size: 3.46666667vw;
line-height: 1;
}
.inner-header__side .info.close {
color: #364D58;
}
@media (min-width: 375px) {
.inner-header { gap: 40px;
padding: calc( 88px + ( var(--win_width) - 375px ) * ( (160 - 88) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (72 - 20) / ( 768 - 375 ) ) );
}
.inner-header .static-plus-64 {
left: calc( 21px + ( var(--win_width) - 375px ) * ( (25 - 21) / ( 768 - 375 ) ) );
bottom: -32px;
}
.inner-header::after {
top: calc( -88px + ( var(--win_width) - 375px ) * ( (-160 - -88) / ( 768 - 375 ) ) );
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-header__side .close {
font-size: 13px;
gap: 8px;
}
.inner-header__side .close::before {
width: 4px;
height: 4px;
margin-bottom: 1px;
}
.inner-header__side .info {
font-size: 13px;
}
.inner-header .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-header .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-header { -webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
padding: 160px calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) ) calc( 72px + ( var(--win_width) - 768px ) * ( (96 - 72) / ( 1440 - 768 ) ) ) calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) );
}
.inner-header .static-plus-64 {
left: calc( 25px + ( var(--win_width) - 768px ) * ( (65 - 25) / ( 1440 - 768 ) ) );
bottom: -32px;
}
.inner-header::after {
top: -160px;
width: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-header__side {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 140px + ( var(--win_width) - 768px ) * ( (160 - 140) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 140px + ( var(--win_width) - 768px ) * ( (160 - 140) / ( 1440 - 768 ) ) );
padding: calc( 6px + ( var(--win_width) - 768px ) * ( (8 - 6) / ( 1440 - 768 ) ) ) 0;
}
.inner-header h1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-header .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-header .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-header { gap: calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) );
padding: calc( 160px + ( var(--win_width) - 1440px ) * ( (228 - 160) / ( 1920 - 1440 ) ) ) calc( 168px + ( var(--win_width) - 1440px ) * ( (239 - 168) / ( 1920 - 1440 ) ) ) 96px calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
}
.inner-header .static-plus-64 {
left: calc( 244px + ( var(--win_width) - 1440px ) * ( (302 - 244) / ( 1920 - 1440 ) ) );
bottom: -32px;
}
.inner-header::after {
width: calc( 126px + ( var(--win_width) - 1440px ) * ( (172 - 126) / ( 1920 - 1440 ) ) );
}
.inner-header__side {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 179px + ( var(--win_width) - 1440px ) * ( (213 - 179) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 179px + ( var(--win_width) - 1440px ) * ( (213 - 179) / ( 1920 - 1440 ) ) );
padding: calc( 8px + ( var(--win_width) - 1440px ) * ( (14 - 8) / ( 1920 - 1440 ) ) ) 0;
}
.inner-header__side .close {
font-size: calc( 13px + ( var(--win_width) - 1440px ) * ( (16 - 13) / ( 1920 - 1440 ) ) );
}
.inner-header__side .info {
font-size: calc( 13px + ( var(--win_width) - 1440px ) * ( (16 - 13) / ( 1920 - 1440 ) ) );
}
.inner-header .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-header .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-header { gap: 4.16666667vw;
padding: 11.875vw 12.44791667vw 5vw 4.58333333vw;
}
.inner-header .static-plus-64 {
left: 15.72916667vw;
}
.inner-header::after {
top: -11.875vw;
width: 9.01041667vw;
}
.inner-header__side {
gap: 0.83333333vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 11.09375vw;
flex: 0 0 11.09375vw;
padding: 0.72916667vw 0;
}
.inner-header__side .close {
font-size: 0.83333333vw;
gap: 0.41666667vw;
}
.inner-header__side .close::before {
width: 0.20833333vw;
height: 0.20833333vw;
margin-bottom: 0.05208333vw;
}
.inner-header__side .info {
font-size: 0.83333333vw;
}
.inner-header .line.left {
left: 15.67708333vw;
}
.inner-header .line.right {
right: 9.01041667vw;
}
}
.inner-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: 6.4vw;
padding: 5.33333333vw 10.66666667vw 4.26666667vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.inner-content::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 100%;
z-index: 1;
}
.inner-content__img {
width: 100%;
height: 64vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 64vw;
flex: 0 0 64vw;
background-size: cover;
background-position: center;
position: relative;
z-index: 104;
}
.inner-content__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4.26666667vw;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-content__data p {
font-size: 3.2vw;
line-height: 140%;
-ms-hyphens: auto;
hyphens: auto;
}
.inner-content__data__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 2.13333333vw;
margin-top: auto;
}
.inner-content .static-plus-64 {
right: 0;
bottom: -8.53333333vw;
width: 13.86666667vw;
}
@media (min-width: 375px) {
.inner-content { gap: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
padding: calc( 20px + ( var(--win_width) - 375px ) * ( (40 - 20) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) ) calc( 16px + ( var(--win_width) - 375px ) * ( (40 - 16) / ( 768 - 375 ) ) );
}
.inner-content::before {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-content__img {
height: calc( 240px + ( var(--win_width) - 375px ) * ( (420 - 240) / ( 768 - 375 ) ) );
}
.inner-content__data {
gap: calc( 16px + ( var(--win_width) - 375px ) * ( (32 - 16) / ( 768 - 375 ) ) );
}
.inner-content__data p {
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) );
line-height: 140%;
}
.inner-content__data__tags {
gap: 8px;
}
.inner-content .static-plus-64 {
right: 0;
bottom: -32px;
width: calc( 52px + ( var(--win_width) - 375px ) * ( (56 - 52) / ( 768 - 375 ) ) );
}
.inner-content .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-content .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-content { -webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
gap: calc( 32px + ( var(--win_width) - 768px ) * ( (56 - 32) / ( 1440 - 768 ) ) );
padding: 40px calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) ) 40px;
}
.inner-content::before {
width: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-content__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 360px + ( var(--win_width) - 768px ) * ( (510 - 360) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 360px + ( var(--win_width) - 768px ) * ( (510 - 360) / ( 1440 - 768 ) ) );
height: unset;
}
.inner-content__data {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-content__data p {
font-size: 20px;
}
.inner-content .static-plus-64 {
right: calc( 0px + ( var(--win_width) - 768px ) * ( (33 - 0) / ( 1440 - 768 ) ) );
bottom: -32px;
width: calc( 56px + ( var(--win_width) - 768px ) * ( (63 - 56) / ( 1440 - 768 ) ) );
}
.inner-content .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-content .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-content { gap: calc( 56px + ( var(--win_width) - 1440px ) * ( (76 - 56) / ( 1920 - 1440 ) ) );
padding: calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 168px + ( var(--win_width) - 1440px ) * ( (239 - 168) / ( 1920 - 1440 ) ) ) calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 282px + ( var(--win_width) - 1440px ) * ( (382 - 282) / ( 1920 - 1440 ) ) );
}
.inner-content::before {
width: calc( 244px + ( var(--win_width) - 1440px ) * ( (302 - 244) / ( 1920 - 1440 ) ) );
}
.inner-content__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 510px + ( var(--win_width) - 1440px ) * ( (720 - 510) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 510px + ( var(--win_width) - 1440px ) * ( (720 - 510) / ( 1920 - 1440 ) ) );
}
.inner-content__data {
gap: calc( 32px + ( var(--win_width) - 1440px ) * ( (56 - 32) / ( 1920 - 1440 ) ) );
}
.inner-content__data p {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
}
.inner-content .static-plus-64 {
right: calc( 95px + ( var(--win_width) - 1440px ) * ( (142 - 95) / ( 1920 - 1440 ) ) );
bottom: -32px;
width: 63px;
}
.inner-content .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-content .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-content { gap: 3.95833333vw;
padding: 4.16666667vw 12.44791667vw 4.16666667vw 19.89583333vw;
}
.inner-content::before {
width: 15.72916667vw;
}
.inner-content__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 37.5vw;
flex: 0 0 37.5vw;
}
.inner-content__data {
gap: 2.91666667vw;
}
.inner-content__data p {
font-size: 1.25vw;
}
.inner-content__data__tags {
gap: 0.41666667vw;
}
.inner-content .static-plus-64 {
right: 9.01041667vw;
bottom: -32px;
margin: 0 -31px 0 0;
width: 63px;
}
.inner-content .line.left {
left: 15.67708333vw;
}
.inner-content .line.right {
right: 9.01041667vw;
}
}
.inner-subheader { position: relative;
z-index: 3;
padding: 10.66666667vw 10.66666667vw 5.33333333vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.inner-subheader h2 {
font-size: 5.33333333vw;
line-height: 6.4vw;
}
.inner-subheader::after {
content: '';
position: absolute;
right: 0;
bottom: 0;
top: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 150%;
z-index: 1;
}
.inner-subheader .static-plus-64 {
left: 5.6vw;
bottom: -8.53333333vw;
}
@media (min-width: 375px) {
.inner-subheader { padding: calc( 40px + ( var(--win_width) - 375px ) * ( (72 - 40) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (40 - 20) / ( 768 - 375 ) ) );
}
.inner-subheader h2 {
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (40 - 24) / ( 768 - 375 ) ) );
}
.inner-subheader .static-plus-64 {
left: calc( 21px + ( var(--win_width) - 375px ) * ( (25 - 21) / ( 768 - 375 ) ) );
bottom: -32px;
}
.inner-subheader::after {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-subheader .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-subheader .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-subheader { padding: calc( 72px + ( var(--win_width) - 768px ) * ( (96 - 72) / ( 1440 - 768 ) ) ) calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) ) 40px;
}
.inner-subheader h2 {
font-size: calc( 32px + ( var(--win_width) - 768px ) * ( (36 - 32) / ( 1440 - 768 ) ) );
line-height: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
}
.inner-subheader .static-plus-64 {
left: calc( 25px + ( var(--win_width) - 768px ) * ( (65 - 25) / ( 1440 - 768 ) ) );
bottom: -32px;
}
.inner-subheader::after {
width: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-subheader .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-subheader .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-subheader { padding: calc( 96px + ( var(--win_width) - 1440px ) * ( (164 - 96) / ( 1920 - 1440 ) ) ) calc( 169px + ( var(--win_width) - 1440px ) * ( (254 - 169) / ( 1920 - 1440 ) ) ) calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 282px + ( var(--win_width) - 1440px ) * ( (382 - 282) / ( 1920 - 1440 ) ) );
}
.inner-subheader h2 {
font-size: calc( 36px + ( var(--win_width) - 1440px ) * ( (48 - 36) / ( 1920 - 1440 ) ) );
line-height: calc( 44px + ( var(--win_width) - 1440px ) * ( (56 - 44) / ( 1920 - 1440 ) ) );
}
.inner-subheader .static-plus-64 {
left: calc( 244px + ( var(--win_width) - 1440px ) * ( (302 - 244) / ( 1920 - 1440 ) ) );
bottom: -32px;
}
.inner-subheader::after {
width: calc( 127px + ( var(--win_width) - 1440px ) * ( (173 - 127) / ( 1920 - 1440 ) ) );
}
.inner-subheader .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-subheader .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-subheader { padding: 8.54166667vw 13.22916667vw 4.16666667vw 19.89583333vw;
}
.inner-subheader h2 {
font-size: 2.5vw;
line-height: 2.91666667vw;
}
.inner-subheader .static-plus-64 {
left: 15.72916667vw;
bottom: -32px;
}
.inner-subheader::after {
width: 9.01041667vw;
}
.inner-subheader .line.left {
left: 15.67708333vw;
}
.inner-subheader .line.right {
right: 9.01041667vw;
}
}
.inner-numlist { position: relative;
z-index: 3;
padding: 0 5.33333333vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-numlist__item {
padding: 10.66666667vw 7.46666667vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
}
.inner-numlist__item:last-child {
border-bottom: none;
}
.inner-numlist__item__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3.2vw;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.inner-numlist__item__header .num {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.8vw;
flex: 0 0 12.8vw;
font-weight: 300;
font-size: 6.4vw;
line-height: 1;
letter-spacing: -0.05em;
color: #00B2C3;
}
.inner-numlist__item__header h3 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
color: #212121;
font-weight: 400;
font-variation-settings: 'wdth' 120;
text-transform: none;
font-size: 6.4vw;
line-height: 1;
letter-spacing: 0;
}
.inner-numlist__item__data ol {
list-style: none;
padding: 0;
margin: 0;
}
.inner-numlist__item__data ol li {
position: relative;
padding-left: 16vw;
margin-bottom: 5.33333333vw;
font-weight: 400;
font-size: 4.26666667vw;
line-height: 140%;
color: #212121;
}
.inner-numlist__item__data ol li .num {
font-weight: 500;
font-size: 3.2vw;
line-height: 1;
color: rgba(54, 77, 88, 0.5);
position: absolute;
left: 0;
top: 1.06666667vw;
}
.inner-numlist::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 100%;
z-index: 1;
}
.inner-numlist .static-plus-64 {
right: 0;
bottom: -8.53333333vw;
width: 13.86666667vw;
}
@media (min-width: 375px) {
.inner-numlist { padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-numlist__item {
padding: calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) ) calc( 28px + ( var(--win_width) - 375px ) * ( (32 - 28) / ( 768 - 375 ) ) );
gap: calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
}
.inner-numlist__item__header {
gap: 12px;
}
.inner-numlist__item__header .num {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 48px + ( var(--win_width) - 375px ) * ( (80 - 48) / ( 768 - 375 ) ) );
flex: 0 0 calc( 48px + ( var(--win_width) - 375px ) * ( (80 - 48) / ( 768 - 375 ) ) );
font-size: calc( 24px + ( var(--win_width) - 375px ) * ( (40 - 24) / ( 768 - 375 ) ) );
}
.inner-numlist__item__header h3 {
font-size: calc( 24px + ( var(--win_width) - 375px ) * ( (40 - 24) / ( 768 - 375 ) ) );
}
.inner-numlist__item__data ol li {
padding-left: calc( 60px + ( var(--win_width) - 375px ) * ( (92 - 60) / ( 768 - 375 ) ) );
margin-bottom: 20px;
font-size: calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
line-height: calc( 22.4px + ( var(--win_width) - 375px ) * ( (26 - 22.4) / ( 768 - 375 ) ) );
}
.inner-numlist__item__data ol li .num {
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (24 - 12) / ( 768 - 375 ) ) );
top: calc( 4px + ( var(--win_width) - 375px ) * ( (3 - 4) / ( 768 - 375 ) ) );
}
.inner-numlist::after {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-numlist .static-plus-64 {
right: 0;
bottom: -32px;
width: calc( 52px + ( var(--win_width) - 375px ) * ( (56 - 52) / ( 768 - 375 ) ) );
}
.inner-numlist .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-numlist .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-numlist { padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-numlist__item {
padding: 48px calc( 32px + ( var(--win_width) - 768px ) * ( (28 - 32) / ( 1440 - 768 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 40px;
}
.inner-numlist__item__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 258px + ( var(--win_width) - 768px ) * ( (438 - 258) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 258px + ( var(--win_width) - 768px ) * ( (438 - 258) / ( 1440 - 768 ) ) );
}
.inner-numlist__item__header .num {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
font-size: calc( 40px + ( var(--win_width) - 768px ) * ( (80 - 40) / ( 1440 - 768 ) ) );
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: auto;
}
.inner-numlist__item__header h3 {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
font-size: calc( 28px + ( var(--win_width) - 768px ) * ( (40 - 28) / ( 1440 - 768 ) ) );
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.inner-numlist__item__data {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-numlist__item__data ol li {
padding-left: calc( 92px + ( var(--win_width) - 768px ) * ( (85 - 92) / ( 1440 - 768 ) ) );
margin-bottom: calc( 20px + ( var(--win_width) - 768px ) * ( (28 - 20) / ( 1440 - 768 ) ) );
font-size: calc( 20px + ( var(--win_width) - 768px ) * ( (22 - 20) / ( 1440 - 768 ) ) );
line-height: calc( 26px + ( var(--win_width) - 768px ) * ( (32 - 26) / ( 1440 - 768 ) ) );
}
.inner-numlist__item__data ol li .num {
font-size: calc( 24px + ( var(--win_width) - 768px ) * ( (25 - 24) / ( 1440 - 768 ) ) );
top: calc( 3px + ( var(--win_width) - 768px ) * ( (4 - 3) / ( 1440 - 768 ) ) );
}
.inner-numlist__item__data ol li:last-child {
margin-bottom: 0;
}
.inner-numlist::after {
width: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-numlist .static-plus-64 {
right: calc( 0px + ( var(--win_width) - 768px ) * ( (33 - 0) / ( 1440 - 768 ) ) );
bottom: -32px;
width: calc( 56px + ( var(--win_width) - 768px ) * ( (63 - 56) / ( 1440 - 768 ) ) );
}
.inner-numlist .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-numlist .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-numlist { padding: 0 calc( 126px + ( var(--win_width) - 1440px ) * ( (174 - 126) / ( 1920 - 1440 ) ) ) 0 calc( 243px + ( var(--win_width) - 1440px ) * ( (302 - 243) / ( 1920 - 1440 ) ) );
}
.inner-numlist__item {
padding: calc( 48px + ( var(--win_width) - 1440px ) * ( (80 - 48) / ( 1920 - 1440 ) ) ) calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) );
}
.inner-numlist__item__header {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 438px + ( var(--win_width) - 1440px ) * ( (669 - 438) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 438px + ( var(--win_width) - 1440px ) * ( (669 - 438) / ( 1920 - 1440 ) ) );
}
.inner-numlist__item__header .num {
font-size: 80px;
}
.inner-numlist__item__header h3 {
font-size: 40px;
}
.inner-numlist__item__data ol li {
padding-left: calc( 85px + ( var(--win_width) - 1440px ) * ( (87 - 85) / ( 1920 - 1440 ) ) );
margin-bottom: 28px;
font-size: calc( 22px + ( var(--win_width) - 1440px ) * ( (26 - 22) / ( 1920 - 1440 ) ) );
line-height: calc( 32px + ( var(--win_width) - 1440px ) * ( (36 - 32) / ( 1920 - 1440 ) ) );
}
.inner-numlist__item__data ol li .num {
font-size: calc( 25px + ( var(--win_width) - 1440px ) * ( (26 - 25) / ( 1920 - 1440 ) ) );
top: calc( 4px + ( var(--win_width) - 1440px ) * ( (4 - 4) / ( 1920 - 1440 ) ) );
}
.inner-numlist::after {
width: calc( 242px + ( var(--win_width) - 1440px ) * ( (302 - 242) / ( 1920 - 1440 ) ) );
}
.inner-numlist .static-plus-64 {
right: calc( 95px + ( var(--win_width) - 1440px ) * ( (142 - 95) / ( 1920 - 1440 ) ) );
bottom: -32px;
width: 63px;
}
.inner-numlist .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-numlist .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-numlist { padding: 0 9.0625vw 0 15.72916667vw;
}
.inner-numlist__item {
padding: 4.16666667vw 4.16666667vw;
gap: 2.08333333vw;
}
.inner-numlist__item__header {
gap: 0.625vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 34.84375vw;
flex: 0 0 34.84375vw;
}
.inner-numlist__item__header .num {
font-size: 4.16666667vw;
}
.inner-numlist__item__header h3 {
font-size: 2.08333333vw;
}
.inner-numlist__item__data ol li {
padding-left: 4.53125vw;
margin-bottom: 1.45833333vw;
font-size: 1.35416667vw;
line-height: 1.875vw;
}
.inner-numlist__item__data ol li .num {
font-size: 1.35416667vw;
top: 0.20833333vw;
}
.inner-numlist::after {
width: 15.72916667vw;
}
.inner-numlist .static-plus-64 {
right: 9.01041667vw;
bottom: -32px;
margin: 0 -31px 0 0;
width: 63px;
}
.inner-numlist .line.left {
left: 15.67708333vw;
}
.inner-numlist .line.right {
right: 9.01041667vw;
}
}
.inner-subcontent { position: relative;
z-index: 3;
padding: 10.66666667vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 7.46666667vw;
}
.inner-subcontent h2 {
font-size: 5.33333333vw;
line-height: 6.4vw;
}
.inner-subcontent__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-subcontent__data__img {
width: 100%;
height: 64vw;
background-size: cover;
background-position: center;
position: relative;
z-index: 104;
margin-bottom: 7.46666667vw;
}
.inner-subcontent__data p {
font-size: 3.2vw;
line-height: 140%;
-ms-hyphens: auto;
hyphens: auto;
}
.inner-subcontent__data p + p {
margin-top: 3.2vw;
}
.inner-subcontent .static-plus-64 {
left: 5.6vw;
bottom: -8.53333333vw;
}
@media (min-width: 375px) {
.inner-subcontent { padding: calc( 40px + ( var(--win_width) - 375px ) * ( (72 - 40) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) );
gap: calc( 28px + ( var(--win_width) - 375px ) * ( (40 - 28) / ( 768 - 375 ) ) );
}
.inner-subcontent h2 {
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (40 - 24) / ( 768 - 375 ) ) );
}
.inner-subcontent__data__img {
height: calc( 240px + ( var(--win_width) - 375px ) * ( (420 - 240) / ( 768 - 375 ) ) );
margin-bottom: calc( 28px + ( var(--win_width) - 375px ) * ( (32 - 28) / ( 768 - 375 ) ) );
}
.inner-subcontent__data p {
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) );
}
.inner-subcontent__data p + p {
margin-top: calc( 12px + ( var(--win_width) - 375px ) * ( (32 - 12) / ( 768 - 375 ) ) );
}
.inner-subcontent .static-plus-64 {
left: calc( 21px + ( var(--win_width) - 375px ) * ( (25 - 21) / ( 768 - 375 ) ) );
bottom: -32px;
}
.inner-subcontent .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-subcontent .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-subcontent { padding: calc( 72px + ( var(--win_width) - 768px ) * ( (96 - 72) / ( 1440 - 768 ) ) ) calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) ) 72px;
gap: 40px;
}
.inner-subcontent.noheader {
padding: calc( 72px + ( var(--win_width) - 768px ) * ( (40 - 72) / ( 1440 - 768 ) ) ) calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) );
}
.inner-subcontent h2 {
font-size: calc( 32px + ( var(--win_width) - 768px ) * ( (36 - 32) / ( 1440 - 768 ) ) );
line-height: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
}
.inner-subcontent__data {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: calc( 32px + ( var(--win_width) - 768px ) * ( (56 - 32) / ( 1440 - 768 ) ) );
}
.inner-subcontent__data__img {
height: unset;
margin-bottom: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 249px + ( var(--win_width) - 768px ) * ( (424 - 249) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 249px + ( var(--win_width) - 768px ) * ( (424 - 249) / ( 1440 - 768 ) ) );
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.inner-subcontent__data__text {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.inner-subcontent__data p {
font-size: 20px;
}
.inner-subcontent__data p + p {
margin-top: calc( 32px + ( var(--win_width) - 768px ) * ( (28 - 32) / ( 1440 - 768 ) ) );
}
.inner-subcontent .static-plus-64 {
left: calc( 25px + ( var(--win_width) - 768px ) * ( (65 - 25) / ( 1440 - 768 ) ) );
bottom: -32px;
}
.inner-subcontent .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-subcontent .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-subcontent { padding: calc( 96px + ( var(--win_width) - 1440px ) * ( (160 - 96) / ( 1920 - 1440 ) ) ) calc( 169px + ( var(--win_width) - 1440px ) * ( (254 - 169) / ( 1920 - 1440 ) ) ) calc( 72px + ( var(--win_width) - 1440px ) * ( (80 - 72) / ( 1920 - 1440 ) ) ) calc( 282px + ( var(--win_width) - 1440px ) * ( (382 - 282) / ( 1920 - 1440 ) ) );
}
.inner-subcontent.noheader {
padding: calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 169px + ( var(--win_width) - 1440px ) * ( (254 - 169) / ( 1920 - 1440 ) ) ) calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 282px + ( var(--win_width) - 1440px ) * ( (382 - 282) / ( 1920 - 1440 ) ) );
}
.inner-subcontent h2 {
font-size: calc( 36px + ( var(--win_width) - 1440px ) * ( (48 - 36) / ( 1920 - 1440 ) ) );
line-height: calc( 44px + ( var(--win_width) - 1440px ) * ( (56 - 44) / ( 1920 - 1440 ) ) );
}
.inner-subcontent__data {
gap: calc( 56px + ( var(--win_width) - 1440px ) * ( (64 - 56) / ( 1920 - 1440 ) ) );
}
.inner-subcontent__data__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 424px + ( var(--win_width) - 1440px ) * ( (486 - 424) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 424px + ( var(--win_width) - 1440px ) * ( (486 - 424) / ( 1920 - 1440 ) ) );
}
.inner-subcontent__data p {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (26 - 20) / ( 1920 - 1440 ) ) );
}
.inner-subcontent__data p + p {
margin-top: calc( 28px + ( var(--win_width) - 1440px ) * ( (36 - 28) / ( 1920 - 1440 ) ) );
}
.inner-subcontent .static-plus-64 {
left: calc( 244px + ( var(--win_width) - 1440px ) * ( (302 - 244) / ( 1920 - 1440 ) ) );
bottom: -32px;
}
.inner-subcontent .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-subcontent .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-subcontent { padding: 8.33333333vw 13.22916667vw 4.16666667vw 19.89583333vw;
gap: 2.08333333vw;
}
.inner-subcontent.noheader {
padding: 4.16666667vw 13.22916667vw 4.16666667vw 19.89583333vw;
}
.inner-subcontent h2 {
font-size: 2.5vw;
line-height: 2.91666667vw;
}
.inner-subcontent__data {
gap: 3.33333333vw;
}
.inner-subcontent__data__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 25.3125vw;
flex: 0 0 25.3125vw;
}
.inner-subcontent__data p {
font-size: 1.35416667vw;
}
.inner-subcontent__data p + p {
margin-top: 1.875vw;
}
.inner-subcontent .static-plus-64 {
left: 15.72916667vw;
bottom: -32px;
}
.inner-subcontent .line.left {
left: 15.67708333vw;
}
.inner-subcontent .line.right {
right: 9.01041667vw;
}
}
.inner-warning { position: relative;
z-index: 3;
padding: 10.66666667vw;
}
.inner-warning__data {
background: linear-gradient(68deg, #364D58 0%, #00B2C3 100%);
padding: 3px;
border-radius: 2px;
}
.inner-warning__data p {
background: #FBFAF8;
padding: 4.26666667vw;
text-align: center;
font-weight: 500;
font-size: 3.2vw;
line-height: 140%;
color: #212121;
}
.inner-warning__data p a {
color: #364D58;
text-decoration: underline;
}
@media (min-width: 375px) {
.inner-warning { padding: 40px calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) );
}
.inner-warning__data p {
padding: calc( 16px + ( var(--win_width) - 375px ) * ( (32 - 16) / ( 768 - 375 ) ) );
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (26 - 12) / ( 768 - 375 ) ) );
}
.inner-warning .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-warning .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-warning { padding: 40px calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) );
}
.inner-warning__data p {
padding: 32px calc( 32px + ( var(--win_width) - 768px ) * ( (48 - 32) / ( 1440 - 768 ) ) );
font-size: calc( 26px + ( var(--win_width) - 768px ) * ( (28 - 26) / ( 1440 - 768 ) ) );
}
.inner-warning .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-warning .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-warning { padding: calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 169px + ( var(--win_width) - 1440px ) * ( (254 - 169) / ( 1920 - 1440 ) ) ) calc( 72px + ( var(--win_width) - 1440px ) * ( (80 - 72) / ( 1920 - 1440 ) ) ) calc( 282px + ( var(--win_width) - 1440px ) * ( (382 - 282) / ( 1920 - 1440 ) ) );
}
.inner-warning__data p {
padding: calc( 32px + ( var(--win_width) - 1440px ) * ( (48 - 32) / ( 1920 - 1440 ) ) ) 48px;
font-size: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
}
.inner-warning .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-warning .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-warning { padding: 4.16666667vw 13.22916667vw 4.16666667vw 19.89583333vw;
}
.inner-warning__data p {
padding: 2.5vw 2.5vw;
font-size: 1.66666667vw;
}
.inner-warning .line.left {
left: 15.67708333vw;
}
.inner-warning .line.right {
right: 9.01041667vw;
}
}
.inner-plates { position: relative;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
padding: 0 5.33333333vw;
}
.inner-plates__item {
padding: 10.66666667vw 5.33333333vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
}
.inner-plates__item:last-child {
border-bottom: none;
}
.inner-plates__item .num {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-weight: 300;
font-size: 6.4vw;
line-height: 1;
text-transform: uppercase;
color: #00B2C3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.13333333vw;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
letter-spacing: -0.05em;
}
.inner-plates__item .num span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
line-height: 1;
}
.inner-plates__item .text {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.inner-plates__item .text h3 {
font-weight: 400;
font-size: 6.4vw;
line-height: 100%;
color: #212121;
text-transform: none;
font-variation-settings: 'wdth' 120;
letter-spacing: 0;
margin-bottom: 8.53333333vw;
}
.inner-plates__item .text p {
font-weight: 400;
font-size: 4.26666667vw;
line-height: 140%;
color: #212121;
}
.inner-plates__item img {
width: 66.66666667vw;
margin: 0 auto;
}
.inner-plates .static-plus-64 {
right: 0;
bottom: -8.53333333vw;
width: 13.86666667vw;
}
@media (min-width: 375px) {
.inner-plates { padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-plates__item {
padding: 40px calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
gap: 32px;
}
.inner-plates__item .num {
font-size: calc( 24px + ( var(--win_width) - 375px ) * ( (80 - 24) / ( 768 - 375 ) ) );
gap: 8px;
}
.inner-plates__item .text h3 {
font-size: calc( 24px + ( var(--win_width) - 375px ) * ( (38 - 24) / ( 768 - 375 ) ) );
margin-bottom: 32px;
}
.inner-plates__item .text p {
font-size: calc( 16px + ( var(--win_width) - 375px ) * ( (20 - 16) / ( 768 - 375 ) ) );
}
.inner-plates__item img {
width: calc( 250px + ( var(--win_width) - 375px ) * ( (320 - 250) / ( 768 - 375 ) ) );
margin: auto;
}
.inner-plates .static-plus-64 {
right: 0;
bottom: -32px;
width: calc( 52px + ( var(--win_width) - 375px ) * ( (56 - 52) / ( 768 - 375 ) ) );
}
.inner-plates .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-plates .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-plates { padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-plates__item {
padding: 40px calc( 20px + ( var(--win_width) - 375px ) * ( (20 - 20) / ( 768 - 375 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.inner-plates__item .num {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 80px;
}
.inner-plates__item .text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 346px + ( var(--win_width) - 768px ) * ( (701 - 346) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 346px + ( var(--win_width) - 768px ) * ( (701 - 346) / ( 1440 - 768 ) ) );
}
.inner-plates__item .text h3 {
font-size: 38px;
}
.inner-plates__item .text p {
font-size: 20px;
}
.inner-plates .static-plus-64 {
right: calc( 0px + ( var(--win_width) - 768px ) * ( (33 - 0) / ( 1440 - 768 ) ) );
bottom: -32px;
width: calc( 56px + ( var(--win_width) - 768px ) * ( (63 - 56) / ( 1440 - 768 ) ) );
}
.inner-plates .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-plates .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-plates { padding: 0 calc( 126px + ( var(--win_width) - 1440px ) * ( (174 - 126) / ( 1920 - 1440 ) ) ) 0 calc( 243px + ( var(--win_width) - 1440px ) * ( (302 - 243) / ( 1920 - 1440 ) ) );
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: 1fr;
}
.inner-plates__item {
padding: calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) );
border-right: 1px solid rgba(54, 77, 88, 0.25);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-plates__item:nth-child(3n+3) {
border-right: none;
}
.inner-plates__item:nth-last-child(1),
.inner-plates__item:nth-last-child(2),
.inner-plates__item:nth-last-child(3) {
border-bottom: none;
}
.inner-plates__item .num {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
margin-top: auto;
gap: calc( 8px + ( var(--win_width) - 1440px ) * ( (20 - 8) / ( 1920 - 1440 ) ) );
}
.inner-plates__item .num span {
-webkit-transform: none;
transform: none;
}
.inner-plates__item .text {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
}
.inner-plates__item .text h3 {
font-size: calc( 32px + ( var(--win_width) - 1440px ) * ( (38 - 32) / ( 1920 - 1440 ) ) );
}
.inner-plates__item .text p {
font-size: calc( 15px + ( var(--win_width) - 1440px ) * ( (16 - 15) / ( 1920 - 1440 ) ) );
}
.inner-plates__item img {
width: calc( 320px + ( var(--win_width) - 1440px ) * ( (340 - 320) / ( 1920 - 1440 ) ) );
}
.inner-plates .static-plus-64 {
right: calc( 95px + ( var(--win_width) - 1440px ) * ( (142 - 95) / ( 1920 - 1440 ) ) );
bottom: -32px;
width: 63px;
}
.inner-plates .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-plates .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-plates { padding: 0 9.0625vw 0 15.72916667vw;
}
.inner-plates__item {
padding: 4.16666667vw;
gap: 1.66666667vw;
}
.inner-plates__item .num {
font-size: 4.16666667vw;
gap: 1.04166667vw;
}
.inner-plates__item .text h3 {
font-size: 1.97916667vw;
margin-bottom: 1.66666667vw;
}
.inner-plates__item .text p {
font-size: 0.83333333vw;
}
.inner-plates__item img {
width: 17.70833333vw;
}
.inner-plates .static-plus-64 {
right: 9.01041667vw;
bottom: -32px;
margin: 0 -31px 0 0;
width: 63px;
}
.inner-plates .line.left {
left: 15.67708333vw;
}
.inner-plates .line.right {
right: 9.01041667vw;
}
}
.inner-pluses { position: relative;
z-index: 3;
padding: 10.66666667vw 10.66666667vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
}
.inner-pluses ul {
margin: 0;
padding: 0;
list-style: none;
}
.inner-pluses ul li {
position: relative;
padding-left: 5.86666667vw;
font-variation-settings: 'wdth' 130;
font-size: 3.2vw;
line-height: 140%;
}
.inner-pluses ul li::before {
content: "+";
position: absolute;
top: 0;
left: 0;
font-weight: 500;
color: #00B2C3;
}
.inner-pluses ul li + li {
margin-top: 4.26666667vw;
}
@media (min-width: 375px) {
.inner-pluses { padding: calc( 40px + ( var(--win_width) - 375px ) * ( (72 - 40) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) );
gap: 32px;
}
.inner-pluses ul li {
padding-left: calc( 22px + ( var(--win_width) - 375px ) * ( (48 - 22) / ( 768 - 375 ) ) );
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (26 - 12) / ( 768 - 375 ) ) );
}
.inner-pluses ul li + li {
margin-top: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) );
}
.inner-pluses .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-pluses .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-pluses { padding: calc( 72px + ( var(--win_width) - 768px ) * ( (96 - 72) / ( 1440 - 768 ) ) ) calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) );
}
.inner-pluses ul li {
padding-left: 48px;
font-size: 26px;
}
.inner-pluses ul li + li {
margin-top: 24px;
}
.inner-pluses .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-pluses .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-pluses { padding: calc( 96px + ( var(--win_width) - 1440px ) * ( (80 - 96) / ( 1920 - 1440 ) ) ) calc( 169px + ( var(--win_width) - 1440px ) * ( (254 - 169) / ( 1920 - 1440 ) ) ) calc( 96px + ( var(--win_width) - 1440px ) * ( (164 - 96) / ( 1920 - 1440 ) ) ) calc( 282px + ( var(--win_width) - 1440px ) * ( (382 - 282) / ( 1920 - 1440 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.inner-pluses ul {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 469px + ( var(--win_width) - 1440px ) * ( (536 - 469) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 469px + ( var(--win_width) - 1440px ) * ( (536 - 469) / ( 1920 - 1440 ) ) );
}
.inner-pluses ul li {
padding-left: calc( 44px + ( var(--win_width) - 1440px ) * ( (48 - 44) / ( 1920 - 1440 ) ) );
font-size: calc( 22px + ( var(--win_width) - 1440px ) * ( (26 - 22) / ( 1920 - 1440 ) ) );
}
.inner-pluses .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-pluses .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-pluses { padding: 4.16666667vw 13.22916667vw 8.54166667vw 19.89583333vw;
gap: 1.66666667vw;
}
.inner-pluses ul {
-webkit-box-flex: 0;
-ms-flex: 0 0 27.91666667vw;
flex: 0 0 27.91666667vw;
}
.inner-pluses ul li {
padding-left: 2.5vw;
font-size: 1.35416667vw;
}
.inner-pluses ul li + li {
margin-top: 1.25vw;
}
.inner-pluses .line.left {
left: 15.67708333vw;
}
.inner-pluses .line.right {
right: 9.01041667vw;
}
}
.inner-boxes { position: relative;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
padding: 12.8vw 5.33333333vw 10.66666667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
}
.inner-boxes h2 {
font-size: 5.33333333vw;
line-height: 6.4vw;
padding: 0 5.33333333vw;
}
.inner-boxes__items {
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.13333333vw;
}
.inner-boxes__items .item {
background: rgba(54, 77, 88, 0.05);
padding: 4.26666667vw 5.33333333vw;
font-size: 3.2vw;
line-height: 140%;
}
.inner-boxes .static-plus-64 {
right: 0;
bottom: -8.53333333vw;
width: 13.86666667vw;
}
@media (min-width: 375px) {
.inner-boxes { padding: calc( 48px + ( var(--win_width) - 375px ) * ( (72 - 48) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (72 - 40) / ( 768 - 375 ) ) );
gap: calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
}
.inner-boxes h2 {
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (40 - 24) / ( 768 - 375 ) ) );
padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-boxes__items {
gap: calc( 8px + ( var(--win_width) - 375px ) * ( (20 - 8) / ( 768 - 375 ) ) );
}
.inner-boxes__items .item {
padding: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) );
}
.inner-boxes .static-plus-64 {
right: 0;
bottom: -32px;
width: calc( 52px + ( var(--win_width) - 375px ) * ( (56 - 52) / ( 768 - 375 ) ) );
}
.inner-boxes .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-boxes .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-boxes { padding: calc( 72px + ( var(--win_width) - 768px ) * ( (96 - 72) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) calc( 72px + ( var(--win_width) - 768px ) * ( (40 - 72) / ( 1440 - 768 ) ) );
gap: calc( 40px + ( var(--win_width) - 768px ) * ( (56 - 40) / ( 1440 - 768 ) ) );
}
.inner-boxes h2 {
font-size: calc( 32px + ( var(--win_width) - 768px ) * ( (36 - 32) / ( 1440 - 768 ) ) );
line-height: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (24 - 24) / ( 1440 - 768 ) ) );
}
.inner-boxes__items {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.inner-boxes__items .item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 40%;
min-height: calc( 220px + ( var(--win_width) - 768px ) * ( (240 - 220) / ( 1440 - 768 ) ) );
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 24px;
font-size: calc( 20px + ( var(--win_width) - 768px ) * ( (22 - 20) / ( 1440 - 768 ) ) );
}
.inner-boxes .static-plus-64 {
right: calc( 0px + ( var(--win_width) - 768px ) * ( (33 - 0) / ( 1440 - 768 ) ) );
bottom: -32px;
width: calc( 56px + ( var(--win_width) - 768px ) * ( (63 - 56) / ( 1440 - 768 ) ) );
}
.inner-boxes .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-boxes .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-boxes { padding: calc( 96px + ( var(--win_width) - 1440px ) * ( (160 - 96) / ( 1920 - 1440 ) ) ) calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) ) calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
gap: calc( 56px + ( var(--win_width) - 1440px ) * ( (88 - 56) / ( 1920 - 1440 ) ) );
}
.inner-boxes h2 {
font-size: calc( 36px + ( var(--win_width) - 1440px ) * ( (48 - 36) / ( 1920 - 1440 ) ) );
line-height: calc( 44px + ( var(--win_width) - 1440px ) * ( (56 - 44) / ( 1920 - 1440 ) ) );
padding: 0 calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) );
}
.inner-boxes__items {
padding: 0 calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) );
}
.inner-boxes__items .item {
min-width: unset;
min-height: calc( 240px + ( var(--win_width) - 1440px ) * ( (320 - 240) / ( 1920 - 1440 ) ) );
padding: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
font-size: calc( 22px + ( var(--win_width) - 1440px ) * ( (26 - 22) / ( 1920 - 1440 ) ) );
}
.inner-boxes__items .item:nth-child(1),
.inner-boxes__items .item:nth-child(4) {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 386px + ( var(--win_width) - 1440px ) * ( (566 - 386) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 386px + ( var(--win_width) - 1440px ) * ( (566 - 386) / ( 1920 - 1440 ) ) );
}
.inner-boxes .static-plus-64 {
right: calc( 95px + ( var(--win_width) - 1440px ) * ( (142 - 95) / ( 1920 - 1440 ) ) );
bottom: -32px;
width: 63px;
}
.inner-boxes .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-boxes .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-boxes { padding: 8.33333333vw 9.01041667vw 4.16666667vw 15.67708333vw;
gap: 4.58333333vw;
}
.inner-boxes h2 {
font-size: 2.5vw;
line-height: 2.91666667vw;
padding: 0 4.16666667vw;
}
.inner-boxes__items {
gap: 1.04166667vw;
padding: 0 4.16666667vw;
}
.inner-boxes__items .item {
min-height: 16.66666667vw;
padding: 1.66666667vw;
font-size: 1.35416667vw;
}
.inner-boxes__items .item:nth-child(1),
.inner-boxes__items .item:nth-child(4) {
-webkit-box-flex: 0;
-ms-flex: 0 0 29.47916667vw;
flex: 0 0 29.47916667vw;
}
.inner-boxes .static-plus-64 {
right: 9.01041667vw;
bottom: -32px;
margin: 0 -31px 0 0;
width: 63px;
}
.inner-boxes .line.left {
left: 15.67708333vw;
}
.inner-boxes .line.right {
right: 9.01041667vw;
}
}
.inner-composition { position: relative;
padding: 10.66666667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8.53333333vw;
}
.inner-composition__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5.33333333vw;
}
.inner-composition__list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 6.4vw;
}
.inner-composition__list .item__num {
-webkit-box-flex: 0;
-ms-flex: 0 0 4.26666667vw;
flex: 0 0 4.26666667vw;
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: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap: 1.06666667vw;
color: #00B2C3;
font-size: 3.2vw;
font-weight: 700;
}
.inner-composition__list .item__num__line {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.inner-composition__list .item__num__line:after {
content: '';
width: 1px;
height: 100%;
background: #00B2C3;
}
.inner-composition__list .item__num__arrow {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l16.02 12.635L32 0v9.437L17.8 23.178h-3.64L0 9.438V0zm0 19.664l16.02 12.635L32 19.664v9.595L17.8 43h-3.64L0 29.259v-9.595z' fill='%2300B2C3' fill-opacity='.25'/%3E%3C/svg%3E");
background-position: center;
background-size: auto 100%;
height: 3.2vw;
width: 2.13333333vw;
}
.inner-composition__list .item__data {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-composition__list .item__data p {
font-weight: 400;
font-variation-settings: 'wdth' 120;
}
@media (min-width: 375px) {
.inner-composition { padding: calc( 40px + ( var(--win_width) - 375px ) * ( (72 - 40) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (48 - 40) / ( 768 - 375 ) ) );
gap: calc( 32px + ( var(--win_width) - 375px ) * ( (40 - 32) / ( 768 - 375 ) ) );
}
.inner-composition__list {
gap: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
}
.inner-composition__list .item {
gap: calc( 24px + ( var(--win_width) - 375px ) * ( (64 - 24) / ( 768 - 375 ) ) );
}
.inner-composition__list .item__num {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 16px + ( var(--win_width) - 375px ) * ( (27 - 16) / ( 768 - 375 ) ) );
flex: 0 0 calc( 16px + ( var(--win_width) - 375px ) * ( (27 - 16) / ( 768 - 375 ) ) );
gap: calc( 4px + ( var(--win_width) - 375px ) * ( (8 - 4) / ( 768 - 375 ) ) );
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) );
padding-top: calc( 0px + ( var(--win_width) - 375px ) * ( (6 - 0) / ( 768 - 375 ) ) );
}
.inner-composition__list .item__num__line:after {
width: calc( 1px + ( var(--win_width) - 375px ) * ( (3 - 1) / ( 768 - 375 ) ) );
}
.inner-composition__list .item__num__arrow {
height: calc( 12px + ( var(--win_width) - 375px ) * ( (27 - 12) / ( 768 - 375 ) ) );
width: calc( 8px + ( var(--win_width) - 375px ) * ( (20 - 8) / ( 768 - 375 ) ) );
}
.inner-composition__list .item__data {
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (20 - 13) / ( 768 - 375 ) ) );
line-height: 140%;
}
.inner-composition .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-composition .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-composition { padding: calc( 72px + ( var(--win_width) - 768px ) * ( (96 - 72) / ( 1440 - 768 ) ) ) calc( 48px + ( var(--win_width) - 768px ) * ( (88 - 48) / ( 1440 - 768 ) ) );
gap: calc( 40px + ( var(--win_width) - 768px ) * ( (80 - 40) / ( 1440 - 768 ) ) );
}
.inner-composition__list {
gap: calc( 32px + ( var(--win_width) - 768px ) * ( (64 - 32) / ( 1440 - 768 ) ) );
}
.inner-composition__list .item {
gap: 64px;
}
.inner-composition__list .item__num {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 27px + ( var(--win_width) - 768px ) * ( (32 - 27) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 27px + ( var(--win_width) - 768px ) * ( (32 - 27) / ( 1440 - 768 ) ) );
gap: calc( 8px + ( var(--win_width) - 768px ) * ( (10 - 8) / ( 1440 - 768 ) ) );
font-size: calc( 20px + ( var(--win_width) - 768px ) * ( (24 - 20) / ( 1440 - 768 ) ) );
padding-top: calc( 6px + ( var(--win_width) - 768px ) * ( (8 - 6) / ( 1440 - 768 ) ) );
}
.inner-composition__list .item__num__line:after {
width: 3px;
}
.inner-composition__list .item__num__arrow {
height: calc( 27px + ( var(--win_width) - 768px ) * ( (43 - 27) / ( 1440 - 768 ) ) );
width: calc( 20px + ( var(--win_width) - 768px ) * ( (32 - 20) / ( 1440 - 768 ) ) );
}
.inner-composition__list .item__data {
font-size: calc( 20px + ( var(--win_width) - 768px ) * ( (28 - 20) / ( 1440 - 768 ) ) );
}
.inner-composition .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-composition .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-composition { padding: calc( 96px + ( var(--win_width) - 1440px ) * ( (80 - 96) / ( 1920 - 1440 ) ) ) calc( 166px + ( var(--win_width) - 1440px ) * ( (253 - 166) / ( 1920 - 1440 ) ) ) calc( 96px + ( var(--win_width) - 1440px ) * ( (80 - 96) / ( 1920 - 1440 ) ) ) calc( 283px + ( var(--win_width) - 1440px ) * ( (381 - 283) / ( 1920 - 1440 ) ) );
gap: calc( 80px + ( var(--win_width) - 1440px ) * ( (114 - 80) / ( 1920 - 1440 ) ) );
}
.inner-composition__list {
gap: 64px;
}
.inner-composition__list .item__num {
-webkit-box-flex: 0;
-ms-flex: 0 0 32px;
flex: 0 0 32px;
gap: 10px;
font-size: 24px;
padding-top: calc( 8px + ( var(--win_width) - 1440px ) * ( (6 - 8) / ( 1920 - 1440 ) ) );
}
.inner-composition__list .item__num__arrow {
height: 43px;
width: 32px;
}
.inner-composition__list .item__data {
font-size: calc( 28px + ( var(--win_width) - 1440px ) * ( (32 - 28) / ( 1920 - 1440 ) ) );
}
.inner-composition .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-composition .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-composition { padding: 4.16666667vw 13.17708333vw 4.16666667vw 19.84375vw;
gap: 5.9375vw;
}
.inner-composition__list {
gap: 3.33333333vw;
}
.inner-composition__list .item {
gap: 3.33333333vw;
}
.inner-composition__list .item__num {
-webkit-box-flex: 0;
-ms-flex: 0 0 1.66666667vw;
flex: 0 0 1.66666667vw;
gap: 0.52083333vw;
font-size: 1.25vw;
padding-top: 0.3125vw;
}
.inner-composition__list .item__num__arrow {
height: 2.23958333vw;
width: 1.66666667vw;
}
.inner-composition__list .item__data {
font-size: 1.66666667vw;
}
.inner-composition .line.left {
left: 15.67708333vw;
}
.inner-composition .line.right {
right: 9.01041667vw;
}
}
.inner-textheader { position: relative;
padding: 10.66666667vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 6.4vw;
}
.inner-textheader h2 {
font-size: 5.33333333vw;
line-height: 6.4vw;
}
.inner-textheader::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 150%;
z-index: 1;
}
.inner-textheader .static-plus-64 {
right: 0;
bottom: -8.53333333vw;
width: 13.86666667vw;
}
@media (min-width: 375px) {
.inner-textheader { padding: calc( 40px + ( var(--win_width) - 375px ) * ( (72 - 40) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) );
gap: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.inner-textheader h2 {
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (40 - 24) / ( 768 - 375 ) ) );
}
.inner-textheader p {
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) );
line-height: 140%;
}
.inner-textheader .static-plus-64 {
right: 0;
bottom: -32px;
width: calc( 52px + ( var(--win_width) - 375px ) * ( (56 - 52) / ( 768 - 375 ) ) );
}
.inner-textheader::after {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-textheader .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-textheader .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-textheader { padding: calc( 72px + ( var(--win_width) - 768px ) * ( (96 - 72) / ( 1440 - 768 ) ) ) calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) ) calc( 72px + ( var(--win_width) - 768px ) * ( (40 - 72) / ( 1440 - 768 ) ) );
gap: 24px;
}
.inner-textheader h2 {
font-size: calc( 32px + ( var(--win_width) - 768px ) * ( (36 - 32) / ( 1440 - 768 ) ) );
line-height: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
}
.inner-textheader p {
font-size: 20px;
}
.inner-textheader .static-plus-64 {
right: calc( 0px + ( var(--win_width) - 768px ) * ( (33 - 0) / ( 1440 - 768 ) ) );
bottom: -32px;
width: calc( 56px + ( var(--win_width) - 768px ) * ( (63 - 56) / ( 1440 - 768 ) ) );
}
.inner-textheader::after {
width: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-textheader .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-textheader .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-textheader { padding: calc( 96px + ( var(--win_width) - 1440px ) * ( (164 - 96) / ( 1920 - 1440 ) ) ) calc( 169px + ( var(--win_width) - 1440px ) * ( (254 - 169) / ( 1920 - 1440 ) ) ) calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 282px + ( var(--win_width) - 1440px ) * ( (382 - 282) / ( 1920 - 1440 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.inner-textheader h2 {
font-size: calc( 36px + ( var(--win_width) - 1440px ) * ( (48 - 36) / ( 1920 - 1440 ) ) );
line-height: calc( 44px + ( var(--win_width) - 1440px ) * ( (56 - 44) / ( 1920 - 1440 ) ) );
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-textheader p {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 424px + ( var(--win_width) - 1440px ) * ( (487 - 424) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 424px + ( var(--win_width) - 1440px ) * ( (487 - 424) / ( 1920 - 1440 ) ) );
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
}
.inner-textheader .static-plus-64 {
right: calc( 95px + ( var(--win_width) - 1440px ) * ( (142 - 95) / ( 1920 - 1440 ) ) );
bottom: -32px;
width: 63px;
}
.inner-textheader::after {
width: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-textheader .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-textheader .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-textheader { padding: 8.54166667vw 13.22916667vw 4.16666667vw 19.89583333vw;
gap: 1.25vw;
}
.inner-textheader h2 {
font-size: 2.5vw;
line-height: 2.91666667vw;
}
.inner-textheader p {
-webkit-box-flex: 0;
-ms-flex: 0 0 25.36458333vw;
flex: 0 0 25.36458333vw;
font-size: 1.25vw;
}
.inner-textheader .static-plus-64 {
right: 9.01041667vw;
bottom: -32px;
margin: 0 -31px 0 0;
width: 63px;
}
.inner-textheader::after {
width: 15.67708333vw;
}
.inner-textheader .line.left {
left: 15.67708333vw;
}
.inner-textheader .line.right {
right: 9.01041667vw;
}
}
.inner-photolist { position: relative;
padding: 0 5.33333333vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
}
.inner-photolist__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-photolist__items .item {
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
padding: 10.66666667vw 5.33333333vw;
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;
gap: 6.4vw;
}
.inner-photolist__items .item__num {
position: absolute;
font-size: 5.33333333vw;
font-weight: 300;
font-variation-settings: 'wdth' 150;
color: #00B2C3;
background: #FBFAF8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 12.8vw;
height: 12.8vw;
top: 49.6vw;
}
.inner-photolist__items .item__photo {
background-size: cover;
background-position: center;
height: 49.6vw;
}
.inner-photolist__items .item__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4.26666667vw;
}
.inner-photolist__items .item__data h3 {
color: #212121;
text-transform: none;
font-weight: 300;
font-variation-settings: 'wdth' 120;
font-size: 5.33333333vw;
line-height: 1;
letter-spacing: 0;
}
.inner-photolist__items .item:last-child {
border: 0;
}
.inner-photolist .static-plus-64 {
left: 5.6vw;
bottom: -8.53333333vw;
}
@media (min-width: 375px) {
.inner-photolist { padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-photolist__items .item {
padding: calc( 40px + ( var(--win_width) - 375px ) * ( (72 - 40) / ( 768 - 375 ) ) ) calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
gap: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.inner-photolist__items .item__num {
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (40 - 20) / ( 768 - 375 ) ) );
width: calc( 48px + ( var(--win_width) - 375px ) * ( (96 - 48) / ( 768 - 375 ) ) );
height: calc( 48px + ( var(--win_width) - 375px ) * ( (96 - 48) / ( 768 - 375 ) ) );
top: calc( 178px + ( var(--win_width) - 375px ) * ( (336 - 178) / ( 768 - 375 ) ) );
}
.inner-photolist__items .item__photo {
height: calc( 186px + ( var(--win_width) - 375px ) * ( (360 - 186) / ( 768 - 375 ) ) );
}
.inner-photolist__items .item__data {
gap: calc( 16px + ( var(--win_width) - 375px ) * ( (32 - 16) / ( 768 - 375 ) ) );
}
.inner-photolist__items .item__data h3 {
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (40 - 20) / ( 768 - 375 ) ) );
}
.inner-photolist__items .item__data p {
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) );
line-height: 140%;
}
.inner-photolist .static-plus-64 {
left: calc( 21px + ( var(--win_width) - 375px ) * ( (25 - 21) / ( 768 - 375 ) ) );
bottom: -32px;
}
.inner-photolist .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-photolist .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-photolist { padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-photolist__items .item {
padding: calc( 72px + ( var(--win_width) - 768px ) * ( (40 - 72) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (40 - 24) / ( 1440 - 768 ) ) );
gap: calc( 32px + ( var(--win_width) - 768px ) * ( (56 - 32) / ( 1440 - 768 ) ) );
}
.inner-photolist__items .item__num {
font-size: calc( 40px + ( var(--win_width) - 768px ) * ( (80 - 40) / ( 1440 - 768 ) ) );
width: calc( 96px + ( var(--win_width) - 768px ) * ( (144 - 96) / ( 1440 - 768 ) ) );
height: calc( 96px + ( var(--win_width) - 768px ) * ( (144 - 96) / ( 1440 - 768 ) ) );
top: calc( 336px + ( var(--win_width) - 768px ) * ( (456 - 336) / ( 1440 - 768 ) ) );
}
.inner-photolist__items .item__photo {
height: calc( 360px + ( var(--win_width) - 768px ) * ( (560 - 360) / ( 1440 - 768 ) ) );
}
.inner-photolist__items .item__data {
gap: 32px;
}
.inner-photolist__items .item__data h3 {
font-size: calc( 40px + ( var(--win_width) - 768px ) * ( (32 - 40) / ( 1440 - 768 ) ) );
}
.inner-photolist__items .item__data p {
font-size: 20px;
}
.inner-photolist .static-plus-64 {
left: calc( 25px + ( var(--win_width) - 768px ) * ( (65 - 25) / ( 1440 - 768 ) ) );
bottom: -32px;
}
.inner-photolist .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-photolist .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-photolist { padding: 0 calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) ) 0 calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-photolist__items .item {
padding: calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
gap: calc( 56px + ( var(--win_width) - 1440px ) * ( (72 - 56) / ( 1920 - 1440 ) ) );
}
.inner-photolist__items .item__num {
position: relative;
font-size: 80px;
line-height: 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
height: unset;
top: unset;
}
.inner-photolist__items .item__photo {
height: calc( 280px + ( var(--win_width) - 1440px ) * ( (320 - 280) / ( 1920 - 1440 ) ) );
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-photolist__items .item__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 429px + ( var(--win_width) - 1440px ) * ( (487 - 429) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 429px + ( var(--win_width) - 1440px ) * ( (487 - 429) / ( 1920 - 1440 ) ) );
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.inner-photolist__items .item__data h3 {
font-size: calc( 32px + ( var(--win_width) - 1440px ) * ( (40 - 32) / ( 1920 - 1440 ) ) );
}
.inner-photolist__items .item__data p {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
}
.inner-photolist .static-plus-64 {
left: calc( 244px + ( var(--win_width) - 1440px ) * ( (302 - 244) / ( 1920 - 1440 ) ) );
bottom: -32px;
}
.inner-photolist .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-photolist .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-photolist { padding: 0 9.01041667vw 0 15.67708333vw;
}
.inner-photolist__items .item {
padding: 4.16666667vw;
gap: 3.75vw;
}
.inner-photolist__items .item__num {
font-size: 4.16666667vw;
line-height: 1;
-webkit-box-flex: 0;
-ms-flex: 0 0 6.25vw;
flex: 0 0 6.25vw;
}
.inner-photolist__items .item__photo {
height: 16.66666667vw;
}
.inner-photolist__items .item__data {
gap: 1.66666667vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 25.36458333vw;
flex: 0 0 25.36458333vw;
}
.inner-photolist__items .item__data h3 {
font-size: 2.08333333vw;
}
.inner-photolist__items .item__data p {
font-size: 1.25vw;
}
.inner-photolist .static-plus-64 {
left: 15.72916667vw;
bottom: -32px;
}
.inner-photolist .line.left {
left: 15.67708333vw;
}
.inner-photolist .line.right {
right: 9.01041667vw;
}
}
.inner-preparation { position: relative;
padding: 10.66666667vw;
border-bottom: 1px solid rgba(54, 77, 88, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10.66666667vw;
}
.inner-preparation__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: 6.4vw;
}
.inner-preparation__header h2 {
font-size: 5.33333333vw;
line-height: 6.4vw;
}
.inner-preparation__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10.66666667vw;
}
.inner-preparation__list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 4.26666667vw;
}
.inner-preparation__list .item__num {
color: #00B2C3;
font-weight: 600;
font-size: 3.2vw;
line-height: 1;
width: 4.26666667vw;
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: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
gap: 2.66666667vw;
}
.inner-preparation__list .item__num:before {
content: '';
width: 6px;
height: 6px;
border-bottom: 2px solid #949AA0;
border-right: 2px solid #949AA0;
position: absolute;
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.inner-preparation__list .item__num:after {
content: '';
width: 2px;
background: #949AA0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.inner-preparation__list .item__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3.2vw;
}
.inner-preparation__list .item__data h3 {
font-size: 4.26666667vw;
line-height: 130%;
font-weight: 500;
font-variation-settings: 'wdth' 140;
color: #212121;
}
.inner-preparation__list .item:last-child .item__num:before,
.inner-preparation__list .item:last-child .item__num:after {
display: none;
}
.inner-preparation::after {
content: '';
position: absolute;
right: 0;
bottom: 0;
top: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 100%;
z-index: 1;
}
.inner-preparation .static-plus-64 {
left: 5.6vw;
bottom: -8.53333333vw;
}
@media (min-width: 375px) {
.inner-preparation { padding: calc( 40px + ( var(--win_width) - 375px ) * ( (72 - 40) / ( 768 - 375 ) ) ) calc( 40px + ( var(--win_width) - 375px ) * ( (56 - 40) / ( 768 - 375 ) ) );
gap: 40px;
}
.inner-preparation__header {
gap: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.inner-preparation__header h2 {
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (40 - 24) / ( 768 - 375 ) ) );
}
.inner-preparation__header p {
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (20 - 12) / ( 768 - 375 ) ) );
line-height: 140%;
}
.inner-preparation__list {
gap: 40px;
}
.inner-preparation__list .item {
gap: calc( 16px + ( var(--win_width) - 375px ) * ( (128 - 16) / ( 768 - 375 ) ) );
}
.inner-preparation__list .item__num {
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (24 - 12) / ( 768 - 375 ) ) );
width: calc( 16px + ( var(--win_width) - 375px ) * ( (32 - 16) / ( 768 - 375 ) ) );
gap: 10px;
}
.inner-preparation__list .item__num:before {
width: calc( 6px + ( var(--win_width) - 375px ) * ( (8 - 6) / ( 768 - 375 ) ) );
height: calc( 6px + ( var(--win_width) - 375px ) * ( (8 - 6) / ( 768 - 375 ) ) );
}
.inner-preparation__list .item__data {
gap: 12px;
}
.inner-preparation__list .item__data h3 {
font-size: 16px;
line-height: 140%;
}
.inner-preparation__list .item__data p {
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (15 - 12) / ( 768 - 375 ) ) );
}
.inner-preparation .static-plus-64 {
left: calc( 21px + ( var(--win_width) - 375px ) * ( (25 - 21) / ( 768 - 375 ) ) );
bottom: -32px;
}
.inner-preparation .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-preparation .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-preparation::after {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-preparation { padding: calc( 72px + ( var(--win_width) - 768px ) * ( (96 - 72) / ( 1440 - 768 ) ) ) calc( 56px + ( var(--win_width) - 768px ) * ( (88 - 56) / ( 1440 - 768 ) ) );
gap: calc( 40px + ( var(--win_width) - 768px ) * ( (80 - 40) / ( 1440 - 768 ) ) );
}
.inner-preparation__header {
gap: 32px;
}
.inner-preparation__header h2 {
font-size: calc( 32px + ( var(--win_width) - 768px ) * ( (36 - 32) / ( 1440 - 768 ) ) );
line-height: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
}
.inner-preparation__header p {
font-size: 20px;
}
.inner-preparation__list .item {
gap: 128px;
}
.inner-preparation__list .item__num {
font-size: 24px;
width: 32px;
}
.inner-preparation__list .item__num:before {
width: 8px;
height: 8px;
}
.inner-preparation__list .item__data {
gap: calc( 12px + ( var(--win_width) - 768px ) * ( (16 - 12) / ( 1440 - 768 ) ) );
}
.inner-preparation__list .item__data h3 {
font-size: calc( 16px + ( var(--win_width) - 768px ) * ( (15 - 16) / ( 1440 - 768 ) ) );
}
.inner-preparation__list .item__data p {
font-size: 15px;
}
.inner-preparation .static-plus-64 {
left: calc( 25px + ( var(--win_width) - 768px ) * ( (65 - 25) / ( 1440 - 768 ) ) );
bottom: -32px;
}
.inner-preparation .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-preparation .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-preparation::after {
width: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-preparation { padding: calc( 96px + ( var(--win_width) - 1440px ) * ( (164 - 96) / ( 1920 - 1440 ) ) ) calc( 169px + ( var(--win_width) - 1440px ) * ( (254 - 169) / ( 1920 - 1440 ) ) ) calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 282px + ( var(--win_width) - 1440px ) * ( (382 - 282) / ( 1920 - 1440 ) ) );
gap: calc( 80px + ( var(--win_width) - 1440px ) * ( (104 - 80) / ( 1920 - 1440 ) ) );
}
.inner-preparation__header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.inner-preparation__header h2 {
font-size: calc( 36px + ( var(--win_width) - 1440px ) * ( (48 - 36) / ( 1920 - 1440 ) ) );
line-height: calc( 44px + ( var(--win_width) - 1440px ) * ( (56 - 44) / ( 1920 - 1440 ) ) );
}
.inner-preparation__header p {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 429px + ( var(--win_width) - 1440px ) * ( (487 - 429) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 429px + ( var(--win_width) - 1440px ) * ( (487 - 429) / ( 1920 - 1440 ) ) );
}
.inner-preparation__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr calc( 28px + ( var(--win_width) - 1440px ) * ( (40 - 28) / ( 1920 - 1440 ) ) ) 1fr calc( 28px + ( var(--win_width) - 1440px ) * ( (40 - 28) / ( 1920 - 1440 ) ) ) 1fr calc( 28px + ( var(--win_width) - 1440px ) * ( (40 - 28) / ( 1920 - 1440 ) ) ) 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-rows: 1fr;
gap: calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) ) calc( 28px + ( var(--win_width) - 1440px ) * ( (40 - 28) / ( 1920 - 1440 ) ) );
}
.inner-preparation__list .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: calc( 28px + ( var(--win_width) - 1440px ) * ( (40 - 28) / ( 1920 - 1440 ) ) );
}
.inner-preparation__list .item__num {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
}
.inner-preparation__list .item__num:before {
bottom: unset;
right: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.inner-preparation__list .item__num:after {
width: unset;
height: 2px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-preparation__list .item h3 {
font-size: 16px;
}
.inner-preparation__list .item p {
font-size: calc( 15px + ( var(--win_width) - 1440px ) * ( (16 - 15) / ( 1920 - 1440 ) ) );
line-height: 140%;
}
.inner-preparation__list .item:last-child .item__num:before,
.inner-preparation__list .item:last-child .item__num:after {
display: block;
}
.inner-preparation__list .item:nth-child(5) .item__num:before,
.inner-preparation__list .item:nth-child(6) .item__num:before,
.inner-preparation__list .item:nth-child(7) .item__num:before,
.inner-preparation__list .item:nth-child(8) .item__num:before {
right: unset;
left: 40px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.inner-preparation__list .item:nth-child(5) {
-ms-grid-column: 4;
grid-column: 4;
-ms-grid-row: 2;
grid-row: 2;
}
.inner-preparation__list .item:nth-child(6) {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 2;
grid-row: 2;
}
.inner-preparation__list .item:nth-child(7) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 2;
grid-row: 2;
}
.inner-preparation__list .item:nth-child(8) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
}
.inner-preparation__list .item:nth-child(4) {
position: relative;
}
.inner-preparation__list .item:nth-child(4) .item__data {
padding-right: 24px;
}
.inner-preparation__list .item:nth-child(4):after {
content: '';
position: absolute;
top: 12px;
right: 0;
bottom: calc( -52px + ( var(--win_width) - 1440px ) * ( (-92 - -52) / ( 1920 - 1440 ) ) );
width: 2px;
background: #949AA0;
}
.inner-preparation__list .item:nth-child(4) .item__num:before {
display: none;
}
.inner-preparation .static-plus-64 {
left: calc( 244px + ( var(--win_width) - 1440px ) * ( (302 - 244) / ( 1920 - 1440 ) ) );
bottom: -32px;
}
.inner-preparation .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-preparation .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
.inner-preparation::after {
width: calc( 127px + ( var(--win_width) - 1440px ) * ( (173 - 127) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-preparation { padding: 8.54166667vw 13.22916667vw 4.16666667vw 19.89583333vw;
gap: 5.41666667vw;
}
.inner-preparation__header {
gap: 1.66666667vw;
}
.inner-preparation__header h2 {
font-size: 2.5vw;
line-height: 2.91666667vw;
}
.inner-preparation__header p {
font-size: 1.25vw;
-webkit-box-flex: 0;
-ms-flex: 0 0 25.36458333vw;
flex: 0 0 25.36458333vw;
}
.inner-preparation__list {
gap: 4.16666667vw 2.08333333vw;
}
.inner-preparation__list .item {
gap: 2.08333333vw;
}
.inner-preparation__list .item__num {
font-size: 1.25vw;
gap: 0.52083333vw;
}
.inner-preparation__list .item__num:before {
width: 0.41666667vw;
height: 0.41666667vw;
}
.inner-preparation__list .item__data {
gap: 0.83333333vw;
}
.inner-preparation__list .item__data h3 {
font-size: 0.83333333vw;
}
.inner-preparation__list .item__data p {
font-size: 0.83333333vw;
}
.inner-preparation__list .item:nth-child(5) .item__num:before,
.inner-preparation__list .item:nth-child(6) .item__num:before,
.inner-preparation__list .item:nth-child(7) .item__num:before,
.inner-preparation__list .item:nth-child(8) .item__num:before {
left: 2.08333333vw;
}
.inner-preparation__list .item:nth-child(4) .item__data {
padding-right: 1.25vw;
}
.inner-preparation__list .item:nth-child(4):after {
top: 0.625vw;
bottom: -4.79166667vw;
width: 2px;
}
.inner-preparation .static-plus-64 {
left: 15.72916667vw;
bottom: -32px;
}
.inner-preparation .line.left {
left: 15.67708333vw;
}
.inner-preparation .line.right {
right: 9.01041667vw;
}
.inner-preparation::after {
width: 9.01041667vw;
}
}
.inner-spacer { position: relative;
height: 14.93333333vw;
}
.inner-spacer::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 5.33333333vw;
background-image: url(//itcmchs.com/wp-content/themes/kuznets/img/back_2.png);
background-position: center;
background-size: auto 150%;
z-index: 1;
}
@media (min-width: 375px) {
.inner-spacer { height: calc( 56px + ( var(--win_width) - 375px ) * ( (72 - 56) / ( 768 - 375 ) ) );
}
.inner-spacer::after {
width: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-spacer .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-spacer .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-spacer { height: calc( 72px + ( var(--win_width) - 768px ) * ( (96 - 72) / ( 1440 - 768 ) ) );
}
.inner-spacer::after {
width: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-spacer .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-spacer .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-spacer { height: calc( 96px + ( var(--win_width) - 1440px ) * ( (168 - 96) / ( 1920 - 1440 ) ) );
}
.inner-spacer::after {
width: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
background-size: 300%;
}
.inner-spacer .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-spacer .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-spacer { height: 8.75vw;
}
.inner-spacer::after {
width: 15.67708333vw;
}
.inner-spacer .line.left {
left: 15.67708333vw;
}
.inner-spacer .line.right {
right: 9.01041667vw;
}
}
.inner-policy { 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;
padding: 0 5.33333333vw;
}
.inner-policy__nav {
display: block;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
bottom: 0;
left: -70%;
width: 70%;
background: #FBFAF8;
z-index: 100;
-webkit-transition: 0.2s;
transition: 0.2s;
border-right: 1px solid rgba(54, 77, 88, 0.25);
-webkit-box-shadow: 0 0 8px 8px rgba(88, 111, 121, 0);
box-shadow: 0 0 8px 8px rgba(88, 111, 121, 0);
}
.inner-policy__nav__opener {
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
bottom: 17.06666667vw;
right: 0;
background: #364D58;
color: #fff;
font-size: 3.2vw;
line-height: 1;
padding: 2.13333333vw 6.4vw;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
border-radius: 8px 8px 0 0;
cursor: pointer;
}
.inner-policy__nav__opener span {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
position: relative;
}
.inner-policy__nav__opener span:before {
content: '';
display: block;
position: absolute;
left: -3.2vw;
top: 1.6vw;
width: 1.06666667vw;
height: 1.06666667vw;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.inner-policy__nav__block {
padding: 21.33333333vw 5.33333333vw 12.8vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4.26666667vw;
}
.inner-policy__nav__block a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
gap: 2.13333333vw;
font-size: 3.46666667vw;
line-height: 1;
color: #364D58;
position: relative;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.inner-policy__nav__block a span {
-webkit-box-flex: 0;
-ms-flex: 0 0 4.26666667vw;
flex: 0 0 4.26666667vw;
}
.inner-policy__nav__block a:before {
content: '';
display: block;
position: absolute;
left: -6.4vw;
top: 1.06666667vw;
width: 1.06666667vw;
height: 1.06666667vw;
border-right: 2px solid #212121;
border-top: 2px solid #212121;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.inner-policy__nav__block a.active {
font-weight: 500;
}
.inner-policy__nav__block a.active:before {
left: -3.2vw;
opacity: 1;
}
.inner-policy__nav.active {
left: 0;
-webkit-box-shadow: 0 0 8px 8px rgba(54, 77, 88, 0.25);
box-shadow: 0 0 8px 8px rgba(54, 77, 88, 0.25);
}
.inner-policy__nav.active .inner-policy__nav__opener span:before {
top: 1.06666667vw;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.inner-policy__content .item {
padding: 10.66666667vw 5.33333333vw;
position: relative;
}
.inner-policy__content .item h2 {
font-size: 5.33333333vw;
line-height: 6.4vw;
margin-bottom: 8.53333333vw;
}
.inner-policy__content .item h2:not(:first-child) {
margin-top: 8.53333333vw;
}
.inner-policy__content .item p + p,
.inner-policy__content .item p + ul,
.inner-policy__content .item p + ol {
margin-top: 4.26666667vw;
}
.inner-policy__content .item ul + p,
.inner-policy__content .item ol + p {
margin-top: 6.4vw;
}
.inner-policy__content .item a {
color: #00B2C3;
}
.inner-policy__content .item__table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-policy__content .item__table .row {
padding: 4.26666667vw 0;
border-top: 1px solid rgba(54, 77, 88, 0.25);
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.13333333vw;
}
.inner-policy__content .item__table .row__num,
.inner-policy__content .item__table .row__title {
font-weight: 600;
}
.inner-policy__content .item ul {
list-style-type: '— ';
margin: 0;
padding-left: 4.26666667vw;
}
.inner-policy__content .item ul li + li {
margin-top: 4.26666667vw;
}
.inner-policy__content .item ol {
margin: 0;
}
.inner-policy__content .item ol li + li {
margin-top: 4.26666667vw;
}
.inner-policy__content .item .static-plus-64 {
left: 0;
top: 0;
}
@media (min-width: 375px) {
.inner-policy { padding: 0 calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-policy__nav {
left: -70%;
width: 70%;
}
.inner-policy__nav__opener {
bottom: calc( 64px + ( var(--win_width) - 375px ) * ( (80 - 64) / ( 768 - 375 ) ) );
font-size: calc( 12px + ( var(--win_width) - 375px ) * ( (14 - 12) / ( 768 - 375 ) ) );
padding: calc( 8px + ( var(--win_width) - 375px ) * ( (12 - 8) / ( 768 - 375 ) ) ) calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.inner-policy__nav__opener span:before {
left: -12px;
top: calc( 6px + ( var(--win_width) - 375px ) * ( (8 - 6) / ( 768 - 375 ) ) );
width: 4px;
height: 4px;
}
.inner-policy__nav__block {
padding: 80px calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) ) 48px;
gap: 16px;
}
.inner-policy__nav__block a {
gap: 8px;
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (20 - 13) / ( 768 - 375 ) ) );
}
.inner-policy__nav__block a span {
-webkit-box-flex: 0;
-ms-flex: 0 0 16px;
flex: 0 0 16px;
}
.inner-policy__nav__block a:before {
left: -24px;
top: calc( 4px + ( var(--win_width) - 375px ) * ( (7 - 4) / ( 768 - 375 ) ) );
width: 4px;
height: 4px;
}
.inner-policy__nav__block a.active:before {
left: -12px;
}
.inner-policy__nav.active .inner-policy__nav__opener span:before {
top: 4px;
}
.inner-policy__content .item {
padding: 40px calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-policy__content .item h2 {
font-size: calc( 20px + ( var(--win_width) - 375px ) * ( (32 - 20) / ( 768 - 375 ) ) );
line-height: calc( 24px + ( var(--win_width) - 375px ) * ( (40 - 24) / ( 768 - 375 ) ) );
margin-bottom: 32px;
}
.inner-policy__content .item h2:not(:first-child) {
margin-top: 32px;
}
.inner-policy__content .item p,
.inner-policy__content .item li {
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (20 - 13) / ( 768 - 375 ) ) );
line-height: calc( 16px + ( var(--win_width) - 375px ) * ( (28 - 16) / ( 768 - 375 ) ) );
}
.inner-policy__content .item p + p,
.inner-policy__content .item p + ul,
.inner-policy__content .item p + ol {
margin-top: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) );
}
.inner-policy__content .item ul + p,
.inner-policy__content .item ol + p {
margin-top: calc( 24px + ( var(--win_width) - 375px ) * ( (32 - 24) / ( 768 - 375 ) ) );
}
.inner-policy__content .item__table .row {
padding: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) ) 0;
gap: calc( 8px + ( var(--win_width) - 375px ) * ( (12 - 8) / ( 768 - 375 ) ) );
}
.inner-policy__content .item__table .row__num,
.inner-policy__content .item__table .row__title {
font-size: calc( 13px + ( var(--win_width) - 375px ) * ( (20 - 13) / ( 768 - 375 ) ) );
line-height: calc( 16px + ( var(--win_width) - 375px ) * ( (28 - 16) / ( 768 - 375 ) ) );
}
.inner-policy__content .item ul {
padding-left: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) );
}
.inner-policy__content .item ul li + li {
margin-top: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) );
}
.inner-policy__content .item ol li + li {
margin-top: calc( 16px + ( var(--win_width) - 375px ) * ( (24 - 16) / ( 768 - 375 ) ) );
}
.inner-policy .line.left {
left: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
.inner-policy .line.right {
right: calc( 20px + ( var(--win_width) - 375px ) * ( (24 - 20) / ( 768 - 375 ) ) );
}
}
@media (min-width: 768px) {
.inner-policy { padding: 0 calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-policy__nav {
left: -50%;
width: 50%;
}
.inner-policy__nav__opener {
bottom: 80px;
font-size: 14px;
padding: 12px 32px;
}
.inner-policy__nav__opener span:before {
left: -12px;
top: 8px;
width: 4px;
height: 4px;
}
.inner-policy__nav__block {
padding: calc( 80px + ( var(--win_width) - 768px ) * ( (120 - 80) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) ) 48px;
gap: 16px;
}
.inner-policy__nav__block a {
gap: 8px;
font-size: 20px;
}
.inner-policy__nav__block a span {
-webkit-box-flex: 0;
-ms-flex: 0 0 16px;
flex: 0 0 16px;
}
.inner-policy__nav__block a:before {
left: -24px;
top: 7px;
width: 4px;
height: 4px;
}
.inner-policy__nav__block a.active:before {
left: -12px;
}
.inner-policy__nav.active .inner-policy__nav__opener span:before {
top: 4px;
}
.inner-policy__content .item {
padding: calc( 40px + ( var(--win_width) - 768px ) * ( (80 - 40) / ( 1440 - 768 ) ) ) calc( 24px + ( var(--win_width) - 768px ) * ( (40 - 24) / ( 1440 - 768 ) ) );
}
.inner-policy__content .item h2 {
font-size: calc( 32px + ( var(--win_width) - 768px ) * ( (36 - 32) / ( 1440 - 768 ) ) );
line-height: calc( 40px + ( var(--win_width) - 768px ) * ( (44 - 40) / ( 1440 - 768 ) ) );
margin-bottom: calc( 32px + ( var(--win_width) - 768px ) * ( (56 - 32) / ( 1440 - 768 ) ) );
}
.inner-policy__content .item h2:not(:first-child) {
margin-top: calc( 32px + ( var(--win_width) - 768px ) * ( (56 - 32) / ( 1440 - 768 ) ) );
}
.inner-policy__content .item p,
.inner-policy__content .item li {
font-size: 20px;
line-height: 28px;
}
.inner-policy__content .item p + p,
.inner-policy__content .item p + ul,
.inner-policy__content .item p + ol {
margin-top: calc( 24px + ( var(--win_width) - 768px ) * ( (28 - 24) / ( 1440 - 768 ) ) );
}
.inner-policy__content .item ul + p,
.inner-policy__content .item ol + p {
margin-top: calc( 32px + ( var(--win_width) - 768px ) * ( (40 - 32) / ( 1440 - 768 ) ) );
}
.inner-policy__content .item__table .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: calc( 12px + ( var(--win_width) - 768px ) * ( (20 - 12) / ( 1440 - 768 ) ) );
}
.inner-policy__content .item__table .row__num,
.inner-policy__content .item__table .row__title {
font-size: 20px;
line-height: 28px;
}
.inner-policy__content .item__table .row__num {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 56px + ( var(--win_width) - 768px ) * ( (64 - 56) / ( 1440 - 768 ) ) );
flex: 0 0 calc( 56px + ( var(--win_width) - 768px ) * ( (64 - 56) / ( 1440 - 768 ) ) );
}
.inner-policy__content .item__table .row__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.inner-policy__content .item ul {
padding-left: calc( 24px + ( var(--win_width) - 768px ) * ( (32 - 24) / ( 1440 - 768 ) ) );
}
.inner-policy__content .item ul li + li {
margin-top: calc( 24px + ( var(--win_width) - 768px ) * ( (28 - 24) / ( 1440 - 768 ) ) );
}
.inner-policy__content .item ol li + li {
margin-top: calc( 24px + ( var(--win_width) - 768px ) * ( (28 - 24) / ( 1440 - 768 ) ) );
}
.inner-policy .line.left {
left: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
.inner-policy .line.right {
right: calc( 24px + ( var(--win_width) - 768px ) * ( (64 - 24) / ( 1440 - 768 ) ) );
}
}
@media (min-width: 1440px) {
.inner-policy { padding: calc( 0px + ( var(--win_width) - 1440px ) * ( (80 - 0) / ( 1920 - 1440 ) ) ) calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) ) 0 calc( 40px + ( var(--win_width) - 1440px ) * ( (52 - 40) / ( 1920 - 1440 ) ) );
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.inner-policy__nav {
display: block;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 203px + ( var(--win_width) - 1440px ) * ( (249 - 203) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 203px + ( var(--win_width) - 1440px ) * ( (249 - 203) / ( 1920 - 1440 ) ) );
-webkit-box-shadow: none;
box-shadow: none;
background: none;
left: auto;
}
.inner-policy__nav__opener {
display: none;
}
.inner-policy__nav__block {
position: sticky;
top: calc( 64px + ( var(--win_width) - 1440px ) * ( (88 - 64) / ( 1920 - 1440 ) ) );
padding: 80px calc( 16px + ( var(--win_width) - 1440px ) * ( (24 - 16) / ( 1920 - 1440 ) ) ) 80px 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: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
}
.inner-policy__nav__block a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
gap: calc( 8px + ( var(--win_width) - 1440px ) * ( (12 - 8) / ( 1920 - 1440 ) ) );
font-size: 16px;
line-height: 1;
color: #364D58;
position: relative;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.inner-policy__nav__block a span {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 16px + ( var(--win_width) - 1440px ) * ( (24 - 16) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 16px + ( var(--win_width) - 1440px ) * ( (24 - 16) / ( 1920 - 1440 ) ) );
}
.inner-policy__nav__block a:before {
content: '';
display: block;
position: absolute;
left: -24px;
top: 4px;
width: 4px;
height: 4px;
border-right: 2px solid #212121;
border-top: 2px solid #212121;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.inner-policy__nav__block a.active {
font-weight: 500;
}
.inner-policy__nav__block a.active:before {
left: -12px;
opacity: 1;
}
.inner-policy__nav.active {
-webkit-box-shadow: none;
box-shadow: none;
}
.inner-policy__content .item {
padding: 80px calc( 40px + ( var(--win_width) - 1440px ) * ( (80 - 40) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item h2 {
font-size: calc( 36px + ( var(--win_width) - 1440px ) * ( (48 - 36) / ( 1920 - 1440 ) ) );
line-height: calc( 44px + ( var(--win_width) - 1440px ) * ( (56 - 44) / ( 1920 - 1440 ) ) );
margin-bottom: calc( 56px + ( var(--win_width) - 1440px ) * ( (64 - 56) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item h2:not(:first-child) {
margin-top: calc( 56px + ( var(--win_width) - 1440px ) * ( (64 - 56) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item p,
.inner-policy__content .item li {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
line-height: calc( 28px + ( var(--win_width) - 1440px ) * ( (36 - 28) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item p + p,
.inner-policy__content .item p + ul,
.inner-policy__content .item p + ol {
margin-top: calc( 28px + ( var(--win_width) - 1440px ) * ( (24 - 28) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item ul + p,
.inner-policy__content .item ol + p {
margin-top: calc( 40px + ( var(--win_width) - 1440px ) * ( (32 - 40) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item__table .row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item__table .row__num,
.inner-policy__content .item__table .row__title {
font-size: calc( 20px + ( var(--win_width) - 1440px ) * ( (24 - 20) / ( 1920 - 1440 ) ) );
line-height: calc( 28px + ( var(--win_width) - 1440px ) * ( (36 - 28) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item__table .row__num {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (72 - 64) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 64px + ( var(--win_width) - 1440px ) * ( (72 - 64) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item__table .row__title {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc( 260px + ( var(--win_width) - 1440px ) * ( (292 - 260) / ( 1920 - 1440 ) ) );
flex: 0 0 calc( 260px + ( var(--win_width) - 1440px ) * ( (292 - 260) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item__table .row__data {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-policy__content .item ul {
padding-left: calc( 32px + ( var(--win_width) - 1440px ) * ( (40 - 32) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item ul li + li {
margin-top: calc( 28px + ( var(--win_width) - 1440px ) * ( (24 - 28) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item ol li + li {
margin-top: calc( 28px + ( var(--win_width) - 1440px ) * ( (24 - 28) / ( 1920 - 1440 ) ) );
}
.inner-policy__content .item .static-plus-64 {
left: 1px;
top: 0;
}
.inner-policy .line.left {
left: calc( 243px + ( var(--win_width) - 1440px ) * ( (301 - 243) / ( 1920 - 1440 ) ) );
}
.inner-policy .line.right {
right: calc( 126px + ( var(--win_width) - 1440px ) * ( (173 - 126) / ( 1920 - 1440 ) ) );
}
}
@media (min-width: 1920px) {
.inner-policy { padding: 4.16666667vw 9.01041667vw 0 2.70833333vw;
}
.inner-policy__nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.96875vw;
flex: 0 0 12.96875vw;
}
.inner-policy__nav__block {
top: 4.58333333vw;
padding: 4.16666667vw 1.25vw 4.16666667vw 0;
gap: 1.25vw;
}
.inner-policy__nav__block a {
gap: 0.625vw;
font-size: 0.83333333vw;
}
.inner-policy__nav__block a span {
-webkit-box-flex: 0;
-ms-flex: 0 0 1.25vw;
flex: 0 0 1.25vw;
}
.inner-policy__nav__block a:before {
left: -1.25vw;
top: 0.20833333vw;
width: 0.20833333vw;
height: 0.20833333vw;
}
.inner-policy__nav__block a.active:before {
left: -0.625vw;
}
.inner-policy__content .item {
padding: 4.16666667vw 4.16666667vw;
}
.inner-policy__content .item h2 {
font-size: 2.5vw;
line-height: 2.91666667vw;
margin-bottom: 3.33333333vw;
}
.inner-policy__content .item h2:not(:first-child) {
margin-top: 3.33333333vw;
}
.inner-policy__content .item p,
.inner-policy__content .item li {
font-size: 1.25vw;
line-height: 1.875vw;
}
.inner-policy__content .item p + p,
.inner-policy__content .item p + ul,
.inner-policy__content .item p + ol {
margin-top: 1.25vw;
}
.inner-policy__content .item ul + p,
.inner-policy__content .item ol + p {
margin-top: 1.66666667vw;
}
.inner-policy__content .item__table .row {
padding: 1.25vw 0;
gap: 1.25vw;
}
.inner-policy__content .item__table .row__num,
.inner-policy__content .item__table .row__title {
font-size: 1.25vw;
line-height: 1.875vw;
}
.inner-policy__content .item__table .row__num {
-webkit-box-flex: 0;
-ms-flex: 0 0 3.75vw;
flex: 0 0 3.75vw;
}
.inner-policy__content .item__table .row__title {
-webkit-box-flex: 0;
-ms-flex: 0 0 15.20833333vw;
flex: 0 0 15.20833333vw;
}
.inner-policy__content .item ul {
padding-left: 2.08333333vw;
}
.inner-policy__content .item ul li + li {
margin-top: 1.25vw;
}
.inner-policy__content .item ol li + li {
margin-top: 1.25vw;
}
.inner-policy .line.left {
left: 15.67708333vw;
}
.inner-policy .line.right {
right: 9.01041667vw;
}
}
@media (any-hover: hover) {
.inner-policy__content .item a {
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.inner-policy__content .item a:hover {
color: #4E7080;
}
}