/* Michal Ravet */
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    :root { --vh: 100vh !important; }
}
/* General */
body { line-height: 1; color: #231f20; font-size: 20px; background: #fbfbfb; font-family: greycliff-hebrew-cf, sans-serif; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .gallery #galleryview #headline { font-size: 250%; color: #122231; position: relative; font-family: greycliff-hebrew-cf, sans-serif; font-weight: 200; }
.grid-boxes .grid-box-title h3 a { font-family: greycliff-hebrew-cf, sans-serif; font-weight: 200; }
p { font-size: 85%; letter-spacing: 0.24px; }
#SiteGrid { overflow: hidden; }
.site-credit.alternative.row { padding: 10px 0; }
#GridTop { height: 460px; }
#GridTop::After { position: absolute; content: ""; width: 100%; height: 100%; background: #000; opacity: 0.4; pointer-events: none; }
#GridTop.noTopImage.longer { height: 95px; }
.gallery #GridTop.noTopImage.longer { height: 0px; }
.CatalogItemPage #GridTop, .CatalogItemPage #GridTop.noTopImage.longer { height: 0; }
.top-caption { font-size: 250%; font-weight: 200; }
.top-caption h1 { font-size: inherit; color: #fff; }
.grid-rows .grid-row { background: #fbfbfb; }
a.FormResultPageButton { text-decoration: underline; }
#whatAppButton img { max-width: 100px; }
@media(min-width: 1024px) {
    #GridTop { margin-top: 100px; }
}

@media(max-width:1440px) {
    .home-page p { font-size: 80% !important; }
}

@media(max-width: 767px) {
    #GridTop { height: 360px; }
    #GridTop.noTopImage.longer { height: 79px; }
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 200%; max-width: 80%; margin: auto; }
    .top-caption h1 { margin: auto; }
    p { font-size: 80%; }
}


/* Header */
#header2 { background: #fbfbfb; z-index: 12; box-shadow: 0px 0 15px 0 rgb(0 0 0 / 10%); padding:0;}
#header-top-strip .topStripContainer { background: #c9cfd4; color: #011f3b; }
#header2 .max-width { max-width: unset; width: 100%; background: #fbfbfb; padding: 0 90px; }
#header2 #header-container #header-left { width: auto; left: 51%; position: fixed; top: 10px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); transition: 0.5s all; z-index: 100; display: inline-block; height: auto; margin: 0; }
.safariBrowser.home-page #header2 #header-container #header-left { text-align: center; width: 50%; }
#header2 #header-container #header-left img { width: 120px; transition: 0.5s all; }
#header2 .header-right-section { display: flex; align-items: center; background: transparent; padding: 0; width: auto; }
#header2 #header-container { position: relative; }
#header2 #header-container::after { position: absolute; content: ""; top: 0; left: 50%; transform: translateX(-50%); height: 140px; width: 142px; background: #fbfbfb; border-radius: 100px; pointer-events: none; z-index: 13; box-shadow: 0px 0 15px 0 rgb(0 0 0 / 10%); }
#header2 #header-container::before { position: absolute; content: ""; top: 0px; left: 50%; transform: translate(-50%); height: 98px; width: 200px; background: #fbfbfb; pointer-events: none; z-index: 15; }
#header2 .header-top { width: auto; padding: 0; display: inline-flex; align-items: center; justify-content: flex-start; }
#header2 .header-top-left { margin-right: 0; }
#header2 .header-top-left svg path { fill: #000; }
#header2 .menu-nav { margin: 0; display: flex; align-items: center; justify-content: center; }
#header2 ul.menu { margin-bottom: 0; }
#header2 ul.menu > li::before { display: none; }
#header2 #header-container ul.menu > li { font-size: 85%; transition: 0.3s all; padding: 41px 0px; font-family: greycliff-hebrew-cf, sans-serif; font-weight: 700; z-index: 50; }
#header2 #header-container ul.menu li, #header2 #header-container ul.menu li.active, #header2 #header-container ul.menu li:hover { background: transparent; color: #011f3b; }
#header2 #header-container ul.menu > li:nth-child(1) { margin-right: 135px; }
#header2 #header-container ul.menu > li:nth-child(4) { margin-right: 150px; }
#header2 #header-container ul.menu li:before { display: none; }
#header2 #header-container ul.menu .menu-sub li a { position: relative; width: fit-content; }
#header2 #header-container ul.menu > li a { position: relative; letter-spacing: 0.22px; white-space: nowrap; }
#header2 #header-container ul.menu > li a:focus { border: none; }
#header2 #header-container ul.menu > li a::after { position: absolute; content: ""; bottom: -5px; right: 0; width: 0; opacity: 0; height: 1px; background: #f3ccd0; transition: 0.4s all; }
#header2 #header-container ul.menu > li:hover a::after { width: 100%; opacity: 1; }
#header2 .header-top > .navShopBtn { display: inline-flex; margin: 0; align-items: center; }
#header2 .header-top > .userBtn.navShopBtn::before { content: ''; position: relative; display: inline-flex; width: 1px; height: 24px; margin: 0 17px; background-color: #000; }
#header2 .header-top > .navShopBtn button { display: flex; align-items: center; justify-content: center; padding: 0; }
#header2 .header-top > .navShopBtn button svg { height: 24px; width: 20px; }
#header2 .header-top .header-top-right { display: none; }
.home-page #header2:not(.scrolled) #header-container #header-left img { width: 329px; }

.headerShopLogin .userLogin { padding: 65px 0; text-align: center; font-size: 75%; }
.headerShopLogin .userLogin .existingUser, .headerShopLogin .userLogin .newUser { padding: 0 60px; }
.headerShopLogin .userLogin h2 { font-size: 135%; line-height: 1.2; color: #122231; font-weight: bold; }
.headerShopLogin .userLogin form { text-align: right; }
.headerShopLogin .userLogin form input:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) { border: 0; box-shadow: none; border-bottom: 1px solid #000; border-radius: 0; padding: 6px 0 16px; margin-bottom: 20px; }
.headerShopLogin .userLogin form .loginFormInput { text-align: center; }
.headerShopLogin .userLogin input.shopBtn, .headerShopLogin .userLogin .newUser a.registerUser.shopBtn { float: none; padding: 0; margin: 0 auto; margin-top: 35px; max-width: 165px; height: 47px; border-radius: 25px; display: flex; justify-content: center; align-items: center; line-height: normal; border: 0; padding-top: 3px; }
.headerShopLogin .userLogin input.shopBtn:hover, .headerShopLogin .userLogin .newUser a.registerUser.shopBtn:hover { font-weight: bold }
.headerShopLogin .userLogin .newUser a.registerUser.shopBtn { background-color: #f3ccd0; color: #000; }
.headerShopLogin .userLogin .newUser p { font-size: 100%; line-height: 1.33; letter-spacing: 0.21px; color: #231f20; }
.headerShopLogin .userLogin .newUser a.registerUser.shopBtn:hover { background-color: #000; color: #fff; }
.headerShopLogin .userLogin input.shopBtn:hover { background-color: #f3ccd0; color: #000; }
.headerShopLogin .userLogin .closeUserPop { top: 20px; }

@media(min-width: 767px) {
    .home-page #header2:not(.scrolled) #header-container #header-left { -webkit-transform: translate(-50.3%,calc(45vh - 150px)); -ms-transform: translate(-50.3%,calc(45vh - 150px)); transform: translate(-50.3%,calc(45vh - 150px)); }
}

@media(min-width: 1115px) {
    #header2 #header-container #header-left { width: auto; position: relative; top: 10px; margin-left: 8px; transition: 0.5s all; z-index: 100; display: inline-block; height: auto; left: unset; transform: none; }
    .home-page #header2:not(.scrolled) #header-container #header-left { transform: translateY(calc(45vh - 150px)); }
    #header2 .header-right-section { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); justify-content: space-between; z-index: 50; }
    #header2 { height: 100px;}
    #header2 .max-width { /*height: 100%;*/ height:100px; }
    #header2 #header-container { height: inherit; display: flex; justify-content: center; }
    #header2 #header-container::before { height: inherit; }
}



@media(max-width: 1024px) {
    #header2  { padding: 0; }
    #header-top-strip .topStripContainer { font-size: 15px }
    #header2 .max-width { padding: 28px 55px; }
    #header2 #header-container #header-left { top: 65px; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span,
    #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #000; height: 0.5px; width: 25px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -8px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -8px; }
    #header2 #header-container { display: flex; align-items: center; justify-content: space-between; }
    #header2 #header-container::after { top: -27px; }
    #header2 #header-container::before { height: 80px; width: 160px; top: -27px; }
    #header2 ul.menu { background: #0e1b27; min-height: 100%; position: fixed; text-align: right; width: calc(var(--vw)); height: 100%; top: 0px; left: 0; text-align: center; bottom: 0px; right: 0; overflow-y: auto; padding: 90px 0 60px; transform: translateX(100%); display: block !important; transition: 0.4s all ease; z-index: 15; }
    #header2.open ul.menu { transform: translateX(0); }
    #header2 #header-container ul.menu > li { font-size: 110%; padding: 16px 0; color: #fff; font-weight: 200; }
    #header2 #header-container ul.menu > li:nth-child(1) { margin-right: 0; }
    #header2 #header-container ul.menu > li:nth-child(4) { margin-right: 0; }
    #header2 .nav-menu-anim { z-index: 100; }
    #nav-toggle.active span:after, #nav-toggle.active span:before { background: #fff; }
    #header2.open .header-right-section { z-index: 110; margin-right: 10px; }
    #header2 #header-container ul.menu li > a { font-size: 100%; }
    #header2 #header-container ul.menu li > a::after { display: none; }
    #header2 #header-container ul.menu li.active a { color: #f3ccd0; }

    .headerShopLogin .userLogin .existingUser, .headerShopLogin .userLogin .newUser { margin: 0; padding: 0 40px 30px; height: 50%; }
    .userLogin .existingUser:before { bottom: 30px; }
    .headerShopLogin .userLogin .newUser { padding-top: 30px; padding-bottom: 0; margin: 0; }
    .headerShopLogin .userLogin { }
    .userLogin .newUserText { display: block; }
    
}

@media(max-width: 767px) {
    #header2 { padding: 0; }
    #header2 .max-width{ padding: 28px 15px; }
    #header2 .header-top > .navShopBtn button svg { width: 14px; height: 17px; }
    #header2 #header-container::after { height: 120px; width: 120px; }
    #header2 #header-container #header-left img { width: 92px; }
    .home-page #header2:not(.bg) #header-container #header-left { transform: translate(-50%,calc(50vh - 150px)); }
    /*.safariBrowser.home-page #header2:not(.bg) #header-container #header-left { transform: translate(-50%,50vh); }*/
    .home-page #header2:not(.bg) #header-container #header-left img { width: 200px; }
}

/* Catalog Page */
.grid-Catalog-Items.catalogSec { background: rgb(1 31 59 / 20%); padding: 50px 0; }
.grid-Catalog-Items.catalogSec .section-title { margin-bottom: 25px; }

.catalog-page:not(.ShopCheckoutPage) #GridPage .max-width { max-width: unset; width: 100%; }
/*.catalog-page #GridPage .max-width .catalogContainer.container { width: unset; }*/
.catalog-page #CatalogModule { padding: 60px 0px 300px; }
.catalog-page .itemsList, .home-page .grid-boxes-wrapper, .catalogLobby #LobbyModule .grid-boxes { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; width: 100%; }
.catalogItemBox { padding: 0 18px; }
.catalogItemBox a.item-image, .catalogLobby .grid-boxes .grid-box-image { padding-bottom: 0; }
.catalogItemBox a.item-image img { position: relative; top: unset; left: unset; transform: none; }
.catalogItemBox a.item-text { display: flex; align-items: flex-start; justify-content: space-between; padding: 10px 0 15px; margin-bottom: 15px; position: relative; direction: rtl; }
.catalogItemBox a.item-text:hover { color: #122231; }
.catalogItemBox a.item-text::after, .catalogLobby .grid-boxes .grid-box-title:after { content: ""; position: absolute; width: 100%; height: 1px; background: #ababab; bottom: 0; }
.catalogLobby .grid-boxes .grid-box-title:after { right: 0; bottom: -5px; }
.catalogItemBox a.item-text .item-text-top { min-height: 45px; max-width: 60%; }
.catalogItemBox a.item-text h3.itemTitle, .catalogLobby .grid-boxes .grid-box-title h3 a { max-width: unset; min-height: unset; margin: 0; font-size: 100%; font-weight: 700; }
.catalog-page #CatalogModule .itemsList .catalogItemBox a.item-text .finalPrice, .catalogItemBox a.item-text .finalPrice, 
.catalog-page #CatalogModule .itemsList .catalogItemBox a.item-text .itemBeforeDiscountPrice, .catalogItemBox a.item-text .itemBeforeDiscountPrice { font-size: 90%; font-weight: 700; position: relative; margin: 0; }
.catalog-page #CatalogModule .itemsList .catalogItemBox a.item-text .finalPrice::before, 
.catalogItemBox a.item-text .finalPrice::before, .catalog-page #CatalogModule .itemsList .catalogItemBox a.item-text .itemBeforeDiscountPrice::before, 
.catalogItemBox a.item-text .itemBeforeDiscountPrice::before { font-size: 65%; position: absolute; right: -15px; top: 2px; }
.catalog-page #CatalogModule .itemsList .catalogItemBox a.item-text .itemBeforeDiscountPrice, .catalogItemBox a.item-text .itemBeforeDiscountPrice { margin-right: 17px; }
.catalogItemBox button#addToCartBtn { background: transparent; color: #122231; border: none; min-width: 0; margin-top: 0; padding: 0; display: flex; font-size: 90%; align-items: center; direction: rtl; margin-right: 0; margin-left: auto; }
.catalogItemBox button#addToCartBtn::after { content: ""; display: block; background-image: url(/warehouse/temp/michalRabet/arrow-open.svg); width: 63px; background-repeat: no-repeat; height: 12px; transition: 0.4s all; margin-right: 7px; }
.catalogItemBox button#addToCartBtn:hover::after { width: 73px; }


/* out of stock */
.outOfStockLabel.hasTextLabel { width: auto; white-space: nowrap; height: auto; padding: 10px 15px; transform: translate(-50%,-50%); left: 50%; top: 40%; background: rgb(0 0 0 / 60%); font-size: 80%; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.catalogItemBox .catalogItemBoxInner:has(.outOfStockLabel) { pointer-events: none; }

@media(max-width: 767px) {
    .outOfStockLabel.hasTextLabel { font-size: 75%; }
    .catalogItemBox a.item-text { flex-direction: column; }
    .catalogItemBox a.item-text .item-text-top { min-height: 35px; margin-bottom: 7px; max-width: 100%; }
    .catalogItemBox a.item-text .item-text-top h3, .catalogItemBox a.item-text .item-price { font-size: 80% !important; font-weight: normal; }
    .catalogItemBox a.item-text .item-price .finalPrice::before { display: inline-block; position: relative !important; right: 0 !important; top: 0 !important; }
}

/*.catalogLobby .grid-boxes .grid-box-image-container { position: relative; }*/
.catalogLobby .grid-boxes .grid-box-title h3 a { color: #122231; }
.catalogLobby #LobbyModule .grid-box { padding: 0; margin-left: 30px; }

.catalogLobby #LobbyModule .grid-boxes.row::before, .catalogLobby #LobbyModule .grid-boxes.row::after { content: none; }
.catalogLobby #LobbyModule .grid-boxes { max-width: 1170px; gap: 37px; }
.catalogLobby #LobbyModule .grid-boxes > div { margin: 0; width: 25%; max-width: 264px; }
.catalogLobby .grid-boxes .grid-box-image { padding-bottom: 323px; margin-bottom: 14px; }
.catalogLobby .grid-boxes .box-image-animation img { object-fit: cover; }

@media(max-width: 767px) {
    .catalog-page #CatalogModule { padding: 0px 0px 100px; }
    .catalog-page #GridPage { padding: 0; }
    .catalogLobby #LobbyModule .grid-boxes { margin-bottom: 50px; }

    .catalogLobby .grid-boxes .grid-box-title:after { width: 85%; left: 50%; right: unset; transform: translateX(-50%); }

    .catalogLobby #LobbyModule .grid-boxes { gap: 40px 0; }
    .catalogLobby #LobbyModule .grid-boxes > div { width: 50%; max-width: unset; }
    .catalogLobby .grid-boxes .grid-box-image { padding-bottom: 120%; }
}

/*CatalogItemPage*/
.CatalogItemPage .item-variations span.error.propertyError { top: 10px; left: 65px; font-size: 70%; }
.CatalogItemPage .item-variations span.error.propertyError { top: auto; right: auto; left: auto; font-size: 80%; margin-right: 10px; position: relative; font-weight:normal; }

.CatalogItemPage .itemsList.row.relatedItemsCarousel { justify-content: center; align-items: center; }

@media(max-width: 767px) {

    .CatalogItemPage #CatalogItemView .propertyGroupContainer .propertyOption.hasImg { margin-left: 20px; }
}
/* Footer */
footer { padding: 0; }
#SiteFooter { padding: 0; position: relative; color: #fff; }
#SiteFooter .footer-text-divided { position: relative; padding: 54px 90px 54px 170px; background: #15151d; z-index: 0; display: flex; align-items: center; justify-content: space-between; }
#SiteFooter .footer-text-divided::after { position: absolute; content: ""; left: 0; top: 0; width: 480px; height: 100%; background-image: url(/warehouse/temp/michalRabet/pic-footer-D.png); background-repeat: no-repeat; background-size: 100% 100%; z-index: 1; }
#SiteFooter .footer-text-divided > div { width: auto; z-index: 10; }
#SiteFooter .footer-text-divided > div.footer-text-right { display: flex; padding: 0; flex-direction: row-reverse; }
#SiteFooter .footer-text-divided > div.footer-text-right ul { padding-right: 0; padding-left: 60px; list-style: none; order: 2; }
#SiteFooter .footer-text-divided > div.footer-text-right ul li { font-size: 85%; margin: 0 0 10px; }
#SiteFooter .footer-text-divided > div.footer-text-right ul li:last-child { margin: 0; }
#SiteFooter .footer-text-divided > div.footer-text-right ul li a:hover,
#SiteFooter .footer-text-divided > div.footer-text-right ul li a:focus { color: #f3ccd0; }
#SiteFooter .footer-text-divided > div.footer-text-right ul li a { transition: 0.3s all ease; }
#SiteFooter .footer-text-divided > div.footer-text-right p a { margin: 0 10px; position: relative; display: inline-flex; transition: 0.3s all; }
#SiteFooter .footer-text-divided > div.footer-text-right p a img { transition: 0.4s all; }
#SiteFooter .footer-text-divided > div.footer-text-right p a:hover img { opacity: 0; }
#SiteFooter .footer-text-divided > div.footer-text-right p a::after { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; width: 100%; background-size: 100%; background-image: url(/warehouse/temp/michalRabet/FB-hover.svg); background-repeat: no-repeat; opacity: 0; transition: 0.4s all; }
#SiteFooter .footer-text-divided > div.footer-text-right p a:hover::after { opacity: 1; }
#SiteFooter .footer-text-divided > div.footer-text-right p:nth-child(3) a::after { background-image: url(/warehouse/dynamic/472272.svg); }
/*#SiteFooter .footer-text-divided > div.footer-text-right p a:last-child::after { background-image: url(/warehouse/temp/michalRabet/IG-hover.svg); }*/

@media(max-width: 1024px) {
    #SiteFooter .footer-text-divided { padding: 50px; }
}

@media(max-width: 767px) {
    #SiteFooter .footer-text-divided { padding: 45px 45px 60px; flex-direction: column-reverse; }
    #SiteFooter .footer-text-divided::after { background-image: url(/warehouse/temp/michalRabet/pic-footer-M.png); width: 100%; background-size: cover; background-position: top; height: 60%; }
    #SiteFooter .footer-text-divided > div.footer-text-left { display: inline-flex; padding-bottom: 40px; }
    #SiteFooter .footer-text-divided > div.footer-text-left img { max-width: 100px; }
    #SiteFooter .footer-text-divided > div.footer-text-right { justify-content: center; }
    #SiteFooter .footer-text-divided > div.footer-text-right p { width: 100%; display: inline-flex; justify-content: center; padding-bottom: 40px; }
    #SiteFooter .footer-text-divided > div.footer-text-right ul { width: auto; padding: 0; margin: 0; }
    #SiteFooter .footer-text-divided > div.footer-text-right ul:first-child { margin: 0 25px; }
    #SiteFooter .footer-text-divided > div.footer-text-right { flex-wrap: wrap; flex-direction: row; }

    #SiteFooter .text-center { display: flex; justify-content: space-between; }
    #SiteFooter .text-center a { margin: 0; font-size: 70%; display: inline-flex; align-items: center; }
}

/* Content Pages */
.content-page #GridPage .max-width { max-width: unset; width: 100%; }
.content-page #GridContent { position: relative; }
.content-page #GridContent::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 490px; background: #011f3b; opacity: 0.2; z-index: -1; }
.content-page #ContentRegularModule { padding: 80px 0 115px; max-width: 825px; margin: 0 auto; }
.content-page #ContentRegularModule #text1 { max-width: 100%; }
.content-page #ContentRegularModule #text2 { max-width: 100%; padding-top: 40px; }
.content-page #ContentRegularModule h2 { font-size: 175%; margin: 80px 0 20px; }
.content-page #ContentRegularModule img { padding-top: 30px; width: 100%; }

.curtain-page #ContentRegularModule h2 { margin-top: 0; }
.curtain-page #GridContent::after { content: none; }

.styling-page #ContentRegularModule { padding: 80px 0 60px; }
.styling-page .GridBottomGallery::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #011f3b; opacity: 0.2; z-index: -1; }
.styling-page .GridBottomGallery .owl-carousel .owl-item img { height: 372px; width: auto; }

@media(max-width: 1024px) {
    .content-page #GridContent::after { height: 350px; }
    .content-page #ContentRegularModule { padding: 10px 0 60px; }
    .content-page #ContentRegularModule h2 { margin: 20px 0 20px; }
    .content-page #ContentRegularModule p:not(:has(img)) { padding: 0 35px; }
    .content-page #ContentRegularModule p:has(img) { padding: 0 35px; }
    .content-page #ContentRegularModule #text2 { padding-top: 20px; }
}

@media(max-width: 767px) {
    .content-page #GridContent::after { height: 200px; }
    .content-page #ContentRegularModule h2 { margin: 0 auto 20px; }
    .content-page #ContentRegularModule p:has(img) { padding: 0 15px; }
}

/* Faq Page */
.faq-page .panel-group { padding: 60px 0 200px; }
.faq-page .faq-headline .button-open { display: none; }
.faq-page .faq-headline::before, .faq-headline::after { content: ''; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); }
.faq-page .faq-headline::after { height: 15px; width: 3px; background: #000; transform: translate(6px, -50%); transition: .35s ease all; border-radius: 50px; }
.faq-page .faq-headline::before { width: 15px; height: 3px; background: #000; transform: translateY(-50%); border-radius: 50px; }
.faq-page .faq-headline.open::after { transform: translateY(-50%) rotate(90deg); left: 47px; }
.faq-page .faq-item { border: 0; border-radius: 0; margin-bottom: 15px !important; }
.faq-page .faq-item .faq-headline { background: #fff; font-size: 100%; font-weight: 700; border: 1px solid #000; padding: 30px 30px; }
.faq-page .faq-item .faq-body { background: #c9cfd4; margin-top: 5px; }
.faq-page .faq-item .faq-body > div { padding: 30px 35px 50px; line-height: 1.47; max-width: 900px; }

@media(max-width: 767px) {
    .faq-page .panel-group { padding: 10px 0 60px; }
    .faq-page .faq-item .faq-headline { padding: 20px 20px; }
    .faq-page .faq-headline::before, .faq-headline::after { left: 20px; }
    .faq-page .faq-headline.open::after { left: 27px; }
    .faq-page .faq-item .faq-body > div { padding: 20px 25px 20px; }
}

/* Gallery Page */
.gallery #galleryview { max-width: 1260px; padding: 130px 0 160px; }
.gallery #galleryview #headline { margin-bottom: 95px; }
.gallery #galleryview .gallery-cubes > div { width: 50%; padding: 10px; }
.gallery #galleryview .gallery-cubes .boxes-images-outer-image { padding-bottom: 0; height: 460px; }

@media(max-width: 1024px) {
    .gallery #galleryview .gallery-cubes .boxes-images-outer-image { max-height: 300px; }
    
}

@media(max-width: 767px) {
    .gallery #galleryview { padding: 40px 0 60px; }
    .gallery #galleryview #headline { margin-bottom: 50px; }
    .gallery #galleryview .gallery-cubes > div { width: 100%; }
    .gallery #galleryview .gallery-cubes .boxes-images-outer-image { max-height: 250px; }
}


/*FormResultPage */
.FormResultPage #SiteGrid { min-height: 100vh; }
.FormResultPage #GridPage { padding-top: 80px; display: flex; height: 100%; }

@media(max-width: 1024px) {
    .FormResultPage #headline h1 { font-size: 35px; }
}

/*accessabilityMainPage*/
.accessabilityMainPage #GridTop.noTopImage.longer { height: 0; }
.accessabilityMainPage #GridPage #GridWrap { max-width: 850px; padding: 50px 0 90px; display: flex; }
.accessabilityMainPage #accessability h2 { font-size: clamp(28px, -0.25rem + 3.333vw, 35px); max-width: 100%; }
ul.accessability-list { font-size: 85%; margin-bottom: 25px; }

@media(max-width: 1024px) {
    .accessabilityMainPage #GridPage #GridWrap { width: 100%; padding: 100px 0 65px; }
    #accessability #headline { font-size: 180%; }
    #accessability #text1 { max-width: 100%; }
}

/* UnZoom */

@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh) - 100px) !important; background-attachment: unset; min-width: inherit; min-height: unset !important; background-size: 100% 100%; }
    body.macOs.safariBrowser #home-gallery, body.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg,
    body.macOs #home-gallery, body.macOs #home-gallery .slides, body.macOs #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh) - 100px) !important; }
    body.macOs .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    :root{--vh:100vh;}
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { background-size: 110% 100%; background-position-y:center; }
}

@media (max-width: 767px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh) - 100px) !important; background-attachment: unset; min-height: unset !important; background-size: 115% 100%; }
}

/* 29.3.23 fixes */
@media (max-width: 767px) {
    .grid-text-section .section-title { margin-bottom: 0px; }
    .cottonSec .grid-boxes .section-animation-item:last-child { padding-bottom: 0; }
    .fabricSec .grid-row li.slider-item { margin: 0 35px; }
    .fabricSec .grid-rows .grid-row-text h2 { margin-right: 0; }
    .catalogItemBox { padding: 0 14px; }
    .section-title { margin-bottom: 35px; }
    .michalSec .grid-rows .grid-row-text h2 { margin-right: 0; margin-bottom: 20px; }
}

.userProfilePage .shopLayout { max-width: 62%; margin: 0 auto; }
@media(max-width: 1024px) {
    .userProfilePage .shopLayout { max-width: 100%; margin-top: 110px; }
}