/* DIZENGOF EN */ :root { } /*------------------------------------------/* HEADER /*------------------------------------------*/ @media(min-width: 768px) { #header2 .header-top-left { margin-left: 15px; } #header2 .menu-sub.megaMenu::after, #header2 #megaMenu-123.menu-sub::after, #header2 #megaMenu-124.menu-sub::after { content: ''; position: absolute; top: -20px; width: 100%; height: 20px; inset-inline-end: 0; } #header2 .menu-sub.megaMenu::before, #header2 #megaMenu-123.menu-sub::before, #header2 #megaMenu-124.menu-sub::before { content: ''; width: 43px; height: 31px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49' height='31' viewBox='0 0 49 31'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='49' height='31' transform='translate(-21764 -8208)' fill='%23fff'/%3E%3C/clipPath%3E%3ClinearGradient id='b' x1='1.107' y1='-0.05' x2='0' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2391d7cf '/%3E%3Cstop offset='1' stop-color='%2391d7cf '/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(21764 8208)' clip-path='url(%23a)'%3E%3Cpath d='M1365.142 8.506c5.852 3.111 6.392 13.54 1.206 23.293s-14.133 15.137-19.985 12.025-6.392-13.54-1.206-23.293S1359.29 5.395 1365.142 8.506Z' transform='translate(-23094.5 -8207.653)' stroke='%237ccfc5' stroke-width='2' fill='url(%23b)'/%3E%3Cg transform='translate(-21728.572 -8190.631) rotate(120)'%3E%3Cpath d='M4.8.219A.826.826 0 0 1 4.98.747a.826.826 0 0 1-.183.528L1.5 5.219 4.8 9.165a.854.854 0 0 1 0 1.056.553.553 0 0 1-.881 0L.183 5.747a.853.853 0 0 1 0-1.056L3.916.219a.553.553 0 0 1 .881 0Z' transform='translate(0 0)' fill='%23001420' stroke='%23001420' stroke-width='1' fill-rule='evenodd'/%3E%3Cpath d='M0 .574C0 .257.386 0 .861 0H12.055c.476 0 .861.257.861.574s-.386.574-.861.574H.861C.386 1.147 0 .89 0 .574Z' transform='translate(1.084 4.646)' fill='%23001420' stroke='%23001420' stroke-width='1' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); transform: scaleX(-1); position: absolute; top: -31px; inset-inline-start: 50px; } #header2 #megaMenu-123.menu-sub::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49' height='31' viewBox='0 0 49 31'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='49' height='31' transform='translate(-21880 -8208)' fill='%23fff'/%3E%3C/clipPath%3E%3ClinearGradient id='b' x1='1.107' y1='-0.05' x2='0' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fde2ef'/%3E%3Cstop offset='1' stop-color='%23fde2ef'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(21880 8208)' clip-path='url(%23a)'%3E%3Cpath d='M1365.142 8.506c5.852 3.111 6.392 13.54 1.206 23.293s-14.133 15.137-19.985 12.025-6.392-13.54-1.206-23.293S1359.29 5.395 1365.142 8.506Z' transform='translate(-23211 -8207.653)' stroke='%23ee3d96' stroke-width='2' fill='url(%23b)'/%3E%3Cg transform='translate(-21845.072 -8190.631) rotate(120)'%3E%3Cpath d='M4.8.219A.826.826 0 0 1 4.98.747a.826.826 0 0 1-.183.528L1.5 5.219 4.8 9.165a.854.854 0 0 1 0 1.056.553.553 0 0 1-.881 0L.183 5.747a.853.853 0 0 1 0-1.056L3.916.219a.553.553 0 0 1 .881 0Z' transform='translate(0 0)' fill='%23001420' stroke='%23001420' stroke-width='1' fill-rule='evenodd'/%3E%3Cpath d='M0 .574C0 .257.386 0 .861 0H12.055c.476 0 .861.257.861.574s-.386.574-.861.574H.861C.386 1.147 0 .89 0 .574Z' transform='translate(1.084 4.646)' fill='%23001420' stroke='%23001420' stroke-width='1' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } #header2 #megaMenu-122.menu-sub::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49' height='31' viewBox='0 0 49 31'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='49' height='31' transform='translate(-21824 -8208)' fill='%23fff'/%3E%3C/clipPath%3E%3ClinearGradient id='b' x1='1.107' y1='-0.05' x2='0' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffecd3'/%3E%3Cstop offset='1' stop-color='%23ffecd3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(21824 8208)' clip-path='url(%23a)'%3E%3Cpath d='M1365.142 8.506c5.852 3.111 6.392 13.54 1.206 23.293s-14.133 15.137-19.985 12.025-6.392-13.54-1.206-23.293S1359.29 5.395 1365.142 8.506Z' transform='translate(-23153 -8207.653)' stroke='%23f90' stroke-width='2' fill='url(%23b)'/%3E%3Cg transform='translate(-21787.072 -8190.632) rotate(120)'%3E%3Cpath d='M4.8.219A.826.826 0 0 1 4.98.747a.826.826 0 0 1-.183.528L1.5 5.219 4.8 9.165a.854.854 0 0 1 0 1.056.553.553 0 0 1-.881 0L.183 5.747a.853.853 0 0 1 0-1.056L3.916.219a.553.553 0 0 1 .881 0Z' transform='translate(0 0)' fill='%23001420' stroke='%23001420' stroke-width='1' fill-rule='evenodd'/%3E%3Cpath d='M0 .574C0 .257.386 0 .861 0H12.055c.476 0 .861.257.861.574s-.386.574-.861.574H.861C.386 1.147 0 .89 0 .574Z' transform='translate(1.084 4.646)' fill='%23001420' stroke='%23001420' stroke-width='1' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /*influence*/ #header2 #megaMenu-124.menu-sub, #header2 #megaMenu-123.menu-sub, #header2 #megaMenu-122.menu-sub, #header2 #megaMenu-121.menu-sub { background: rgb(255,255,255); background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(124,207,197,1) 100%); width: 480px; padding: 20px; border: 2px solid rgba(124, 207, 197,1); border-radius: 10px 0; box-shadow: var(--shadow); top: 53px; } #header2 ul.menu #megaMenu-124.menu-sub.megaMenu li, #header2 ul.menu #megaMenu-123.menu-sub.megaMenu li { display: inline-flex; flex-wrap: wrap; width: 50%; margin: 0; min-width: unset; float: right; } #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuGroup, #header2 ul.menu #megaMenu-123.menu-sub.megaMenu .megaMenuGroup { padding: 0 15px; width: 100%; } #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .menuGroupTitle, #header2 ul.menu #megaMenu-123.menu-sub.megaMenu .menuGroupTitle, #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .menuGroupTitle, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .menuGroupTitle { color: var(--black); font-size: 0.9rem; margin-bottom: 10px; } #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .menuGroupTitle span, #header2 ul.menu #megaMenu-123.menu-sub.megaMenu .menuGroupTitle span, #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .menuGroupTitle span, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .menuGroupTitle span { display: none; } #header2 ul.menu #megaMenu-124.menu-sub.megaMenu li.megaMenuSubItem, #header2 ul.menu #megaMenu-123.menu-sub.megaMenu li.megaMenuSubItem, #header2 ul.menu #megaMenu-122.menu-sub.megaMenu li.megaMenuSubItem, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu li.megaMenuSubItem { width: 100%; margin: 0; font-size: 0.75rem; color: var(--black); font-family: var(--regular); line-height: 24px; padding-bottom: 5px; } /*expirence*/ #header2 #megaMenu-123.menu-sub { background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(252,220,236,1) 100%); border-color: #ee3d96; } #header2 ul.menu #megaMenu-123.menu-sub.megaMenu .megaMenuSub, #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuSub { width: 50%; } /*buy*/ #header2 #megaMenu-122.menu-sub { border-color: #ff9900; background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,234,206,1) 100%); width: 770px; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu li, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu li, #header2 ul.menu #megaMenu-123.menu-sub.megaMenu li { width: 100%; overflow: hidden; margin-inline-end: 0; display: flex; flex-wrap: wrap; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .menuGroupTitle, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .menuGroupTitle, #header2 ul.menu #megaMenu-123.menu-sub.megaMenu .menuGroupTitle, #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .menuGroupTitle { display: block; width: 100%; flex-shrink: initial; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .menuGroupTitle a, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .menuGroupTitle a { float: none; display: block; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .menuGroupTitle a:hover:after, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .menuGroupTitle a:hover:after { content: none; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .megaMenuSub, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .megaMenuSub { column-count: 3; column-fill: balance; width: calc(100% - 260px); margin-inline-end: 20px; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .megaMenuGroupImage, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .megaMenuGroupImage, #header2 ul.menu #megaMenu-123.menu-sub.megaMenu .megaMenuGroupImage, #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuGroupImage { width: 50%; position: relative; border-radius: 10px 0; overflow: hidden; max-width: 240px; height: 100%; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .megaMenuGroupImage img, #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .megaMenuGroupImage img, #header2 ul.menu #megaMenu-123.menu-sub.megaMenu .megaMenuGroupImage img, #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuGroupImage img { width: 100%; height: auto; object-fit: cover; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .megaMenuGroupImage a, #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuGroupImage a { padding: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; overflow: hidden; background: var(--orange); max-width: 200px; font-size: 0.75rem; color: transparent; border-radius: 25px; font-family: var(--regular); } #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuGroupImage a { background: var(--light-green); max-width: 160px; padding-block: 12.5px; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .megaMenuGroupImage a::after { bottom: unset; width: 100%; background: transparent; inset-inline-start: 0; height: unset; border-radius: unset; z-index: unset; } /*visit*/ #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .megaMenuSub { column-count: 1; width: calc(100% - 240px); } .zoom150 #header2 ul.menu #megaMenu-121.menu-sub.megaMenu .megaMenuSub { column-count: 1; width: calc(100% - 240px); } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .megaMenuGroupImage a::before, #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuGroupImage a::before { content: attr(data-content); position: absolute; top: 100px; color: var(--blackish); transition: all 0.5s ease; opacity: 0; pointer-events: none; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .megaMenuGroupImage a::after, #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuGroupImage a::after { content: attr(data-content); position: absolute; top: 50%; -webkit-transform: translateY(-50%); color: var(--blackish); transition: all 0.5s ease; opacity: 1; width: 100%; left: 0; text-align: center; height: unset; background: transparent; bottom: unset; border-radius: unset; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .megaMenuGroupImage a:hover::before, #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuGroupImage a:hover::before { top: 50%; -webkit-transform: translateY(-50%); opacity: 1; } #header2 ul.menu #megaMenu-122.menu-sub.megaMenu .megaMenuGroupImage a:hover::after, #header2 ul.menu #megaMenu-124.menu-sub.megaMenu .megaMenuGroupImage a:hover::after { top: -100px; -webkit-transform: translateY(100%); opacity: 0; } } @media(max-width: 767px) { #header2.open #megamenuGroup-121-1.menu-available.menu-active, #header2.open #megamenuGroup-124-1.menu-available.menu-active, #header2.open #megamenuGroup-124-2.menu-available.menu-active { background-image: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(124,207,197,1) 100%); background-color: #fff; overflow-y: scroll; } #header2.open #megamenuGroup-122-1.menu-available.menu-active { background-image: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(255,234,206,1) 100%); overflow-y: scroll; } #header2.open #megamenuGroup-123-1.menu-available.menu-active, #header2.open #megamenuGroup-123-2.menu-available.menu-active { background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(252,220,236,1) 100%); overflow-y: scroll; } #searchFormCategory .searchSubmitWrapper { left: auto; right: 25px; } } /*------------------------------------------/* DIRECTIONS /*------------------------------------------*/ h1, h2, h3, h4, h5, h6 { direction: ltr; } header .searchOpenDesk #searchFormHeaderContainer form#searchFormHeader { direction: rtl; } #quick-search-container #SearchResultContainer li.resultItem { text-align: start; } #quick-search-container #SearchResultContainer li.finalResultItem { flex-direction: row-reverse; justify-content: flex-end; } .useful-info-nav ul { flex-direction: row; } .useful-info-grid-content { direction: ltr; } .stors-gallery .grid-rows .grid-row { direction: ltr !important; } .footer-text-divided { flex-direction: row-reverse; } .footer-text-divided > div.footer-text-right { text-align: start; direction: ltr; } .history .timeline-sec .timeline-years .slick-track { align-items: flex-end; } .history .timeline-sec .timeline-info .info-item { flex-direction: row-reverse !important; } .history .timeline-sec .timeline-info .info-item .info-item-text { direction: ltr; } .sustainability_row_wrapper { flex-direction: row-reverse; } .SingleItemPage #CatalogItemView .item-price span.finalPrice, #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .item-price span.finalPrice { flex-direction: row; } .catalogItemSingleView .addedToCartDetail.item-price span.finalPrice:before { content: '₪' !important; } @media(max-width: 1024px) { .history .timeline-sec .timeline-years .slick-track { direction: ltr !important; } .history .timeline-sec .timeline-info .info-item { flex-direction: column !important; } } @media(min-width: 768px) { .useful-info-grid { flex-direction: row-reverse; } body.CatalogItemPage.SingleItemPage section.singleItemSection.itemFirstDetails:not(.shortLayout) .singleItemContentWrapper { flex-direction: row-reverse; } } @media(max-width: 767px) { .megaMenuSectionContainer .megaMenu { padding-inline-start: 0; text-align: start; } .sustainability_row_wrapper { flex-direction: column-reverse; } body.SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent > div.item-action-wrapper > div.item-actions { flex-direction: row; } body.SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent > div.item-action-wrapper { flex-direction: row-reverse; } } /*------------------------------------------/* TRANSFORMS /*------------------------------------------*/ #quick-search-container #SearchResultContainer li.finalResultItem::before { transform: rotate(-90deg); } #quick-search-container #SearchResultContainer li.resultItem .resultContent > a .resultArrow svg { transform: scaleX(-1); } .home-page .grid-form-section .form-container-wide::after { transform: translateX(-50%) scaleX(-1); } #gridshort-view .flex-row > div .grid-short-box-link a::after { transform: scaleX(-1); } .history .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow .text-wrapper { transform: translate(-200px, 0px) !important; } .pink-layout-page .stand_item_name .arrow svg { transform: scaleX(-1); } .orange-layout-page .filterWrapper .categories-strip { left: calc(50% + 160px); } .orange-layout-page .filterWrapper #searchFormCategory { left: calc(50% - 160px); } .orange-layout-page .filterWrapper #searchFormCategory span.error { display: none !important; } .orange-layout-page #CatalogCategoryPage .catalogItemBox .item-text-top::after, #SearchResultPage .searchResultsList > .catalogItemBox .item-text-top::after { transform: scaleX(-1); } @media(max-width: 1024px) { .home-page .grid-form-section .form-container-wide::after { -webkit-transform: none; } .history .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow .text-wrapper { transform: translate(-25px, -45px) !important; } .history .timeline-sec .timeline-info .info-item.slick-current .text-wrapper h3 { transform: translate(0, 0) !important; } } @media(min-width: 768px) { .useful-info-grid .character { -webkit-transform: translateX(-50%) scaleX(-1); left: calc(50% + 50px); } } @media(max-width: 767px) { #header2 ul.menu { transform: translateX(-100%) !important; } .menuSvgArrowIcon { transform: rotate(-90deg); } .megaMenuSectionContainer > button span > div { transform: rotate(90deg); } .useful-info-grid .character { left: unset; inset-inline-end: 0; -webkit-transform: scaleX(-1); animation: unset !important; } } /*------------------------------------------/* GENERAL /*------------------------------------------*/ .useful-info-content-wrap { border-radius: 0 0 0 80px; } .indicator { justify-content: end; } .stors-gallery .grid-rows .grid-row .grid-row-cell-text { padding: 150px 0 0 270px; } .stors-gallery .grid-rows .grid-row-text { padding: 20px 30px 60px 90px; border-radius: 0 0 80px 0; max-width: 500px; } .grid-form-section .normal-form input:not([type="checkbox"]) { border-radius: 0 10px; } .green-layout-page .grid-content-section.promo-boxes { border-radius: 0 80px; } .green-layout-page #LobbyModule .promo-boxes .grid-boxes .grid-box { border-radius: 0 20px; } .green-layout-page #LobbyModule .parking-fee .parking-fee-bord { border-radius: 0 30px; } #GridPromo #DynamicFormObject:is([dynamic-form-object-id="2885"], [dynamic-form-object-id="3353"]) .dynamicFormObjectField input[type="text"] { border-radius: 0 8px 0 8px; } .green-layout-page .topImg { border-radius: 0 30px; } .history .timeline-sec .timeline-info .info-item img { border-radius: 0 30px 0 50px; } #DynamicFormObject form .dynamicFormObjectField .must:before { right: auto; left: 10px; } #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input, #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 select, #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 textarea, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 select, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 textarea, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.col-xs-12 textarea, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 select, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 textarea { border-radius: 0 10px !important; } label.error, span.error { right: 20px; left: unset; text-align: end; transform: unset; top: unset; bottom: 100%; z-index: 10; font-size: 0.6rem; } #GridPromo #DynamicFormObject, .rental-areas #GridPromo #DynamicFormObject, #DynamicFormObject[dynamic-form-object-id="2918"], #DynamicFormObject[dynamic-form-object-id="2917"], #DynamicFormObject[dynamic-form-object-id="3052"], .grid-form-section .form-container-wide #DynamicFormObject[dynamic-form-object-id="2919"] { border-radius: 0 10px 0 20px !important; } #home-gallery .scroll-text::after { background-image: url(https://media.getmood.io/warehouse/dynamic/602725.svg); background-position: center; background-size: 90%; top: 5px; } .thanks-page #text1 p:first-child { font-family: var(--bold), 'paralucent' !important; } .page-error-404 .page-not-found { margin-top: 50px; } .page-error-404 .page-not-found #headline { display: none; } .page-error-404 .page-not-found #text1 p { color: #000; font-size: 1.6rem; font-family: var(--bold), paralucent; margin: 0; } .page-error-404 .page-not-found #text1 p a { margin-top: 30px; font-size: 0.8rem; } @media(min-width: 991px) { .categories-strip ul li { border-radius: 0 15px; } .categories-strip ul li a { border-radius: 0 15px; } .categories-strip ul li.active, .categories-strip ul li:hover > a { border-radius: 0 15px; } } @media(max-width: 1024px) { .stors-gallery .grid-rows .grid-row .grid-row-cell-text { padding: 100px 0 0; } .stors-gallery .grid-rows .grid-row-text { padding: 20px 20px 40px; } .green-layout-page .grid-content-section.promo-boxes { border-radius: 0; } .history .timeline-sec .timeline-info .slick-list.draggable { padding-inline-start: 20px !important; padding-left: unset !important; } } @media(min-width: 768px) { .useful-info-content-container { padding-inline-start: 7%; padding-inline-end: 0; } } @media(max-width: 767px) { .megaMenuGroupImage img { border-radius: 0 15px; } .orange-layout-page .grid-top-char { right: unset; } .careerPage nav.menu-tags-list { font-size: 0.7rem; } #shops-positions-lobby .catagory_filter_nav + .draggable-indicator { left: auto; right: 0; transform: scaleX(-1); } .sustainabilityPage .catalogItemBox a.item-text::before, .sustainabilityPage .catalogItemBox a.item-text::after { font-size: 90%; } .orange-layout-page .categories-strip { margin: 0 auto 30px; top: unset; } .orange-layout-page #CatalogModule .filtersList { display: none; } .page-error-404 .page-not-found #text1 p { font-size: 100%; } } @keyframes entrance { 0%, 5% { transform: translateX(-150%) scaleX(-1); opacity: 0; } 20% { opacity: 0; } 50% { opacity: 1; } 80%, 100% { transform: translateX(-50%) scaleX(-1); opacity: 1; } } @keyframes mob-entrance { 0%, 5% { transform: translateX(-150%) scaleX(-1); opacity: 0; } 20% { opacity: 0; } 50% { opacity: 1; } 80%, 100% { transform: initial; opacity: 1; } } @keyframes characters { 0%, 5% { transform: translateX(150%) scaleX(-1); opacity: 0; } 20% { opacity: 0; } 50% { opacity: 1; } 80%, 100% { transform: initial; opacity: 1; } } @keyframes bounce-right { 0%, 100% { transform: translate(0, 0) scaleX(-1); } 50% { transform: translate(10px, 0) scaleX(-1); } }