.grid-60__container--right {
display: grid;
grid-template-columns: 35.2% 64.8%;
gap: 27px;
align-items: center;
justify-content: center;
z-index: 3;
}
@media screen and (max-width: 991px) {
.grid-60__container--right {
grid-template-columns: 1fr;
gap: 0;
}
}
.widget.widget_cutko_banner_widget {
position: relative;
background-color: var(--light-blue);
padding-bottom: 11%;
padding-top: 159px;
}
@media screen and (min-width: 160px) {
.widget.widget_cutko_banner_widget {
min-height: 36.6vw;
}
}
.cutko-banner {
position: unset !important;
display: flex;
flex-direction: column;
}
.banner__main-svg {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -98%);
width: 100%;
height: auto;
z-index: 3;
pointer-events: none;
}
@media screen and (min-width: 480px) {
.banner__main-svg {
z-index: 4;
}
}
@media screen and (max-width: 991px) {
.banner__main-svg {
top: 100%;
left: 100%;
transform: translate(-91%, -98%);
width: 245%;
height: auto;
}
}
.cutko-banner__content--wrapper{
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
} 
.widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
font-size: 54px;
font-weight: 900;
line-height: 72px;
color: var(--brown);
text-align: center;
width: fit-content;
margin-top: 75px;
margin-bottom: 40px;
}
@media screen and (min-width: 1920px) {
.widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
font-size: 3vw;
line-height: normal;
}   
}
@media screen and (max-width: 1519px) {
.widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
font-size: 3vw;
}
}
@media screen and (max-width: 1299px) {
.widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
line-height: 55px;
}
}
@media (min-width: 992px) and (max-width: 1519px) {
.widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
line-height: 62px;
margin-top: 21px;
margin-bottom: 18px;
}
}
@media screen and (max-width: 991px) {
.widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
margin-top: 7px;
}
}
@media screen and (max-width: 991px) {
.widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
font-size: 32px;
font-weight: 900;
line-height: 42px;
}
.widget.widget_cutko_banner_widget {
padding-bottom: 66%;
}   
}
@media screen and (max-width: 991px) and (orientation: landscape){
.widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
font-size: 3.1vw;
line-height: 1.3;
}
}
.cutko-banner__oznam {
position: relative;
width: fit-content;
text-align: center;
padding: 26px 15px;
width: 100%;
max-width: 500px;
}
.cutko-banner__oznam span {
font-size: 42px;
font-weight: 700;
line-height: 52px;
color: var(--wheat);
}
@media (min-width: 991px) and (max-width: 1319px) {
.cutko-banner__oznam span {
font-size: 3vw;
}
}
.cutko-banner__oznam svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: -1 !important;
}
.cutko-banner__oznam--mobile {
display: none;
}
@media screen and (max-width: 991px) {
.banner__main-svg {
z-index: 4 !important;
}
.cutko-banner__oznam {
display: none;
}
.cutko-banner__oznam--mobile {
display: block;
position: relative;
width: 100vw;
top: 100%;
left: 50%;
transform: translate(-50%, 160px);
}
.cutko-banner__oznam--mobile .cutko-banner__oznam { 
display: flex;
align-items: center;
justify-content: center;
max-width: 400px;
}
.cutko-banner__oznam--mobile {
display: block;
position: absolute;
width: 100vw;
height: 100%;
top: unset;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 2;
}
.cutko-banner__oznam--mobile .cutko-banner__oznam--mobile-bg {
position: absolute;
width: 100%;
height: 30vw;
bottom: -5vw;
}
.cutko-banner__oznam--mobile .cutko-banner__oznam--mobile-bg svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: -1 !important;
}
.cutko-banner__oznam--mobile::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; z-index: 3;
}
.cutko-banner__oznam--mobile .cutko-banner__oznam {
top: 100%;
left: 50%;
transform: translate(-50%, -30%) rotate(-3deg);
z-index: 3;
}
.cutko-banner__oznam--mobile .cutko-banner__oznam span {
font-size: 28.53px;
font-weight: 700;
line-height: 35.32px;
}
.home .banner__main-svg > svg > g > path:first-child {
fill: none !important;
}
} .cutko-banner__video-link.wide-aspect-ratio {
display: block;
box-sizing: border-box;
}
.cutko-banner__video-poster {
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
@media screen and (max-width: 480px) {
.cutko-banner__video-poster {
transform:  translate(-50%, -49%);
}
}
.cutko-banner__video-link svg {
z-index: 1 !important;
}
.cutko-banner__video-poster {
z-index: 0;
}
.cutko-banner__video-poster img {
position: absolute; width: 100%;
height: auto;
object-fit: cover;
}
.cutko-banner-video {
position: absolute;
top: 50% !important;
left: 50% !important;
width: 120% !important; height: 120% !important; transform: translate(-50%, -50%) !important;
border: none;
pointer-events: none;
}
.icon-play__banner--video {
position: absolute;
top: 3%;
left: 5%;
width: 23%;
height: 38.4%;
cursor: pointer;
z-index: 9 !important;
}
.wide-aspect-ratio .icon-play__banner--video svg {
width: 52.8%;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.widget.widget_cutko_banner_widget:hover .icon-play__banner--video,
.widget.widget_cutko_banner_widget:focus .icon-play__banner--video,
.widget.widget_cutko_banner_widget:active .icon-play__banner--video,
.widget.widget_cutko_banner_widget:hover .cutko-banner__btn,
.widget.widget_cutko_banner_widget:focus .cutko-banner__btn,
.widget.widget_cutko_banner_widget:active .cutko-banner__btn {
z-index: 9 !important;
cursor: pointer;
}
.widget.widget_cutko_banner_widget .cutko-banner__btn {
display: flex;
box-sizing: border-box;
text-decoration: none !important;
padding: 25px;
background: transparent url() center no-repeat;
background-size: auto;
background-size: 100%;
font-size: 36px;
font-weight: 700;
line-height: 42px;
color: var(--wheat);
text-align: center;
position: relative;
margin-top: 0;
margin-bottom: 82px;
}
@media screen and (max-width: 1519px) {
.widget.widget_cutko_banner_widget .cutko-banner__btn {
margin-bottom: 28px;
}
}
.widget.widget_cutko_banner_widget .cutko-banner__btn:hover,
.widget.widget_cutko_banner_widget .cutko-banner__btn:focus,
.widget.widget_cutko_banner_widget .cutko-banner__btn:active {
color: var(--wheat); }
.widget.widget_cutko_banner_widget .cutko-banner__btn svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: -1;;
}
@media screen and (max-width: 480px) {
.widget.widget_cutko_banner_widget .cutko-banner__btn { padding: 15px;
margin-bottom: 105px;    }
}
.icon-play__banner--video img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.widget.widget_cutko_banner_widget .grid-50__container {
grid-template-columns: 40% 55%;
gap: 5%;
z-index: 4;
}
@media screen and (max-width: 991px) {
.widget.widget_cutko_banner_widget .grid-50__container {
grid-template-columns: 1fr;
gap: 0;
padding-bottom: 159px;
min-height: 40vh;
}
}
@media screen and (max-width: 480px) {
.widget.widget_cutko_banner_widget .grid-50__container {
padding-bottom: 96px;
}
} .cutko-banner__clouds {
position: absolute;
width: 100vw;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;;
}
.cutko-banner__clouds .cloud__big {
margin-top: 11%;
position: absolute;
width: 100vw;
}
.cutko-banner__clouds .cloud__big svg {
position: absolute;
right: 50%;
transform: translateX(116%);
}
.cutko-banner__clouds .cloud__small {
position: absolute;
margin-top: 12%;
width: 100vw;
}
.cutko-banner__clouds .cloud__small svg {
position: absolute;
left: 50%;
transform: translateX(-300%);
}
@media screen and (max-width: 991px) {
.cutko-banner__clouds .cloud__small {
margin-top: 65%;
}
.cutko-banner__clouds .cloud__small svg {
transform: translateX(-105%);
}
}
.cutko-banner__clouds .cloud__medium {
position: absolute;
margin-top: 25%;
width: 100vw;
}
.cutko-banner__clouds .cloud__medium svg {
position: absolute;
left: 50%;
transform: translateX(-195%);
}
.home .cutko-banner__clouds .cloud__big {
margin-top: 5%;
}
.home .cutko-banner__clouds .cloud__big svg {
transform: translateX(48%);
} @media screen and (min-width: 1920px) { .widget > .cutko-banner {
max-width: 4000px !important;
}
.widget_cutko_banner_widget {
display: flex;
align-items: stretch;
}
.widget_cutko_banner_widget .cutko-banner {
height: auto;
}
.widget.widget_cutko_banner_widget .grid-50__container {
height: 100%;
align-items: center;
justify-content: center;
}
}