:root{--opk-layout-main: 1680px;--opk-layout-md: 1396px;--opk-layout-second: 1150px}.opk-banner,.opk-banner__wrapper,.opk-banner__overlay{width:100%}.opk-banner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-repeat:no-repeat;background-size:cover}@media screen and (min-width: 768px){.opk-banner{height:815px}}@media screen and (max-width: 767px){.opk-banner{height:566px}}.opk-banner__wrapper{max-width:1150px;max-width:var(--opk-layout-second)}@media screen and (min-width: 768px){.opk-banner__wrapper{margin-top:45px}}@media screen and (max-width: 767px){.opk-banner__wrapper{margin-bottom:35px}}.opk-banner__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;height:100%}.opk-banner__title,.opk-banner__description{position:relative;z-index:2;text-align:center}.opk-banner__title{margin-bottom:15px}.opk-banner__title,.opk-banner__title h1{text-transform:uppercase}@media screen and (min-width: 768px){.opk-banner__title,.opk-banner__title h1{font-size:64px;font-weight:600;line-height:1.02}}@media screen and (max-width: 767px){.opk-banner__title,.opk-banner__title h1{font-size:44px;font-weight:700;line-height:1}}.opk-banner__description{font-weight:400;letter-spacing:.15px}@media screen and (min-width: 768px){.opk-banner__description{font-size:18px;line-height:1.5}}@media screen and (max-width: 767px){.opk-banner__description,.opk-banner__description h1{font-size:16px;line-height:1.38}}