﻿/* ROZIO About Grid */
section.about-group { background: #2a62fd; padding: 0; }
section.about-group .grid-row { background: inherit; direction: ltr !important; padding: 160px 0 170px; position: relative; }
body.dvr-1-5 section.about-group .grid-row { padding: 130px 0 170px; }
section.about-group .section-title { position: absolute; left: 50%; top: 50px; transform: translateX(-50%) !important; color: #fff; margin: 0; }
section.about-group .grid-row .grid-row-wrapper { max-width: 1150px; max-height: 500px; margin: 0 auto; display: flex; width: 100%; position: relative; height: 500px; z-index: 3; }
section.about-group .grid-row .grid-row-wrapper .slides img { max-height: 500px; object-fit: cover; }
section.about-group .grid-row li.slider-item { padding-bottom: 0; }
section.about-group .grid-row li.slider-item .grid-row-image-container { position: relative; }
section.about-group .section-title h2 { font-size: 300%; font-family: 'NarkisBlock-Bold'; letter-spacing: 1.2px; }
section.about-group .grid-row .grid-row-cell { margin-top: 0 !important; }
section.about-group .grid-row .grid-row-text { width: 100%; position: unset; height: auto; display: flex; flex-direction: column; justify-content: space-between; padding: 0; margin: 0; }
section.about-group .grid-row .grid-row-cell-text { padding: 70px 80px 60px; height: 100%; background: #fff; display: inline-flex !important; flex-grow: 1; transform: unset !important; }
section.about-group .grid-row .grid-row-text h2 { font-size: 24px; margin: 0; margin: -2px 0 0; }
section.about-group .grid-row .grid-row-text .grid-row-headline { display: flex; gap: 15px; margin-top: 0; margin-bottom: auto; }
section.about-group .grid-row .grid-row-text h3 strong { font-family: 'NarkisBlock-Bold'; transform: translateY(-4px); }
section.about-group .grid-row .grid-row-text h3 span { margin: -2px 0 0; }
section.about-group .grid-row .grid-row-text h3 { font-size: 24px; display: flex; margin: 0; gap: 15px; }
section.about-group .grid-row .grid-row-text p { font-size: 18px; line-height: 1.11; letter-spacing: 0.36px; }
section.about-group .grid-row .grid-row-text a.grid-row-button { padding: 0; width: 112px; height: 33px; display: inline-flex; align-items: center; justify-content: center; border-radius: 30px; border: 2px solid #000; font-family: 'NarkisBlock-Bold'; font-size: 16px; margin-top: 40px; margin-right: 0; }
section.about-group button.slick-arrow { position: absolute; top: 45%; transform: translateY(-50%); z-index: 2; background: transparent; border: none; }
section.about-group button.slick-arrow.slick-prev { left: unset; right: 10vw; }
section.about-group button.slick-arrow.slick-next { left: 10vw; right: unset; }
section.about-group button.slick-arrow.slick-prev .prev-arrow { width: 33px; height: 48px; display: flex; background-image: url(/warehouse/dynamic/386324.svg); background-repeat: no-repeat; background-position: right; }
section.about-group button.slick-arrow.slick-next .next-arrow { width: 33px; height: 48px; display: flex; background-image: url(/warehouse/dynamic/386323.svg); background-repeat: no-repeat; background-position: left; }
section.about-group .grid-row:nth-child(3n+2) .left-cube { background: #000; width: 425px; height: 140px; position: absolute; bottom: 30px; left: 0; z-index: 1; pointer-events: none; }
section.about-group .grid-row:nth-child(3n+2) .right-cube { background: #fff; width: 390px; height: 250px; position: absolute; bottom: 50px; right: 0; z-index: 1; pointer-events: none; }
section.about-group .grid-row:nth-child(3n+3) .left-cube { background: #000; width: 150px; height: 350px; position: absolute; top: 00px; left: 0; z-index: 1; pointer-events: none; }
section.about-group .grid-row:nth-child(3n+3) .right-cube { background: #000; width: 180px; height: 290px; position: absolute; bottom: 50px; right: 0; z-index: 1; pointer-events: none; }
section.about-group .grid-row:nth-child(3n+1) .top-cube { background: #000; width: 550px; height: 250px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: -1; pointer-events: none; }
section.about-group .grid-row:nth-child(3n+1) .left-cube { background: #000; width: 300px; height: 80px; position: absolute; top: 0px; left: 0; z-index: 1; pointer-events: none; }
section.about-group .grid-row:nth-child(3n+1) .right-cube { background: #000; width: 220px; height: 300px; position: absolute; top: 0px; right: 0; z-index: 1; pointer-events: none; }
section.about-group .grid-row:nth-child(3n+3) .grid-row-wrapper { background: transparent; /*transform: translateX(-3vw);*/ }
section.about-group .grid-row:nth-child(3n+3) .grid-row-wrapper .flexslider-box { transform: translate(0vw,20%) !important; }
section.about-group .grid-row:nth-child(3n+1) .grid-row-wrapper .grid-row-cell-text { transform: translate(0vw,20%) !important; }
body.dvr-1-5 section.about-group .grid-row:nth-child(3n+1) .grid-row-wrapper .grid-row-cell-text { transform: translate(5vw,10%) !important; }
section.about-group .grid-row:nth-child(3n+1) .grid-row-wrapper { background: transparent; /*transform: translateX(-3vw);*/ flex-direction: row-reverse; }
.FormResultPage #GridTop { display: none; }
.FormResultPage #SiteGridContainer { display: flex; flex-direction: column; justify-content: center; }
.FormResultPage a.FormResultPageButton { border-radius: 30px; background: transparent; color: #000; border: 2px solid #000; height: 34px; display: inline-flex !important; align-items: center; padding: 0 15px; justify-content: center; font-size: 19px; position: relative; transition: 0.4s; font-family: 'NarkisBlock-Bold'; }
.FormResultPage #text1 p { font-size: 48px; font-family: 'NarkisBlock-Bold'; color: #2a62fd; }
.FormResultPage a.FormResultPageButton:hover { color: rgba(0,0,0,0.5); background-color: #ddd7cd; }

@media (max-width: 1024px) {
    section.about-group .section-title { top: 40px; width: 100%; z-index: 1; }
    section.about-group .section-title h2 { font-size: 17px; }
    section.about-group .grid-row { padding: 120px 0 130px; }
    section.about-group .grid-row .grid-row-wrapper { display: flex; flex-direction: column !important; transform: unset !important; margin-bottom: 0; max-height: 2000px; height:auto;}
    section.about-group .grid-row .grid-row-wrapper .flexslider-box { padding: 0 40px 0 40px; margin-bottom: 0px; }
    section.about-group .grid-row .grid-row-wrapper .grid-row-cell-text { width: calc(100% - 155px); margin: 0px 40px 0 auto; padding: 20px 30px 25px; min-height: 210px; z-index: 2; }
    section.about-group .grid-row .grid-row-text h2, section.about-group .grid-row .grid-row-text h3 { font-size: 14px; }
    section.about-group .grid-row .grid-row-text .grid-row-headline { gap: 10px; }
    section.about-group .grid-row .grid-row-text p { font-size: 14px; }
    section.about-group .grid-row .grid-row-text a.grid-row-button { margin-top: 20px; width: 80px; height: 22px; font-size: 11px; padding-top: 1px; }
    section.about-group button.slick-arrow.slick-prev { left: auto; right: 10px; }
    section.about-group button.slick-arrow.slick-next { right: auto; left: 10px; }
    section.about-group button.slick-arrow.slick-prev .prev-arrow, section.about-group button.slick-arrow.slick-next .next-arrow { width: 20px; height: 20px; background-size: 100%; }
    section.about-group button.slick-arrow { top: 47%; }
    section.about-group .grid-row:nth-child(3n+3) .grid-row-wrapper { display: flex; flex-direction: column-reverse !important; }
    section.about-group .grid-row:nth-child(3n+3) .grid-row-wrapper .flexslider-box { transform: unset; margin-bottom: 0px; margin-top: -30px !important; }
    section.about-group .grid-row:nth-child(3n+2) .grid-row-wrapper .grid-row-cell-text { margin-top: -30px !important; }
    section.about-group .grid-row:nth-child(3n+1) .grid-row-wrapper .grid-row-cell-text { transform: unset; margin: calc(-10vw - 80px) auto 0 40px !important }
    section.about-group .grid-row:nth-child(3n+1) .grid-row-wrapper .flexslider-box { padding: 0; width: calc(100% - 80px); margin: 0 auto; }
    section.about-group .grid-row:nth-child(3n+1) .left-cube { width: 100px; }
    section.about-group .grid-row:nth-child(3n+1) .right-cube { width: 100px; height: 200px; }
    section.about-group .grid-row:nth-child(3n+1) .top-cube { width: calc(100% - 80px); height: 90px; }
    section.about-group .grid-row:nth-child(3n+3) .left-cube { width: 90px; height: 150px; left: unset; right: 0; top: 30px; }
    section.about-group .grid-row:nth-child(3n+3) .right-cube { width: 200px; bottom: 0; height: 100px; right: unset; left: 0; }
    section.about-group .grid-row:nth-child(3n+2) .left-cube { width: 67px; height: 120px; bottom: 30px; }
    section.about-group .grid-row:nth-child(3n+2) .right-cube { width: 94px; height: 112px; bottom: unset; top: 140px; }
    .FormResultPage #text1 p { font-size: 24px; }
}
