/**Abu Berkovich - Mini Modular**/
.row { margin: 0; }
body { font-size: 18px; }
body, .grid-short-box.box .grid-short-box-text { color: #191919; }
h1, h2, h3 { font-family: 'Heebo-Bold'; color: #a5712a; }
#subheadline h2 { margin-bottom: 0; }

/*General Transition*/
a, #DynamicFormObject input[type=submit], .normal-form input[type=submit], #contact-boxes a, .grid-short-box.box .grid-short-box-text, .grid-short-box.box { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

#header { background: #f1e9de !important; }
#header .menu-nav, #header .submenu { background: #a5712a; }
#header #header-center-kdm a, #DynamicFormObject input[type=submit], .normal-form input[type=submit], #contact-boxes a { background: #a5712a; color: #fff; border-radius: 0; border: none; }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus, #DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus,
.normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus, #contact-boxes a:hover, #contact-boxes a:focus, #header .submenu > li:focus,
#header .submenu > li:hover, #header .submenu > li.active { background: #482e0d; color: #fff; border: none; }
#header #header-left img, #header.bg #header-left img { max-width: 160px; }
#header #header-center-kdm .address { display: none; }
#header .social-links a svg { fill: #a5712a; }
#header .submenu li.social-mobile .social-links svg { fill: #fff; }
#header .submenu li.social-mobile { display: none; }
#header .submenu li > a:focus { color: #fff; }

#home-gallery .gallery-logo { width: 100%; }
#home-gallery .flex-control-paging li a { background: #fff; }
#home-gallery .flex-control-paging li a.flex-active { background: #a5712a; }
#home-gallery .slides .slider-item:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.2); pointer-events: none; }

.grid-boxes .grid-box-image { padding-bottom: 71%; }
.grid-boxes .grid-box-title h3 a { color: #191919; }
.grid-boxes .grid-box-title h3 { width: 200px; height: 50px; margin-bottom: 0; line-height: 50px; background: url('../../../warehouse/temp/abuBerkovich/gridTxtBG.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; border: 2px solid #fff; }
.grid-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

/* 19.9.22 change */
.home-page .grid-content-section .grid-boxes .grid-box-image { padding-bottom: 0; }
.home-page .grid-content-section .grid-boxes .grid-box-image .grid-box-image-container { position: relative; border: 2px solid #a5712a; padding: 8px; }
.home-page .grid-content-section .grid-boxes .grid-box-image img { min-height: 330px; object-fit: cover; }
.home-page .grid-content-section .grid-box-title { position: relative; left: unset; top: unset; transform: none; }
.home-page .grid-content-section .grid-box-title a::after { margin-right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f104"; color: #f1e9de; }
.home-page .grid-content-section .grid-boxes .grid-box { max-width: 380px; }
.home-page .grid-content-section .grid-boxes .grid-box-title h3 { width: 170px; border-radius: 100px; height: 45px; background: #a5712a; border: 0; line-height: 1; transition: 0.4s all; font-size: 20px; margin: 0 auto; }
.home-page .grid-content-section .grid-boxes .grid-box-title:hover h3 { background: #1d1d1d; }
.home-page .grid-content-section .grid-boxes .grid-box-title a { color: #f1e9de; font-family: 'Heebo-Regular'; width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; position: relative; }
/**/

.grid-gallery-section { margin-bottom: 0; }
.grid-short-box.box { background: #f1e9de; margin-bottom: 30px; }
.grid-short-box.box:hover { background: #482e0d; }
.grid-short-box.box > * { transition: none !important; }

#contactform, .form-container-wide #DynamicFormObject, #DynamicFormObject, .normal-form { background: #f1e9de; border: none; }
#contactDetails h3 { margin-top: 0; }
.normal-form:after { border: 1px solid #482e0d; }
.normal-form input, .normal-form select, .normal-form textarea { border-radius: 0; padding: 6px 15px; background: #fff; }

footer { padding-top: 0; }

.aboutPage .gallery-container { margin-top: 40px; }

.menuModuleContentPart:after { content: none; }


@media(min-width: 768px) {
    .form-container-wide #DynamicFormObject { display: block; }
    #DynamicFormObject > div { display: block !important; width: 100% !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 30%; display: inline-block; float: none; }

    .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 25%; }
    .jobsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33%; }
}

@media(min-width: 991px) {
    .jobsPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { width: 80%; margin: 0 auto; }
}

@media(max-width: 1024px) {
    #header .submenu > li { padding: 10px 40px; text-align: right; }
    #header .submenu li.social-mobile { text-align: right; }

    .grid-short-box.box { padding-bottom: 120%; }
    #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 150%; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    #home-gallery .gallery-caption { width: 520px; }
}

@media(min-width: 768px) and (max-width: 990px) {
    /*.jobsPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { width: 85%; }*/
    #contactform .contact-container > .row > div:not(.textareaWrapper) { width: 33.33%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, #contactform .contact-container > .row > div { padding: 0 7px; }
    .must:before { right: 16px; }
}

@media(max-width: 990px) {
    #contactform textarea { margin-top: 0; }
}

@media(max-width: 767px) {
    #header #header-left img, #header.bg #header-left img { max-width: 130px; }
    #header #header-center-kdm, #header .phone-icon { display: none; /*left: -30px;*/ }
    /*#header #header-center-kdm a:first-child { font-size: 100%; padding: 5px 8px;}*/
    #header #header-right .social-links { display: block; position: absolute; top: 0; right: 60px; }
    #header .social-links a svg { height: 23px; }
    #header #header-right { width: 165px; }
    #header .submenu { margin-top: 41%; }
    #header .submenu > li { padding: 20px 30px; }
    #header .submenu li:first-child { padding-top: 20px; }
    #header .submenu li.social-mobile .social-links svg { display: none; }
    #header .submenu li a { font-size: 130%; }

    #home-gallery .gallery-logo img { min-width: 300px; }

    #GridPage.gallery .max-width, #GridPage .max-width, .grid-boxes { max-width: 90%; }
    .grid-boxes { margin: 0 auto; }
    .grid-boxes .grid-box { padding: 0; margin-right: 0; }
    #gridshort-view-media > div { width: 50%; padding: 0 7px; /*float: none !important; margin: 0 auto 30px;*/ }
    .grid-short-box.box { padding-bottom: 160%; margin-bottom: 14px; }
    #gridshort-view-media { margin: 0 -7px; }
    #gridshort-view-media .grid-short-box-label { font-size: 100%; }

    #contactview { max-width: 100% !important; }
    .contact-form-wrap { padding: 0; }
    #DynamicFormObject { max-width: 100% !important; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 24px; }
    .must:before { right: 15px; }
}

/*@media(max-width: 360px) {
    #header #header-center-kdm {left: -20px;}
}*/

@media(max-width: 320px) {
    /*#header #header-center-kdm { left: -10px;}
    #header #header-center-kdm a:first-child {font-size: 90%; line-height: 1.2;}*/

    .grid-short-box.box { padding-bottom: 210%; }
}