﻿/* Shafir */

/* INIT CSS */
#header2 { background: none; }
#header2 ul.menu > li::before { content: none; }
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border-color: inherit; }
#header2 ul.menu li { color: inherit; vertical-align: initial; }
#header2 ul.menu li a:focus { border-width: 0; opacity: 1; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
#header2 ul.menu li:hover { color: inherit; }
.owl-carousel .owl-nav div { font-size: 0; }
.accessabilityMainPage #GridTop { height: auto; overflow: hidden; }
.accessabilityMainPage .categories-strip { display: none; }
#header2 .menu-nav .closed { display: none !important; }
#SiteFooter { padding: 0; }
#SiteFooter .site-credit { padding: 10px 0; }
#SiteFooter .site-credit > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; line-height: 1; float: none; }
#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; margin: 0; font-size: 75%; white-space: nowrap; }
#SiteFooter .site-credit a.AccessabilityLink:focus, #SiteFooter .site-credit a.AccessabilityLink:hover { color: #fff; }
.grid-boxes .grid-box-title h3 a { color: inherit; }
#GridContent { float: none; }
.shopLayout::after, .subTotalInner::after, .cartWrapper::after { content: ''; display: table; clear: both; }
#DynamicFormObject { border: none; max-width: 100% !important; }
#DynamicFormObject:after { content: none; }
footer { padding: 0; }
#SiteFooter { float: none; }
.grid-text p { margin-top: 0; }
.grid-rows .grid-row-text p { line-height: 1.5; }
.itemsList.row { display: flex; flex-wrap: wrap; }
.itemsList.row::before { content: none; }
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
#header2 ul.menu > li:before { content: none; }
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
.normal-form input, .normal-form textarea, #DynamicFormObject input[type=submit] { width: 100%; max-width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
.grid-text .grid-text-content { direction: inherit; width: 100%; }
#LobbyModule .grid-box, #lobbyview .grid-box { font-size: 100%; }
#LobbyModule .grid-boxes, #lobbyview .grid-boxes { display: flex; flex-wrap: wrap; padding: 0; }
#LobbyModule .grid-box, #lobbyview .grid-box { margin: 0; }
#GridTop .top-caption { min-width: 0; }
.section-title h1, .section-title h2 { max-width: 100%; }
.grid-box-title { display: block; }
.grid-text-section .section-title { margin-bottom: 0; }
.modal.fade { padding: 0 !important; }
.grid-text .sec-button:focus { outline: none; }
.pagination > li > a { width: 43px; height: 43px; }
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
#header2 .header-top-right a.lang:focus { border-bottom: inherit; }
#header2 .header-top-right a.lang { background: initial; }
#header2 ul.menu { margin: 0; line-height: 1; vertical-align: inherit; }
#header2 ul.menu li .menu-sub a { float: none; }
#header2 ul.menu li.active { color: inherit; background: inherit; }
#header2 ul.menu .menu-sub li { float: none; display: block; color: inherit; font-size: 100%; margin-bottom: 0; }
#header2 ul.menu .menu-sub li + li { margin-top: 10px; }
#header2 .menu-sub { float: none; text-align: inherit; background: inherit; }
#header2 ul.menu .menu-sub li:hover { color: initial; }
.gallery-container { width: 100%; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; }
.grid-rows .grid-row { background-color: initial; }
.section-title { margin: 0; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0 15px; margin: 0; }
#SiteGrid.layout-bottom #GridContent { text-align: inherit; }
#text1, #text2 { text-align: inherit; max-width: 100%; }
.grid-rows .grid-row-text { margin: 0; padding: 0; }
.grid-rows .grid-row-text h2 { margin: 0; display: flex; align-items: center; }
#GridPage .max-width { width: 100%; max-width: 100%; }
#text1 p:last-child { margin-bottom: 0; }
.grid-rows .grid-row-text a { margin: 0; }
.section { padding: 0; margin: 0 auto; }
#GridPage { padding: 40px 0; }
.grid-boxes .grid-box .grid-box-title h3 { margin: 0; }
.grid-boxes .section-animation-item { margin: 0; }
.box-image-animation img { width: 100%; }
#videoContainer { position: relative; margin-top: 15px; margin-bottom: 15px; }
#videoContainer::before { content: ''; display: block; padding-top: 56.25%; }
#videoContainer > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 0 15px; }
#header2.detailsInRow .header-right-section { direction: inherit; }
#GridPage { padding: 70px 0; }

@media(max-width: 767px) {
    #GridPage { padding: 50px 0; }
    #DynamicFormObject { margin: auto; }
}

/* General */
body { font-size: 20px; line-height: 1.25; color: #000; background-color: #f7f6f2; font-family: 'EzerDoo', sans-serif !important; }
#whatAppButton { bottom: 3%; border-radius: 0; box-shadow: none; }
a:hover, a:focus { color: #000; }
label { font-family: '', sans-serif; font-weight: normal; font-size: 80%; margin: 0; }
iframe { display: block; max-width: 100%; width: 100%; }
label.error, span.error { font-size: 12px; left: 5px; top: 5px; }
::selection { background: #000; color: #fff; }


/*owl gallery*/
.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 7px; height: 12px; }
.owl-carousel .owl-prev:after { background-image: url('/warehouse/temp/technoda/arrow_l.svg'); }
.owl-carousel .owl-next:after { background-image: url('/warehouse/temp/technoda/arrow_r.svg'); }
.owl-carousel .owl-nav div { width: 33px; height: 33px; border: 1px solid #ffcb1a; display: flex; align-items: center; justify-content: center; border-radius: 33px; transition: .35s ease; }
.owl-carousel .owl-item .item .plus-sign { display: none; }
.owl-carousel .owl-next { right: 10px; left: auto; }
.owl-carousel .owl-prev { left: 10px; right: auto; }
.owl-carousel .owl-nav div:hover { background: #ffcb1a; }


:root { --header-height: 80px; --text-70: 350%; --text-45: 225%; --text-35: 175%; --text-22: 110%; --text-17: 85%; --text-15: 75%; }

@media(max-width: 767px) {
    :root { --header-height: 65px; --text-45: 180%; --text-35: 175%; --text-22: 80%; --text-17: 80%; --text-15: 65%; }
}

/*header*/
header { padding-top: var(--header-height); }
header a.skip-link.screen-reader-text:is(.hidden-xs, .hidden-sm, .menu-nav-link) { display: none !important; }
#header2.fixedMenu { top: 0; }
#header2 { padding: 0; color: #fff; background-color: #001216; }
#header2 .max-width { width: 100%; max-width: 100% !important; }
#header2 .header-right-section { width: auto; background: none; position: static; display: flex; flex-direction: row-reverse; align-items: center; }
#header2 .mobile-middle-kdm { width: auto; margin: 0; display: none; }
#header2 .menu-nav { margin: 0; max-width: none; float: none !important; }
#header2 #header-left { margin: 0; display: block; width: auto; position: relative; align-self: center; height: auto; transition: .35s ease-in-out; }

#header2 #header-container { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; height: var(--header-height); max-width: 95.8%; margin: 0 auto; }
#header2 .header-top-right { float: none; }
#header2 .nav-menu-anim { width: 26px; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before { background: #fff; width: 100%; }
#nav-toggle.active span:before, #nav-toggle.active span:after { background: #000; }
#header2 .header-top-left { margin-right: 0; direction: inherit; }
#header2 .header-top-left svg { fill: #000; width: 15px; height: 15px; transition: .35s ease; }
#header2 .header-top-left a:hover svg { fill: #4e592b; }
#header2 .header-top-left a { margin: 0; }
#header2.detailsInRow .menu-nav { direction: inherit; }
#header2 .menu-nav > ul.menu > li > a { font-size: var(--text-17); }
#header2 .menu-nav > ul.menu li { margin: 0; }
#header2 .nav-menu-anim { margin: 0; }
#header2 .header-top { padding: 0; }
#header2 .header-top-left { display: flex; font-size: 0; }
#header2 .header-top-left > a + a { margin-right: 15px; }
#header2 #header-left .logoHeader { max-width: 128px; transform: translateY(20px); }
#header2 .menu-nav > ul.menu > li:hover > a { color: #f9a138; }
#header2 ul.menu .menu-sub > li > a { font-size: 75%; padding: 10px; display: block; }
#header2 .has-sub i.opensub { display: none; }
.searchBtn { width: 40px; height: 40px; background: #fff; border-radius: 40px; display: flex; align-items: center; justify-content: center; }
.searchBtn svg { fill: #000; }
header.search-open .searchBtn svg { fill: #000; }
.has-sub > a::after { content: ''; display: inline-block; width: 10px; height: 5px; background: url('/warehouse/temp/shafir/dropdown-arrow.svg') no-repeat center center; vertical-align: middle; margin-right: 7px; transform: rotate(0deg); transition: .35s ease; }
.has-sub.open > a::after { transform: rotate(180deg); }

@media(min-width: 1025px) {
    #header2 .menu-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
    #header2 .menu-nav > ul.menu > li:not(.last-item):after { content: ''; width: 5px; height: 5px; background-color: #f9a138; border-radius: 12px; display: inline-block; vertical-align: middle; margin: 0 20px; }
    #header2 .menu-sub { background-color: #fff; border-bottom: 4px solid #f9a138; color: #000; padding: 10px 7px; }
    #header2 .menu-sub::before { content: ''; position: absolute; top: 0; right: 15px; transform: translateY(-100%); border-width: 0 1px 0 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 6px solid #fff; z-index: 2; }
    #header2 .menu-sub { top: 150%; }
}

@media(max-width: 1024px) {
    #header2 #header-left { flex: auto; display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; position: static; }
    #header2 ul.menu { background-color: #f7f6f2; color: #000; }
    #header2 #header-container { flex-direction: row; }
    #header2 #header-left .logoHeader { position: absolute; top: 25%; left: 50%; transform: translateX(-50%); max-width: 90px; }
    #header2.headerHasSearch #header-left img { max-width: 100%; }
    .searchBtn { width: 32px; height: 32px; }
    .searchBtn svg { width: 16px; height: 16px; }
    header #searchFormHeaderContainer form#searchFormHeader { background: #001216; z-index: -1; }
}

@media(max-width: 767px) {
    #header2 #header-left { /* max-width: 44px; */ }
    #header2 ul.menu { width: 100vw; height: 100vh; }
    #header2 ul.menu li > a { font-size: 100%; }
    #header2 ul.menu { font-size: 120%; padding-top: 43%; z-index: 0; }
    #header2 ul.menu > li { float: none; display: block; width: auto; }
    #header2 .menu-nav > ul.menu > li { margin-top: 30px; }
    #header2 ul.menu .social-links a { line-height: 1; display: block; }
    #header2 .social-links { font-size: 0; display: flex; justify-content: center; }
    #header2 ul.menu li.social-mobile { position: absolute; bottom: 19%; left: 50%; transform: translateX(-50%); }
    #header2 ul.menu .social-links a svg { fill: #000; }
    #header2 .menu-nav > ul.menu > li > a { --text-17: 100%; }
    .has-sub > a::after { filter: invert(1); }
}



#home-gallery { max-height: 500px; z-index: 0; }
#home-gallery button.controlSlider { bottom: 40px; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; min-height: 0; background-attachment: scroll; }
#home-gallery .slides::before { content: ''; position: absolute; bottom: 0; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 35%); z-index: 3; display: block; }
#home-gallery .gallery-caption { z-index: 4; }
#home-gallery .gallery-caption .gallery-text { font-size: var(--text-70); font-weight: 700; max-width: 13ch; text-align: center; white-space: initial; line-height: 1.07; }
#home-gallery .gallery-caption { top: 50%; transform: translate(-50%, -50%); width: fit-content; }
#home-gallery .scroll-down { display: none; }
#home-gallery .opacity-layer { opacity: 0.3 !important; z-index: 4 !important; }

#home-gallery .flex-direction-nav { z-index: 5; font-size: 0; }
#home-gallery .flex-direction-nav a { width: 31px; height: 20px; margin: 0; }
#home-gallery .flex-direction-nav a.flex-prev:before { background-image: url('/warehouse/temp/shafir/arrow-left.svg'); }
#home-gallery .flex-direction-nav a.flex-next:before { background-image: url('/warehouse/temp/shafir/arrow-right.svg'); }
#home-gallery .flex-direction-nav a.flex-prev::before,
#home-gallery .flex-direction-nav a.flex-next::before { background-size: 100%; background-repeat: no-repeat; height: 100%; width: 100%; }
#home-gallery .flex-direction-nav .flex-prev { left: 15px; }
#home-gallery .flex-direction-nav a.flex-next { right: 15px; }

@media(min-width: 1025px) {
    #home-gallery .flex-direction-nav a.flex-next { right: 3%; }
    #home-gallery .flex-direction-nav .flex-prev { left: 3%; }
}

@media(max-width: 767px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 200%; }
    #home-gallery .flex-direction-nav { display: none; }
    #home-gallery:not(.video-slider) button.controlSlider { display: none; }
}

.heroTabs.grid-content-section { max-width: 805px; padding: 0 15px; }
.heroTabs .grid-boxes { display: flex; margin: -5% -7.5px 0; }
.heroTabs .grid-boxes .grid-box-image { display: none; }
.heroTabs .grid-boxes .grid-box { padding: 0 7.5px; }
.heroTabs .grid-boxes .grid-box .grid-box-title { background: #f9a138; border-radius: 40px 10px; transition: .35s ease; }
.heroTabs .grid-boxes .grid-box .grid-box-title a { padding: 33px 50px; min-width: 250px; display: block; }
.heroTabs .grid-boxes .grid-box .grid-box-title h3 { font-size: 100%; }
.heroTabs .grid-boxes .grid-box .grid-box-title:hover { background: #005162; color: #fff; }

@media(max-width: 767px) {
    .heroTabs .grid-boxes { flex-direction: column; margin-top: -30%; }
    .heroTabs .grid-boxes .grid-box .grid-box-title a { padding: 25px 15px; min-width: 180px; }
    .heroTabs .grid-boxes .grid-box .grid-box-title { border-radius: 15px 5px; }
    .heroTabs .grid-boxes .grid-box + .grid-box { margin-top: 15px !important; }
    .heroTabs .grid-boxes .grid-box .grid-box-title h3 { font-size: 80%; }
}




.eventsSec.grid-content-section { text-align: start; max-width: 100%; background: url(/warehouse/temp/shafir/rounded-shape-bg.svg); background-repeat: no-repeat; background-size: auto 95%; background-position: right; background-attachment: initial; padding-top: 79px; padding-bottom: 92px; display: flex; justify-content: center; flex-direction: column; align-items: center; margin-top: 110px; }
.eventsSec .grid-boxes { display: flex; text-align: start; width: 100%; margin: 0 -40px; max-width: 1158px; padding-top: 40px; }
.eventsSec .grid-boxes .grid-box { padding: 0 40px; }
.eventsSec .section-title h2 { font-size: var(--text-45); font-weight: 700; }
.eventsSec .section-title h3 { font-size: var(--text-17); color: #005162; margin: 15px 0 0; }
.eventsSec .section-title h3::before { content: ''; background-color: #005162; width: 25px; height: 3px; display: inline-block; vertical-align: middle; margin-left: 20px; }
.eventsSec .grid-boxes .grid-box-image { border-radius: 40px 10px; margin: 0; padding-bottom: 80%; }
.eventsSec .grid-boxes .grid-box .grid-box-title h3 { font-size: var(--text-22); font-weight: 700; color: #005162; }
.eventsSec .grid-boxes .grid-box-subtitle { font-size: 75%; margin-top: 10px; }
.eventsSec .grid-boxes .grid-box-subtitle.button { margin-top: 40px; display: flex; align-items: center; }
.eventsSec .grid-boxes .grid-box-subtitle.button::before { content: ''; width: 44px; height: 44px; background: #f9a138; display: inline-block; vertical-align: middle; border-radius: 22px; }
.eventsSec .grid-boxes .grid-box-subtitle.button > a { margin-right: -6%; }
.eventsSec .grid-boxes .grid-box-subtitle.button::after { content: ''; width: 20px; height: 13px; background: url('/warehouse/temp/shafir/btn-arrow.svg'); background-repeat: no-repeat; margin-right: 15px; transition: linear .15s; background-size: 30px 13px; transform-origin: right; will-change: transform; }
.eventsSec .grid-boxes .grid-box-subtitle.button:hover::after { background-size: 20px 13px; }
.eventsSec .section-title { max-width: 1158px; width: 100%; padding: 0 40px; }
.eventsSec .grid-box .grid-box-title { margin-top: 15px; }

@media(max-width: 767px) {
    #SiteContainer .eventsSec.grid-content-section { background-size: auto 100%; background-position: -2%; padding-top: 40px; padding-bottom: 50px; padding-left: 0; margin-top: 60px; }
    #SiteContainer .eventsSec .grid-boxes { overflow-y: auto; width: 100%; max-width: 100%; scroll-snap-align: center; scroll-snap-type: x mandatory; margin: 0 -15px; flex-wrap: nowrap; }
    .eventsSec .grid-boxes .grid-box { width: 80vw; flex: 0 0 auto; scroll-snap-align: center; padding: 0 15px; }
    .eventsSec .section-title h2 { /* font-size: 185%; */ }
    .eventsSec .section-title h3 { /* font-size: 80%; */ }
    .eventsSec .section-title h3::before { width: 15px; height: 2px; margin-left: 10px; }
    .eventsSec .grid-boxes .grid-box .grid-box-title h3 { /* font-size: 90%; */ }
    .eventsSec .grid-boxes .grid-box-subtitle.button { margin-top: 20px; }
}

.aboutSec.grid-row-section { max-width: 980px; padding: 130px 0; }
.aboutSec .grid-rows { display: block; }
.aboutSec .grid-rows .grid-row { display: flex !important; align-items: center; }
.aboutSec .grid-rows .grid-row-cell { display: block !important; padding: 0 15px; }
.aboutSec .grid-row li.slider-item { padding-bottom: 0; }
.aboutSec .grid-row .grid-row-image-container { position: static; }
.aboutSec .grid-rows .grid-row-text { width: 100%; }
.aboutSec .grid-rows .grid-row-text h2 { font-weight: 700; font-size: var(--text-45); }
.aboutSec .grid-rows .grid-row-text h3 { font-size: var(--text-17); color: #005162; margin: 15px 0 0; }
.aboutSec .grid-rows .grid-row-text h3::before { content: ''; background-color: #005162; width: 25px; height: 3px; display: inline-block; vertical-align: middle; margin-left: 20px; }
.aboutSec .grid-rows .grid-row-text a.grid-row-button { font-size: 75%; background-color: #f9a138; border-radius: 20px 5px; border: none; min-width: 180px; text-align: center; padding: 15px; margin-top: 40px; transition: .35s ease; }
.aboutSec .grid-rows .grid-row-text p { font-size: 75%; margin-top: 20px; }
.aboutSec .grid-rows .grid-row-cell.flexslider-box { max-width: 440px; }
.aboutSec .grid-rows .grid-row-text a.grid-row-button:hover { background: #005162; color: #fff; }

@media(min-width: 768px) {
    .aboutSec .grid-rows .grid-row-cell-text { padding-right: 100px; width: 60%; }
}

@media(max-width: 767px) {
    .aboutSec .grid-rows .grid-row { flex-direction: column; }
    .aboutSec.grid-row-section { padding: 60px 0; }
    .aboutSec .grid-rows .grid-row-cell-text { padding-top: 45px; }
}

.parallaxSec.grid-image-section { margin-left: 0; height: auto; }
.parallaxSec .image-section-data { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.parallaxSec.grid-image-section::before { content: ''; display: block; padding-top: 28.902%; }
.parallaxSec .image-section-data .image-section-Btn { top: auto; bottom: 20px; right: 30px; left: auto; transform: none; font-size: 100%; }
.parallaxSec .image-section-data .image-section-Btn a { background: none; color: #fff; font-size: 80%; width: auto; padding: 0; letter-spacing: 1.6px; }


@media(max-width: 767px) {
    .parallaxSec.grid-image-section { }
    .parallaxSec.grid-image-section::before { padding-top: 66.5%; }
    .parallaxSec .image-section-data .image-section-Btn { right: 15px; bottom: 10px; font-size: 80%; }
}

.home-page .grid-form-section { padding-top: 160px; padding-bottom: 117px; }
.grid-form-section { max-width: 100%; padding: 55px 15px 150px; }
.normal-form input, .normal-form textarea, .normal-form select { box-shadow: none; font-size: 70%; background-color: transparent; border-radius: 0; margin-bottom: 10px; height: auto; width: 100%; padding: 12px; line-height: 1.5; border-width: 0 0 1px 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 10px; font-size: 12px; top: 15px; }
.form-container-wide #DynamicFormObject form { margin-top: 33px; }
.form-container-wide #DynamicFormObject { padding: 60px 90px; background-color: #fff; max-width: 950px !important; margin: 0 auto; display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; font-size: 100%; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: start; font-size: 250%; line-height: 1; font-weight: 700; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: var(--text-17); margin: 0; text-align: start; color: #005162; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 12px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; display: flex; justify-content: center; margin-top: 15px; }
.form-container-wide #DynamicFormObject input[type=submit] { width: auto; font-size: 80%; background: #f9a138; color: #000; border: none; border-radius: 20px 5px; min-width: 180px; padding: 15px; height: auto; line-height: 1.25; }
.form-container-wide #DynamicFormObject::before { /* content: ''; */ position: absolute; left: 43px; top: 0; transform: translateY(-50%); width: 160px; height: 175px; background: url('/warehouse/temp/shakedroyal/contact-logo.svg'); background-size: 100%; background-repeat: no-repeat; }
.form-container-wide #DynamicFormObject input[type=submit]:hover { background: #000; color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::before { content: ''; display: inline-block; vertical-align: middle; width: 25px; height: 3px; border-radius: 2px; background-color: currentColor; margin-left: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { width: auto; font-size: 60%; display: block; margin-top: 10px; text-align: start; }
.form-container-wide #DynamicFormObject { border-radius: 50px 10px; }
.form-container-wide #DynamicFormObject .select-wrapper::after { left: 6px; }

body:not(.contactPage) .form-container-wide #DynamicFormObject .dynamicFormObjectField, body:not(.contactPage) .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; justify-content: flex-start; }
body:not(.contactPage) .grid-form-section .form-container-wide #DynamicFormObject { max-width: none; width: 60%; margin-right: 0; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 5%); }
body:not(.contactPage) .grid-form-section .form-container-wide { max-width: 890px; margin: 0 auto; position: relative; padding-top: 32px; }
body:not(.contactPage) .grid-form-section .form-container-wide::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; height: 80%; background: url(/warehouse/temp/shafir/contact-pic.png); background-repeat: no-repeat; width: 50%; border-radius: 50px 10px; }
body:not(.contactPage) .form-container-wide #DynamicFormObject input[type=submit] { width: auto; font-size: 80%; background: #f9a138; color: #000; border: none; border-radius: 20px 5px; min-width: 180px; padding: 15px; height: auto; line-height: 1.25; }




@media(max-width: 767px) {
    .home-page .grid-form-section { padding-top: 60px; padding-bottom: 60px; }

    .grid-form-section { padding-bottom: 50px; }
    .normal-form input, .normal-form textarea, .normal-form select { font-size: 70% !important; }
    .form-container-wide #DynamicFormObject { padding: 60px 15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject::before { width: 65px; height: 72px; left: 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--text-45); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }


    body:not(.contactPage) .grid-form-section .form-container-wide #DynamicFormObject { width: 90%; padding-top: 30px; padding-bottom: 30px; }
    body:not(.contactPage) .grid-form-section .form-container-wide::before { height: 50%; width: 70%; }
    body:not(.contactPage) .grid-form-section .form-container-wide { padding-top: 20%; }
}



/* FOOOTER */
#SiteFooter { background-color: #001216; color: #fff; }
#SiteFooter .footer-text-divided { position: relative; padding: 63px 0 68px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; max-width: 65%; margin: 0 auto; }
#SiteFooter .footer-text-divided > .footer-text-left { display: flex; width: auto; padding: 0 4%; position: relative; }
#SiteFooter .footer-text-divided > .footer-text-right { /* position: absolute; */ /* right: 4%; */ /* width: auto; */ /* top: 37%; */ /* z-index: 2; */ }
#SiteFooter .footer-text-divided > .footer-text-right > p:not(:last-child) { margin-bottom: 35px; }
#SiteFooter .footer-text-divided > .footer-text-right > p:last-child > a:not(:last-child) { margin-right: 10px; }
#SiteFooter ul { list-style-type: none; padding: 0; }
#SiteFooter ul > li:first-child::after { /* content: ''; */ display: block; position: absolute; right: 0; left: 0; width: 92%; margin: 0 auto; }
#SiteFooter ul > li > h3 { margin: 0 0 15px; font-size: 70%; font-weight: 300; }
#SiteFooter ul > li:nth-child(2) { /* padding-top: 25px; */ }
#SiteFooter ul > li { /* margin-bottom: 15px; */ line-height: 1; }
#SiteFooter ul > li { font-size: 60%; }
#SiteFooter ul:not(:last-child) { /* margin-right: 120px; */ }
#SiteFooter ul > li > a:is(:hover, :focus) { color: #f9a139; }
#SiteFooter ul > li > a { transition: .35s ease; }
#SiteFooter .footer-text-left ul:last-child > li:last-child > a + a { margin-left: 15px; }
#SiteFooter .footer-text-left ul:last-child > li:last-child > a:hover { filter: invert(1); }
#SiteFooter .footer-text-left ul:last-child > li:last-child > a { transition: .35s ease; }

#SiteFooter .footer-text-divided > div { width: auto; flex: 0 0 auto; }
#SiteFooter .footer-text-divided > div.footer-text-middle { margin-left: auto; border-right: 1px solid #fff; text-align: start; }
#SiteFooter .footer-text-divided > .footer-text-right { display: flex; }
#SiteFooter .footer-text-divided ul li + li { margin-top: 15px; }
#SiteFooter .footer-text-right ul { margin-left: 60px; }
#SiteFooter .footer-text-divided > div.footer-text-middle ul { margin-right: 45px; }


@media(max-width:767px) {
    #SiteFooter .footer-text-divided { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; padding: 40px 15px; max-width: 100%; }
    #SiteFooter .footer-text-divided > .footer-text-right { display: block; position: static; }
    #SiteFooter .footer-text-divided > .footer-text-left img { max-width: 100px; }
    #SiteFooter .footer-text-divided > div.footer-text-middle ul { margin-right: 0; }
    #SiteFooter .footer-text-divided > div.footer-text-middle { border: none; margin-top: 30px; }
    #SiteFooter .footer-text-divided > .footer-text-left { position: absolute; left: 0; padding: 0 15px; }
}



/* Inner pages */
#GridTop { max-height: 250px; }
#GridTop::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .4; }
#GridTop .top-caption { top: 50%; font-size: 100%; }
#GridTop .top-caption h1 { font-size: var(--text-70); font-weight: 700; }


@media(max-width: 767px) {
    #GridTop .top-caption h1 { font-size: 200%; }
}



#ContentRegularModule .MainContent #subheadline h2 { font-size: var(--text-45); font-weight: 700; }
#ContentRegularModule .MainContent #subheadline h2 { font-size: var(--text-45); font-weight: 700; margin: 0; }
#ContentRegularModule .MainContent #subheadline::after { content: ''; display: block; width: 100px; height: 3px; background-color: #005162; margin: 15px auto 0; }
#ContentRegularModule .MainContent #text1 { margin-top: 15px; max-width: 760px; padding: 0 15px; }
#ContentRegularModule .MainContent #text1 p, .MainContent #text1 ul { font-size: 75%; }
#ContentRegularModule #subheadline { max-width: 760px; padding: 0 15px; margin: 0 auto; }
#ContentRegularModule #text1 img { margin-top: 30px; margin-bottom: 30px; }
.rightAligning #ContentRegularModule .MainContent #subheadline::after { content: none; }
#ContentRegularModule .MainContent #text1 h2 { font-size: var(--text-17); color: #005162; margin-bottom: 30px; }
#ContentRegularModule .MainContent #text1 h2::before { content: ''; display: inline-block; vertical-align: middle; background-color: #005162; height: 3px; width: 25px; margin-left: 20px; }
#ContentRegularModule .MainContent #text1 h2 ~ h2 { margin-top: 50px; }
.MainContent #text1 ul { padding: 0; list-style-position: inside; }
.MainContent #text1 ul ::marker { color: #005162; }

@media(max-width: 767px) {
    #ContentRegularModule #subheadline, #ContentRegularModule .MainContent #text1 { padding: 0 25px; }
}

.rentPage .grid-form-section { padding-top: 150px; padding-bottom: 80px; }
.rentPage .grid-rows .grid-row { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -45px; width: auto; }
.rentPage .grid-rows .grid-row-cell { display: block !important; padding: 0 45px; width: 50%; }
.rentPage .grid-rows .grid-row-cell ul.slides { border-radius: 40px 10px; overflow: hidden; }
.rentPage .grid-row-section { max-width: 1320px; margin: 0 auto; padding: 0 15px; overflow: hidden; }
.rentPage .grid-rows .grid-row-text { width: 100% }
.rentPage .grid-row li.slider-item { padding-bottom: 66.67%; position: relative; }
.rentPage .grid-row .box-image-animation img { width: 100%; height: auto; }
.rentPage .grid-rows .grid-row-text h2 { font-size: 175%; font-weight: 700; }
.rentPage .grid-rows .grid-row-text h3 { margin-top: 17px; color: #005162; font-size: var(--text-17); }
.rentPage .grid-rows .grid-row-text h3::before { content: ''; width: 25px; height: 3px; display: inline-block; vertical-align: middle; background-color: currentColor; margin-left: 20px; }
.rentPage .grid-rows .grid-row-text p { font-size: 75%; }
.rentPage .grid-rows .grid-row + .grid-row { margin-top: 90px; }
.rentPage .grid-rows .grid-row:nth-child(odd) { flex-direction: row-reverse; }
.rentPage .grid-rows .grid-row:nth-child(even) { flex-direction: row-reverse; }
.rentPage .grid-rows .grid-row-cell.flexslider-box { /* width: 54%; */ }
.rentPage .grid-rows .grid-row-cell-text { /* width: 46%; */ }
.rentPage .grid-rows .grid-row:nth-child(even) .grid-row-cell ul.slides { border-radius: 10px 40px; }


@media(max-width: 767px) {
    .rentPage .grid-rows .grid-row-cell.flexslider-box { width: 100%; }
    .rentPage .grid-rows .grid-row-cell-text { width: 100%; padding-top: 30px; }
    .rentPage .grid-rows .grid-row + .grid-row { margin-top: 80px; }
    .rentPage .grid-form-section { padding-top: 80px; }
}

#SiteContainer .lobbySec.grid-content-section { max-width: 1000px; padding: 0 15px; overflow: hidden; }
#SiteContainer .lobbySec .grid-boxes { margin: 0 -35px -25px; }
#SiteContainer .lobbySec .grid-boxes .grid-box { padding: 0 35px; margin-bottom: 25px; }
#SiteContainer .lobbySec .grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; border-radius: 40px 10px; }
#SiteContainer .lobbySec .grid-boxes .grid-box-image-container { position: static; }
#SiteContainer .lobbySec .grid-boxes .grid-box-title h3 { font-size: 125%; font-weight: 700; }
#SiteContainer .lobbySec .grid-boxes .grid-box-title { margin-top: 30px; }


@media(max-width: 767px) {
    #SiteContainer .lobbySec.grid-content-section { padding-top: 60px; padding-bottom: 60px; }
    #SiteContainer .lobbySec .grid-boxes .grid-box-title h3 { font-size: 100%; }
    #SiteContainer .lobbySec .grid-boxes .grid-box { margin-bottom: 60px; padding: 0 20%; }
    #SiteContainer .lobbySec .grid-boxes { margin-bottom: -60px; }
}


#SiteContainer .logosSec { max-width: 1201px; padding: 60px 15px; }
#SiteContainer .logosSec .section-title h2, #SiteContainer .about-sec .section-title h2, #SiteContainer .our-sell-sec .section-title :is(h1,h2) { font-size: var(--text-45); font-weight: 700; }
#SiteContainer .logosSec .section-title h2::after, #SiteContainer .about-sec .section-title h2::after,
#SiteContainer .our-sell-sec .section-title :is(h1,h2)::after { content: ''; display: block; margin: 15px auto 0; width: 100px; height: 2px; background: #005162; }
#SiteContainer .logosSec .grid-boxes .grid-box-image { padding-bottom: 100%; background-color: #fff; margin: 0; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 5%); }
#SiteContainer .logosSec .grid-boxes .grid-box-image::before { content: ''; position: absolute; left: 0; bottom: 0; width: 44px; height: 34px; border-radius: 10% 100% 0 0; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05); background: #f7f6f2 url('/warehouse/temp/shafir/btn-arrow.svg') no-repeat 30% 61%; background-size: 15px 10px; }
#SiteContainer .logosSec .grid-boxes .grid-box-image img { max-width: 100%; width: -webkit-fill-available; }
#SiteContainer .logosSec .grid-box-image-container a { display: block; position: static; height: 100%; width: 100%; }
#SiteContainer .logosSec .grid-box-image-container img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#SiteContainer .logosSec .grid-box { margin: 0 0 25px; padding: 0 12px; }
#SiteContainer .logosSec .grid-boxes { margin: 0 -12px -25px; }
#SiteContainer .logosSec .section-title { margin-bottom: 60px; }

.contactPage .grid-text-section .section-title h2 { font-size: var(--text-45); font-weight: 700; }
.contactPage .grid-text h2 { font-size: var(--text-17); color: #005162; padding-top: 20px; padding-bottom: 25px; }
.contactPage .grid-text p { font-size: 75%; line-height: 1.5; }
.contactPage .grid-text .grid-text-content h4 strong { text-decoration: underline; }
.contactPage .grid-text-content img { max-width: 100%; height: auto; margin-top: 50px; margin-bottom: 100px; }
.contactPage .image-section-data { border-radius: 40px 10px; height: auto; }
.contactPage .grid-image-section { max-width: 600px; height: auto; margin-bottom: 90px; margin-top: 20px; padding: 0 15px; }
.contactPage .image-section-data img { margin-top: 0 !important; }

@media(max-width: 767px ) {
    .contactPage .grid-text-section .section-title { padding: 0 15px; }
    .contactPage .grid-text-content img { margin-bottom: 50px; }
}


.visitSec.grid-row-section { max-width: 1200px; padding: 105px 15px 45px; }
.visitSec .grid-rows { padding: 0 15px; display: block; width: auto; overflow: hidden; }
.visitSec .grid-rows .grid-row { display: flex; margin: 0 -35px; width: auto; justify-content: center; align-items: center; }
.visitSec .grid-rows .grid-row-cell { display: block !important; width: 54.033333%; padding: 0 35px; }
.visitSec .grid-rows .grid-row-text { width: 100%; }
.visitSec .grid-row .grid-row-image-container { position: static; }
.visitSec .grid-row li.slider-item { padding-bottom: 0; }
.visitSec .grid-rows .grid-row-text h2 { font-size: var(--text-45); font-weight: 700; }
.visitSec .grid-rows .grid-row-text h3 { font-size: 85%; margin-top: 20px; }
.visitSec .grid-rows .grid-row-text p { font-size: 75%; }
.visitSec .grid-row .grid-row-cell.grid-row-cell-text { width: auto; }
.visitSec .box-image-animation { border-radius: 40px 10px; }

@media(max-width: 767px) {
    .visitSec .grid-rows .grid-row-cell, .visitSec .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; }
}

body.modal-open { padding-right: 0 !important; }
.modal.contentInPopUp.textInPop { position: absolute; bottom: auto; right: auto; z-index: 1; transform: translateY(-5%); }
.modal-vertical-align { display: block; width: auto; height: auto; }
.modal-lg { width: auto; }
.modal.fade .modal-dialog { width: 100%; display: block; margin: 0; }
.modal-vertical-align { width: 100%; }
#multi-content-modal .modal-backdrop { display: none; }
#multi-content-modal.textInPop .modal-content { border: 1px solid #f9a138; padding: 16px; width: 100%; margin: 0; }
#multi-content-modal.modal .close { position: static; font-size: 0; }
#multi-content-modal.modal .close svg { fill: #000; width: 20px; height: 20px; }
#multi-content-modal.textInPop #PopUpData { max-width: 100%; max-height: none; padding: 0 0 45px; text-align: center; }
#multi-content-modal.textInPop #PopUpData img { max-width: 130px; height: auto; }
#multi-content-modal.textInPop #PopUpData h3 { font-size: 85%; font-weight: 600; color: #005162; line-height: 1.4; }
#multi-content-modal.textInPop #PopUpData p { font-size: 75%; line-height: 1.5; }
#multi-content-modal.textInPop #PopUpData a[href^="tel:"] { position: absolute; bottom: 0; background-color: #f9a138; left: 0; right: 0; padding: 13px; line-height: 1.25; }
#multi-content-modal.textInPop #PopUpData a[href^="tel:"]::before { content: ''; display: inline-block; width: 16px; height: 15px; background: url(/warehouse/temp/shafir/phone-icon.svg) no-repeat center center; background-size: 100%; margin-left: 10px; vertical-align: middle; }


@media(max-width: 767px) {
    .modal.contentInPopUp.textInPop { position: fixed; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); width: 100% !important; height: auto; padding: 0 15px !important; }
    #multi-content-modal.textInPop .modal-content { max-width: 100%; }
}

#accessability #headline { font-size: var(--text-45); }
#accessability #text1 { margin-top: 30px; max-width: 760px; padding: 0 15px; }
#accessability #text1 p, #accessability #text1 ul { font-size: 75%; }
#accessability .container-fluid { padding: 0; }


/*Lobby Page */
.lobby-grid .categories-strip { display: none; }
.lobby-grid .grid-text .grid-text-content { /* font-size: 75%; */ line-height: 1.53; }
.lobby-grid .grid-text-section { max-width: 750px; }



/***CUBE GALLERY*/
.gallery-cubes > div { margin: 10px; }
.gallery-cubes { margin-top: 50px; }

@media(min-width:768px) {
    .gallery-cubes > div { width: calc(25% - 20px); }
}

@media(max-width:767px) {
    .gallery-cubes > div { width: calc(50% - 20px); }
}


@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .modal.contentInPopUp.textInPop { margin-top: calc(100vh * 0.25); }
}

#SiteContainer .our-sell-sec .section-topText a { width: auto; font-size: 80%; background: #f9a138; color: #000; border: none; border-radius: 20px 5px; min-width: 180px; padding: 15px; height: auto; line-height: 1.25; display: inline-flex; margin-top: 20px; transition: all 0.5s ease; }
#SiteContainer .our-sell-sec .section-topText a:hover { background: #000; color: #fff; }
#SiteContainer .our-sell-sec .section-topText a::before { content: ''; position: absolute; left: 43px; top: 0; transform: translateY(-50%); width: 160px; height: 175px; background: url('/warehouse/temp/shakedroyal/contact-logo.svg'); background-size: 100%; background-repeat: no-repeat; }

@media(max-width:767px) {
}


.contactPage #lobbyText a { font-size: 75%; background-color: #f9a138; border-radius: 20px 5px; border: none; min-width: 180px; text-align: center; padding: 15px; margin-top: 40px; transition: .35s ease; }
.contactPage #lobbyText a:hover { background: #005162; color: #fff; }


.site-map-page .MainContent #text1 ul { text-align: right; width: fit-content; font-size: 94%; }
.site-map-page .MainContent #text1 ul li:hover a { text-decoration: underline; }
.site-map-page .MainContent #text1 ul li { margin-bottom: 8px; }

@media(max-width:767px) {
}


/* center page */
.center-page #GridTop .top-caption { font-size: 42px; }

@media(max-width:767px) {
    .center-page #GridTop .top-caption { font-size: 30px; }
    .center-page .our-sell-sec { padding-top: 100px; }
    #SiteContainer .our-sell-sec .section-topText a::before { width: 100px; height: 115px; left: 50%; transform: translateX(-50%); }
}