.component-page-kv{position:relative;overflow:hidden;background:#fff}
.component-page-kv--inactive,.component-page-kv .lazy:not(.loaded){visibility:hidden}
.component-page-kv-inner{position:relative;height:230px}
.component-page-kv-bg{position:absolute;left:0;top:0;width:100%;height:230px;overflow:hidden}
.component-page-kv-bg picture{display:block;width:100%;height:100%}
.component-page-kv-bg .component-page-kv-img{position:absolute;left:50%;top:50%;min-width:1000%;min-height:1000%;transform:translateX(-50%) translateY(-50%) scale(0.1);opacity:1;transition:opacity 1.5s ease-in-out,transform 1.5s ease-in-out}
.component-page-kv--inactive{visibility:visible !important}
.component-page-kv--inactive .component-page-kv-bg{display:block !important}
.component-page-kv--inactive .component-page-kv-bg .component-page-kv-img{transform:translateX(-50%) translateY(-50%) scale(0.12);opacity:0}
.component-page-kv-bg img{display:block;position:absolute;left:50%;top:50%;min-width:1000%;min-height:1000%;transform:translateX(-50%) translateY(-50%) scale(0.1)}
.component-page-kv--inactive .component-page-kv-bg{display:none}
.component-page-kv-cont{position:relative;padding:65px 18px 0 18px;display:flex;flex-direction:column}
.component-page-kv-title{max-width:160px;margin:0 0 .6em;font-size:30px;font-weight:700}
.component-page-kv-description,.component-page-kv-title{padding:0;line-height:1.3;color:#444;letter-spacing:.05em}
.component-page-kv-description{margin:0;font-size:16px;font-weight:350}
.component-page-kv-arch{position:absolute;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:50%;height:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI4MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA4MFYwYzc2OSAxNDIgMTcxMyA2MCAxOTIwIDB2ODBIMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);background-size:100% 100%;pointer-events:none}
.component-page-kv-arch:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;background:#fff;height:0;box-shadow:0 0 0 2px #fff}
@-webkit-keyframes kv-bg-in{0{transform:translateX(-50%) translateY(-50%) scale(0.12);opacity:0}
100%{transform:translateX(-50%) translateY(-50%) scale(0.1);opacity:1}
}
@keyframes kv-bg-in{0{transform:translateX(-50%) translateY(-50%) scale(0.12);opacity:0}
100%{transform:translateX(-50%) translateY(-50%) scale(0.1);opacity:1}
}
@media(min-width:576px){.component-page-kv-bg{position:absolute;left:0;top:0}
}
@media(min-width:768px){.component-page-kv-bg,.component-page-kv-inner{height:300px}
.component-page-kv-title{max-width:250px;font-size:40px;margin-bottom:10px}
.component-page-kv-description{font-size:20px;font-weight:500}
.component-page-kv-cont{padding:80px 50px 0 50px}
.component-page-kv-bg img{transform:translateX(-50%) translateY(-51%) scale(0.1)}
}
@media(min-width:992px){.component-page-kv-bg img{transform:translateX(-50%) translateY(-50%) scale(0.1)}
.component-page-kv-cont{padding:100px 50px 0 50px;max-width:990px;height:100%;margin:0 auto;align-items:flex-start;text-align:left}
.component-page-kv-title{max-width:100%;font-size:40px;margin-bottom:10px}
.component-page-kv-description{max-width:100%;font-size:20px;font-weight:500}
.component-page-kv-bg,.component-page-kv-inner{height:350px}
}
@media(min-width:1152px){.component-page-kv-arch{height:80px}
}
@media(min-width:1920px){.component-page-kv-cont{padding-left:0;padding-right:0}
}
.component-page-kv-img--mobile{display:block !important}
.component-page-kv-img--pad{display:none !important}
.component-page-kv-img--desktop{display:none !important}
@media(min-width:768px){.component-page-kv-img--mobile{display:none !important}
.component-page-kv-img--pad{display:block !important}
.component-page-kv-img--desktop{display:none !important}
}
@media(min-width:992px){.component-page-kv-img--mobile{display:none !important}
.component-page-kv-img--pad{display:none !important}
.component-page-kv-img--desktop{display:block !important}
}