@charset "UTF-8";
.block-type-banner{position:relative;height:800px;color:var(--whiteColor);overflow:hidden;background-color:var(--mainColor)}@media screen and (min-width:1200px){.block-type-banner{height:47rem}}.block-type-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-image:url("/sites/cleaning.dev.ukraina.org.ua/themes/ux/cleaning/images/bg.png");background-position:0% 0%;background-repeat:repeat;background-size:500px}@media screen and (min-width:1200px){.block-type-banner:after{content:"";position:absolute;top:8.6rem;right:-30.45rem;z-index:0;background:var(--ellipseColor);background-size:contain;width:60.5rem;height:60.5rem;border-radius:100%}}@media screen and (min-width:1200px){.block-type-banner .contextual{padding:15rem 8.4rem 0 0}}.block-type-banner .content{padding-left:24px;padding-right:24px;padding-top:132px}@media screen and (min-width:1200px){.block-type-banner .content{padding-left:8.4rem;padding-right:8.4rem}}@media screen and (min-width:1200px){.block-type-banner .content{padding-top:15rem}}.block-type-banner .content:before{content:"";font-family:"icons-cleaning";font-size:20px;font-weight:400;line-height:1;color:inherit;display:block;position:absolute;bottom:0;margin:0 0 250px 28px;color:var(--whiteColor);opacity:0.5;transform:rotate(120deg)}@media screen and (min-width:1200px){.block-type-banner .content:before{font-size:1.5rem}}@media screen and (min-width:1200px){.block-type-banner .content:before{transform:rotate(24.816deg);margin:-4.7rem 0 0 0;padding-left:6.1rem;bottom:auto}}.block-type-banner .content:after{content:"";font-family:"icons-cleaning";font-size:30px;font-weight:400;line-height:1;color:inherit;display:block;position:absolute;bottom:0;left:0;margin:0 0 32px 38px;color:var(--whiteColor);transform:rotate(15deg)}@media screen and (min-width:1200px){.block-type-banner .content:after{font-size:2.5rem}}@media screen and (min-width:1200px){.block-type-banner .content:after{transform:rotate(45deg);margin:0 0 4.4rem 3.2rem}}.block-type-banner .field--name-field-block-image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.block-type-banner .field--name-field-block-image .field__item{height:100%}.block-type-banner .field--name-field-block-image img{height:100%}.block-type-banner .field--name-field-block-image-2{position:absolute;right:0;bottom:0;width:290px;height:290px;z-index:2}@media screen and (min-width:1200px){.block-type-banner .field--name-field-block-image-2{width:32.5rem;height:35rem}}.block-type-banner .field--name-field-block-image-2 img{width:100%;height:100%}.block-type-banner .field--name-field-block-title p{font-size:2rem;line-height:1.1;font-weight:900;text-transform:uppercase}@media screen and (min-width:1200px){.block-type-banner .field--name-field-block-title p{font-size:5.5rem;line-height:1}}.block-type-banner .field--name-field-block-title p span{position:relative;z-index:3}.block-type-banner .field--name-field-block-title:before{content:"";font-family:"icons-cleaning";font-size:30px;font-weight:400;line-height:1;color:inherit;display:block;position:absolute;bottom:0;right:0;color:var(--whiteColor);opacity:0.5;transform:rotate(67.593deg);margin:0 27px 180px 0}@media screen and (min-width:1200px){.block-type-banner .field--name-field-block-title:before{font-size:1.5rem}}@media screen and (min-width:1200px){.block-type-banner .field--name-field-block-title:before{bottom:unset;right:unset;transform:rotate(24.816deg);margin:7rem 0 0 43rem}}.block-type-banner .field--name-field-block-subtitle{font-size:0.875rem;line-height:1.1;font-weight:900;text-transform:uppercase;margin-top:15px}@media screen and (min-width:1200px){.block-type-banner .field--name-field-block-subtitle{font-size:1.3rem;margin-top:0.75rem}}@media screen and (min-width:1200px){.block-type-banner .field--name-field-block-subtitle:before{content:"";font-family:"icons-cleaning";font-size:30px;font-weight:400;line-height:1;color:inherit;display:block;position:absolute;right:0;color:var(--secondaryColor);transform:rotate(45deg);margin:-3.65rem 4.85rem 0 0;z-index:3}}@media screen and (min-width:1200px) and (min-width:1200px){.block-type-banner .field--name-field-block-subtitle:before{font-size:2.5rem}}/*# sourceMappingURL=banner.css.map */