/*ceasar-yam*/

:root { --vh: 100vh; --vw: 100vw; }
body { font-family: 'Rubik-Regular', sans-serif; font-size: 16px; background: #f4f6f9; }
body:not(.home-page) #GridTop, body:not(.homePage) #GridTop { height: 700px; margin-top: 30px; }
p { font-size: 95%; }
h1, h2 { position: relative; font-family: 'Rubik-Bold'; }
h1:after, h2:after, .grid-row-text h2:after { content: ''; display: block; width: 50px; height: 4px; margin: 12px auto 40px; background: #799ebd; }
/*.grid-row-text h2:after { margin: 12px 0 40px auto; }*/
.section-title { margin-bottom: 25px; }
.section-title h2, .section-title h1 { color: #282d33; font-size: 375%; }
.row { margin: 0; }

/*navigation-bar*/
#header2 { direction: ltr; background: #f4f6f9; font-size: 125%; padding: 20px; }
#header2 ul.menu li a:focus { text-decoration: none; border: none; }
#header2 ul.menu > li:before { display: none; }
#header2 ul.menu li { vertical-align: middle; margin-left: 50px; }
#header2 ul.menu li:hover, #header2 ul.menu li a, #header2 ul.menu li.active { color: #000; }
#header2 .header-top-left svg { fill: #000; }
#header2 ul.menu li.active:after, #header2 ul.menu li:hover:after, #header2 ul.menu li:focus:after { opacity: 1; }
#header2 ul.menu li:after { content: ''; position: absolute; display: block; width: 50px; height: 4px; background: #799ebd; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
#header2 .menu-sub { background: #f4f6f9; padding-bottom: 15%; }
#header2 ul.menu li .menu-sub a { float: none; width: 0; }
#header2 #header-left { text-align: right; }
#header2 #header-left img { padding: 0; }
#header2 .header-top-left a { margin-left: 10px; }
#header2 .header-right-section.pull-right { text-align: left; }
#header2 .header-top .address { display: none; }
#header-left a:hover, #header2 .header-top-left a:hover { opacity: 0.5; }
a.logoHeader { width: 58%; }
a, .normal-form input[type=submit] { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

/*General Button Styles*/
.grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button, .sec-button { background: #ffffff; color: #2b689c; border: 1px solid #2b689c; position: relative; z-index: 0; border-radius: 0; font-family: 'Rubik-Regular'; padding: 10px 40px; font-size: 100%; margin-top: 45px; width: auto; }
.grid-rows .grid-row-text a.grid-row-button::after, .grid-text .sec-button::after, .sec-button::after { content: ""; background: #2b689c; height: 1px; width: 100%; border: 1px solid #2b689c; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: height 0.15s cubic-bezier(0.13, 0.67, 0.74, 0.98); -webkit-transition: height 0.15s cubic-bezier(0.13, 0.67, 0.74, 0.98); }
.grid-rows .grid-row-text a.grid-row-button:hover:after, .grid-text .sec-button:hover:after, .sec-button:hover:after { height: 100%; z-index: -1; }
.grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover { background: unset; }

.normal-form input[type="submit"], #DynamicFormObject input[type=submit], #FormResultPage #text1 a { border-radius: 0; font-family: 'Rubik-Bold'; background: #fff; border: 1px solid #2b689c; color: #2b689c; padding: 5px 57px; font-size: 100%; margin-top: 45px; width: auto; }
.normal-form input[type="submit"]:hover, #DynamicFormObject input[type=submit]:hover, #FormResultPage #text1 a:hover { background: #799ebd; color: #fff; border-color: #799ebd; }


#home-gallery .scroll-down button { background: transparent; border: none; }
#home-gallery .scroll-down img { height: 40px; }
.flex-control-nav li { margin: 0 7px; }
.has-sub i.opensub { font-size: 100%; color: #000; }
#home-gallery .iconsBoxLeft { left: 80px; bottom: 20px; }
.scrolled .stickyButton img { filter: invert(51%) sepia(94%) saturate(456%) hue-rotate(182deg) brightness(62%) contrast(83%); }

/*General Form Styles*/
#GridPromo .normal-form textarea { resize: none; }
.categories-strip ul li a:focus { text-decoration: none; }
.normal-form, #DynamicFormObject { border: 0; }
.normal-form input, .normal-form select, .normal-form textarea { width: 100%; max-width: 100%; background: #ffffff; border-radius: 0; border: 1px solid #799ebd; font-size: 80%; padding: 5px 15px; }
textarea.form-control, .normal-form textarea { height: 50px; margin:0;}
.normal-form:after, #DynamicFormObject:after { display: none; }
.normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder,
.must:before, .select-wrapper:after, .FileUploaderField:after { color: #000; }
.FileUploaderField:after { font-size: 100%; }
option { color: #131313; }
.normal-form input, .normal-form textarea { color: #000; }
.contactForm #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.3%; }
.normal-form-confirm label, .normal-form-comment, #contactform .contact-form-comment { font-size: 85%; }
.events #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 125%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { content: none; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields { margin-bottom: 0; border: none; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'Rubik-Bold'; color: #000; }
.dynamicFormObjectField .form-control::placeholder { color: #000; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields, #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; display: block; padding: 0; color: #ffffff; }



/*Top Banner*/
#home-gallery:before { content: ''; background: #000; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 3; opacity: 20%; }
#home-gallery .gallery-caption { top: 50%; transform: translate(-50%, -50%); z-index: 3; }
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .gallery-caption .gallery-text { font-family: 'playballregular'; font-size: 483%; display: none; }
#home-gallery .gallery-logo img { min-width: unset; width: 100%; max-width: 600px; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 12%; }
.flex-control-nav li { overflow: visible; }
#home-gallery .flex-control-paging li a { background: #ffffff; height: 10px; width: 10px; }
#home-gallery .flex-control-paging li a.flex-active { background: #ffffff; position: relative; }
#home-gallery .flex-control-paging li a.flex-active::after { content: ""; position: absolute; border: 1px solid #ffffff; right: -4px; left: -4px; top: -4px; bottom: -4px; border-radius: 100%; }

/*About Section*/
.section.grid-text-section { padding: 100px 0; margin-bottom: 0; }
.grid-text-section .grid-text-content, #text1, #text2, #contactDetails .contactDetailsText1 { max-width: 630px; padding: 0; }
.grid-text-section .grid-text .grid-text-content p, .grid-text p { margin-top: 0px; }
.about-video { overflow: hidden; position: relative; width: 100%; }
.about-video::after { padding-top: 56.25%; display: block; content: ''; }
.about-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*menus section*/
.menu-sec.grid-content-section .grid-box { margin-bottom: 30px; padding: 0 30px; }
.menu-sec.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 149%; margin-bottom: 0 !important; overflow: visible; }
.menu-sec.grid-content-section .grid-box .grid-box-image::after { content: ""; position: absolute; top: 20px; right: -20px; left: 20px; bottom: -20px; background: #d3dee8; z-index: -1; }
.menu-sec.grid-content-section .grid-box-title { font-family: 'Rubik-Bold'; position: absolute; left: 0; right: 0; bottom: 40%; display: block; transform: translateY(-40%); -webkit-transform: translateY(-40%); font-size: 250%; }
.menu-sec.grid-content-section .grid-boxes .grid-box-title h3 { font-size: 100%; margin: 0 auto 15px; }
.menu-sec.grid-content-section .grid-boxes .grid-box-title h3 a { color: #fff; }
.sections .grid-content-section { padding: 0 15px 20px 15px; }
.grid-content-section .grid-boxes .grid-box .grid-box-title a { position: relative; }
.menu-sec.grid-content-section .grid-box-title { display: none; }
.menu-sec.grid-content-section h3 { position: absolute; top: -40px; left: 50%; transform: translateX(-50%) translateY(-40px); font-family: 'playballregular'; font-size: 460%; opacity: 1; }
.menu-sec.grid-content-section .grid-box-image-text h2:after { display: none; }
.menu-sec.grid-content-section .grid-box-image-text:After { content: ''; display: block; width: 50px; height: 2px; border: 1px solid #ffffff; position: absolute; bottom: -45px; left: 50%; transform: translateX(-50%); }
.menu-sec.grid-content-section .grid-box-image-text h2 { font-size: 170%; bottom: 30px; }
.menu-sec .grid-box-opacity-layer { background: rgba(0,0,0,0.2); }

/*Grid Row Section*/
.grid-row-section { padding: 20px 0 20px; margin-bottom: 80px; }
.grid-row .grid-row-cell.grid-row-cell-text { background-color: transparent; color: #1d1d1b; }
.home-page .grid-rows .grid-row-text { text-align: center; width: 100%; padding-left: 100px; }
.grid-rows .grid-row-text p { font-size: 100%; }
.grid-rows .grid-row-text a.grid-row-button.last-btn { margin-right: inherit; }
.homePage .grid-row { direction: ltr !important; max-width: 1170px; margin: auto; background-color: transparent; }
#galleryview {max-width:100%}
.grid-gallery-section { margin-bottom: 0; padding: 0 5px; }
.gallery-cubes > div { padding: 5px; width:33.33%;}
.gallery-cubes .image-link-inner { background: #293075; color: #fff; }
.grid-gallery-section .content-section-Btn { margin: 25px 0; }
.box-image-animation img { /* max-width: 40vw; */ z-index: 1; width: 100%; }
.grid-row-section .box-image-animation { overflow: visible; z-index: 1; }
.grid-row-section .box-image-animation::after { content: ""; position: absolute; width: 100%; height: 100%; bottom: -20px; right: -24px; background-repeat: no-repeat; background: #d3dee8; z-index: -1; }
.grid-row li.slider-item { padding-bottom: 93.6%; overflow: visible; }
.mobileUse .grid-row li.slider-item { padding-bottom: 73%; }
.grid-boxes .grid-box-title h3 a { color: #251d1d; }
.grid-short-box.box:hover { background: #ab1600; }
.grid-short-box.box .grid-short-box-text { color: #ab1600; }
.mobileUse .grid-rows .grid-row { background: transparent; }
.grid-image-section { height: 650px; }
.grid-image-section.gapping { margin-top: 50px; margin-bottom: 0; }

/*Footer*/
footer { padding-top: 0; }
#SiteFooter { background: #d3dee8; color: #fff; font-size: 100%; }
#SiteFooter .footer-text-divided > div { vertical-align: middle; }
#SiteFooter .footer-text-middle img { max-width: 210px; }
#SiteFooter .footer-text-divided { max-width: 1170px; margin: 0 auto; }
#SiteFooter .footer-text-divided ul { list-style: none; }
#SiteFooter .footer-text-right ul:first-child { padding-right: 0; }
#SiteFooter .footer-text-right ul { float: right; }
#SiteFooter .footer-text-left ul { float: left; }
#SiteFooter .site-credit.alternative { padding: 10px 0; background: #000; }
#SiteFooter .site-credit.alternative svg .st0 { fill: #fff; }
.site-credit a.AccessabilityLink { float: right; position: static; transform: none; margin: 0 !important; }
.site-credit p { float: left; }
#SiteFooter #partners-section { padding: 50px 0 0px 0; }
#SiteFooter #partners-section img { max-width: 165px; }
#SiteFooter .footer-address { display: none; }
.footer-text.text-center span ul { list-style: none; color: #202429; margin: 20px 0; }
.footer-text.text-center span ul li { display: inline-block; margin-left: 10px; }

/*****Inner Pages*****/
/*#GridTop::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.4; }*/
.top-caption { width: 100%; text-align: center; font-family: 'playballregular'; font-size: 625%; top: 50%; }
#headline, .grid-rows .grid-row-text h2 { font-size: 270%; color: #282d33; }
#headline h1 { color: #131313; }
#subheadline { display: none; }
#text1 p { font-size: 90%; }
#text1 p a { color: #293075; text-decoration: underline; }
#text1 p a:hover { color: #000; background-color: #fff; }

/*about*/
.aboutPg .GridBottomGallery .random-gallery { margin: 0 367px 20px; }

/*events Page*/
#contactform, #GridPromo #DynamicFormObject { background: #f4f6f9; padding: 40px; margin: 0 0 40px; color: #202429; border: 1px solid #799ebd; }
.row fieldset > div { float: left !important; }
.events #SiteGrid.layout-bottom #GridPromo { padding-bottom: 50px; }

/*gallery*/
.galleryPage .grid { padding-bottom: 50px; }

/*Careers page*/
.events #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.3%; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }

/*Menu Page*/
.categories-strip { background: #d3dee8; color: #202429; }
.categories-strip ul li.active { background: #799ebd; color: #fff; }

/*partners*/
.mobileUse .box-image-animation img { max-width: 50vw; }
.mobileUse .grid-row-section .box-image-animation::after { content: none; }
/*blog*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #ffffff; background-color: #202429; border: none; }
.pagination > li > a, .pagination > li > span { color: #202429; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #b38f70; border-color: #202429; background: #fff; }
.blogPage h2::after { display: none; }
.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span { padding: 7px 14px; }
.blog-post-icons { display: none; }

/* Jobs page */
.jobs #DynamicFormObject { width: 100%; }
.jobs #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 120%; }
.jobs #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'Rubik-Regular', sans-serif; }
.jobs #DynamicFormObject .dynamicFormObjectSubmit { text-align: center; }

#MenuModule { margin-bottom: 50px; }
.menuModuleContent { position: relative; background: #ffffff; padding: 40px; }
#MenuModule .menuModuleNav { padding-top: 10px; }
#MenuModule .menuModuleNav a { border-bottom: 2px solid transparent; border-radius: 0; font-size: 100%; color: #202429; }
#MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { border-color: #f3f3f3; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #799ebd; }

#MenuModule .menuModuleNav a.selected { color: #202429; border-color: #799ebd; }
.menuModuleTextItemSubject { font-size: 150%; color: #131313; margin-bottom: 20px; font-family: 'Rubik-Bold'; }
.menuModuleTextItemSubject .menuModuleTextItemSubjectDescription { font-size: 90%; }
.menuModuleTextItemTitle, .menuModuleTextItemDescription { font-size: 90%; }
.menuModuleTextItemTitle { color: #202429; font-family: 'Rubik-Bold'; }
.menuModuleTextItemDescription { color: #202429; }
.menuModuleContentPart { border: 0; padding: 0; margin-bottom: 0; }
.menuModuleContentPart:after { content: none; }
.menuModuleTextItemPrice:before { display: inline-block; margin-top: 7px; float: left; font-size: 65%; margin-right: 2px; }
.menuModuleTextItemPrice { font-family: 'Rubik-Regular'; }

/* Menu Lobby page */
.menu-lobby .grid-boxes .grid-box-title h3 a { color: #293075; }

/*Contact Page*/
#contactDetails .contactDetailsText1 { margin: 0 auto; }
#contactDetails .contactDetailsText1 p { font-size: 100%; }
#contactDetails .contactDetailsText1 span { text-decoration-color: #293075 !important; }
#contactform .contact-container { width: 100%; }
#contactform textarea { margin: 0 0 15px; }
#contactform .contact-form-submit { text-align: center; margin: 0 auto; }
#contactform .textareaWrapper.must:before { top: 5px; }
#ContactModule #contact-boxes a { background: #293075; border-radius: 0; border: 2px solid transparent; font-size: 100%; }
#ContactModule #contact-boxes a:hover, #contactform #contact-boxes a:focus { border-color: #293075; background: transparent; }
#map-section .map-cover:after { pointer-events: none; }
#map-section .map-cover { background: #293075; }
#map-section .map-cover .open-map { border-radius: 0; padding: 5px 10px; }
#ContactModule #map-section #map-holder { margin-bottom: 0; }
.contactPage footer { padding-top: 0; }
.accessabilityMainPage h2:after { display: none; }

#side-contact-form #DynamicFormObject { background: #f4f6f9; }
.events #GridPromo #DynamicFormObject { padding: 7% 3%; }
.events #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 70%; color: #000; }
#GridPromo.affix { position: relative; top: 0 !important; }
.contactForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: #000; }
.button-holder#FixFormOuter {background: #2b689c;}
#side-contact-form.fixedLayoutForm, .fixedLayoutForm {z-index: 11;}
.button-holder#FixFormOuter:after {content: "לתיאום פגישה";}
.button-holder#FixFormOuter svg.FixFormOuterImg {display: none;}

@media (max-width: 1400px) {
    .home-gallery .slide .play { width: 60px; height: 60px; }
}

@media (min-width: 1025px) {
    #header2 #header-left img { padding: 0; }
    #header2 .header-right-section { display: block; width: 100%; padding-right: 100px; padding-left: 100px; }
    #header2 ul.menu { text-align: center; }
    #header2.detailsInRow .header-top { width: 100px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    #header2 #header-left { text-align: right; position: absolute; right: 0; top: 0; padding: 20px; display: block; margin-right: 40px; }
    #header2.detailsInRow .menu-nav { width: 100%; }
    .home-page #header2.bg {background: #f4f6f9b8;}
    .home-page #header2:not(.bg) a.logoHeader:after {content: "";background-image: url(/warehouse/dynamic/396315.svg);background-size: 100%;position: absolute;inset: 0;background-repeat: no-repeat;}
    .home-page #header2:not(.bg) a.logoHeader {position: relative;}
    .home-page #header2:not(.bg) a.logoHeader img {opacity: 0}
    .home-page #header2:not(.bg) {background: transparent;}
    .home-page #header2:not(.bg) ul.menu li a {color: white;}
    .home-page #header2:not(.bg) .has-sub i.opensub {color: white;}
    .home-page #header2:not(.bg) .menu-sub {background: #f4f6f9;}
    .home-page #header2:not(.bg) ul.menu-sub li a{color: #000;}
    .home-page #header2:not(.bg) .header-top-left svg {fill:white}
    #header2 .header-top-right {float: unset;display: flex;align-items: center;}
    #header2.detailsInRow .header-top {width: 170px;}
    #header2 .header-top-left {display: flex;}
    .home-page #header2:not(.bg) .header-top .address {color:white;}
    #header2 .header-top .address {display:block;font-size: 60%;color: black}
}


@media (min-width: 1024px) and (max-width: 1170px) {
    #header2 ul.menu li { margin-left: 15px; }
    #header2 ul.menu { font-size: 90%; }
}

@media (max-width: 1024px) {
    #header2.detailsInRow .header-right-section { direction: rtl; }
    #header2 { direction: rtl; }
    #header2 .header-right-section { display: flex; width: auto; flex-direction: row; align-items: center; background: transparent; }
    #header2.detailsInRow .header-top { margin-right: 20px; }
    #header2 .header-top-left { display: flex; margin-right: 0; }
    #header2 ul.menu li a { color: inherit; font-size: 150%; }
    #header2 ul.menu li.active { color: #000; background: transparent; }
    #header2 .menu-nav .closed { display: none !important; }
    #header2 #header-container { width: 100%; display: inline-flex; align-items: center; }
    #header2.detailsInRow .header-top { display: flex; order: 3; }
    #header2.detailsInRow .menu-nav { display: flex; order: 1; max-width: 45px; float: none !important; }
    #header2 .phone-icon { position: relative; font-size: 20px; display: flex; z-index: 10; flex-wrap: nowrap; right: 15px; order: 2; }
    #header2 .phone-icon i { display: inline-block; vertical-align: middle; color:#000;}
    #header2 #header-left { text-align: left; flex-direction: row-reverse; align-items: center; display: flex; width: 60%; }
    #header2 ul.menu { background: #f4f6f9; z-index: 0; width: 100vw; position: fixed; padding-bottom: 30px; }
    #header2 ul.menu > li { padding: 10px 0; color: #000; }
    /*about*/
    .aboutPg .GridBottomGallery .random-gallery { margin: 0 65px 20px; }

    #BlogView .blog-related-posts h2 { text-align: center; }
    #SiteFooter #partners-section { padding: 30px 0 30px 0; }
}


@media (max-width: 991px) {
    .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button, .sec-button { padding: 15px 35px; }
    .grid-image-section, .image-section-data { height: 306px; }
    .grid-rows .grid-row-text { text-align: right; width: 70%; margin-top: 3%; }
    .menu-sec.grid-content-section .grid-boxes .grid-box { width: 50%; }
    .menu-sec.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 120%; }
    .menu-sec.grid-content-section .grid-boxes .box-image-animation img { object-fit: cover; height: 100%; object-position: center; }
    .grid-row li.slider-item { padding-bottom: 85%; }
    .mobileUse .grid-row li.slider-item { padding-bottom: 60%; }
}

@media(max-width: 767px) {
    .menu-sec.grid-content-section .grid-boxes .grid-box { width: 100%; margin-bottom: 40px; }
    .menu-sec.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 45%; }
    #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; }
    #header2.open #nav-toggle span:after, #header2.open #nav-toggle span:before, #header2.open #nav-toggle-mobile span:after,
    #header2.open #nav-toggle-mobile span:before { background: #000; }
    .has-sub i.opensub { color: #000; }
    .gallery-cubes > div { width: 50%; }
    #header2 .phone-icon a { color:#000;}
}



@media (min-width: 992px) {
    .menu-lobby #LobbyModule .grid-box { margin-right: -5px; }
}


@media (min-width: 768px) {
    #header #header-left { display: inline-block; float: left !important; }
    #header #header-center-kdm a:not(:last-of-type):after { content: ''; position: absolute; width: 2px; height: 15px; left: -10px; top: 50%; background: #b9b9b9; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .normal-form-submit, #contactform .contact-form-submit { width: 250px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: inline-block; float: none !important; margin: 0 auto; }

    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 25%; }

    /*.grid-row-section { padding-bottom: 120px; }*/

    /*****Inner Pages*****/
    .menuModuleTextItemPart.test2:after { right: 20px; }

    /*Members Page*/
    #club-form .row fieldset > div { width: 33.333%; }


    /*Jobs Page */
    .jobs #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.3333%; }
}

@media (max-width: 768px) {
    .contact-container .row div { width: 100%; }
    #home-gallery .iconsBoxLeft { bottom: 60px; }

}


@media (min-width:768px) and (max-width:1024px) {

    #SiteFooter #partners-section a { padding: 0; }

    #GridContent .menuModuleTextItem0 { height: 120px; }
    #GridContent .menuModuleTextItem1 { height: 120px; }
}


@media(max-width: 990px) {
    .section-title h2, .section-title h1 { font-size: 240%; }
    .textmode.modal-body.textmode { width: 90% !important; }
}

@media(min-width: 768px) and (max-width: 990px) {
    .grid-text-section .grid-text-content, #text1, #text2 { width: 75%; }
}

@media (max-width:767px) {

    /*homepage*/
    #header2 ul.menu li:after { content: none; }
    a.logoHeader { width: 100%; }
    #header2 #header-left { width: 80%; }
    #home-gallery .gallery-caption .gallery-text { font-size: 245%; text-align: center; white-space: normal; display: block; }
    .grid-image-section, .image-section-data { height: 300px; }
    .menu-sec.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 70%; }
    .menu-sec.grid-content-section h3 { top: -10px; font-size: 320%; opacity: 0.8; }
    .menu-sec.grid-content-section .grid-box-image-text h2 { font-size: 130%; }
    .menu-sec.grid-content-section .grid-box-image-text:After { content: ''; display: block; width: 50px; height: 4px; border: 1px solid #ffffff; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); }
    .grid-row-section .box-image-animation img { max-width: 85%; }
    .grid-image-section.mobileHidden { display: none; }
    #headline { font-size: 335%; color: #282d33; }
    .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button, .sec-button { padding: 10px 20px; }
    #header2 ul.menu li a { color: inherit; font-size: 100%; }
    .grid-row-text h2:after { content: ''; display: block; width: 50px; height: 4px; margin: 12px auto 40px; border: 1px solid #799ebd; }
    .home-page .grid-row-section .box-image-animation::after { content: ""; width: 85%; height: 90%; bottom: 0; right: 6px; }
    #header2 ul.menu .social-links a svg { fill: #000; }
    #header2 ul.menu .menu-sub li { color: #000; }
    /*General Form Styles*/
    #DynamicFormObject { max-width: 100% !important; }
    #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 150%; }
    #clubform, #contactform, #GridPromo #DynamicFormObject { padding: 30px 25px; }
    #DynamicFormObject .dynamicFormObjectField .must:before, .must:before { right: 20px; }
    form .row > div { padding: 0 15px; }
    #header2 .menu-sub { background: #f4f6f9; padding-bottom: 0%; }

    /*Top Banner*/
    #home-gallery .gallery-caption { width: 80% }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 17%; }
    #home-gallery .scroll-down { bottom: 10%; }
    /*FormSec*/
    #side-contact-form.mobile-form { width: 90%; }
    /*About Section*/
    .grid-text-section .grid-text-content { width: 90%; }

    /*aboutpage*/
    .aboutPg .GridBottomGallery .random-gallery { margin: 0 15px 20px; }

    /*menus*/
    .menu-sec.grid-content-section .grid-box-image-text h2 { bottom: 10px; }
    /*partnets*/
    .mobileUse #headline, .mobileUse .grid-rows .grid-row-text h2 { font-size: 235%; }
    .grid-rows .grid-row-text { width: 75%; }
    .normal-form input[type="submit"], #DynamicFormObject input[type=submit], #FormResultPage #text1 a { margin-top: 0; }

    /*events*/
    .grid-row-section .grid-rows .grid-row-text h2 { font-size: 235%; }
    .events #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 100%; }
    .events #SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { padding: 20px 20px 0; }
    .events #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 20px; font-size: 100%; }

    /*contact*/
    .contactForm #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 100%; }
    .contactForm #SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { padding: 20px 20px 0; }

    /*Grid Row Section*/
    .grid-rows .grid-row-text { text-align: center; margin-top: 0; padding: 30px 0; }
    .home-page .grid-rows .grid-row-text { padding-left: 0; text-align: center; width: 90%; }
    /*****Inner Pages*****/
    body:not(.home-page) #GridTop, body:not(.homePage) #GridTop { height: 450px; margin-top: 50px; }
    #GridPage .max-width { width: 100%; }
    #text1, #text2 { padding: 0 15px; }
    #text2 img { width: 100%; }
    #text1 h1 { font-size: 20px; }
    #FormResultPage, #text1.thanksPage { margin-bottom: 40px; }
    .top-caption { font-size: 300%; top: 50%; }
    .mobileUse .box-image-animation img { max-width: 68vw; }

    /*Menu Page*/
    .menuModuleContent { padding: 30px; }
    #MenuModule .menuModuleNav a { margin: 0 5px 5px; }
    .menuModuleTextItemSubjectTitle { font-size: 100%; }
    .menuModuleTextItem0, .menuModuleTextItem1 { height: auto; }

    /*Contact Page*/
    #contactview > .row > div { padding: 0; }
    #map-section .map-cover { width: 90%; }
    #map-section .map-cover .open-map { font-size: 100%; }
    #ContactModule #contact-boxes a { margin-top: 10px; }

    /* Footer */
    #SiteFooter #partners-section { padding: 20px 0 20px; }
    #SiteFooter #partners-section img { max-width: 130px; }

    .menuModuleTextItemTitle { max-width: calc(100% - 60px); }
    .menuModuleTextItemSubject .menuModuleTextItemSubjectDescription { font-size: 80%; line-height: 1.2; }
    .mobile-strip .select-wrapper li.strip-item { color: #000; }

    #SiteFooter { padding-bottom: 0; }

    .menu-lobby .sections .grid-content-section { padding: 0; }
    .menu-lobby .lobby-grid #GridPage .max-width { width: 100%; }
    .mobileUse .grid-rows .grid-row-text { width: 90%; }
}

@media (max-width:376px) {
    .grid-short-box.box { padding-bottom: 170%; }
}

@media(max-width: 320px) {
    #header.bg { padding: 2px 5px; }
    #map-section .map-cover .open-map { font-size: 90%; }
}