/**Haim Organization**/
/*General Styles*/

.elfsight-app-a393646f-6e03-4d00-b3fd-703bc8998f76 { /*display: none;*/ }
.activitiesSection .gallery-container.section-animation-list.shown { display: none; }

body {font-size: 20px; color: #333;}
#SiteContainer { overflow: hidden; }
.grid-rows .grid-row { max-width: 1440px; margin: 0 auto;}
.grid-rows .grid-row-text h2, .section-title h2 {margin-bottom: 45px;}
.grid-rows .grid-row-text h2, .section-title h2, #headline h1 {display: inline-block; position: relative;  font-family: 'stanga-aaa-bold';}
.grid-rows .grid-row-text h2, .section-title h2 {font-size: 400%;}
#headline h1 {/*margin: 0 40px 0 0;*/ line-height: 0.7;}
#lobbyview #headline h1 {margin: 0;}
.grid-rows .grid-row-text h2:after, #headline h1:after, .donationPage .lobby-grid #GridPage .max-width #lobbyview #headline h1:after { content: ''; position: absolute; width: 100%; height: 11px; border-radius: 3px; background: #b7d235; bottom: 2px;
    right: 0; z-index: -1; }
.donationPage .lobby-grid #GridPage .max-width #lobbyview #headline h1:after { top: auto; left: auto; transform: none; -webkit-transform: none; -ms-transform: none;}
.grid-rows .grid-row-text p, #text1 p ,#LobbyModule .grid-text-section .section-animation-item.grid-text-content p { font-size: 90%;}
.grid-rows .grid-row-text a.grid-row-button, .weWillWinSection .grid-rows .grid-row-text p > a, .aboutBtn, .donationPage .lobby-grid #GridPage .max-width .grid-text-content a,
    .page-not-found a, #FormResultPage #text1 a{color: #333; border-radius: 22.5px; font-size: 123%;  border: 2px solid #242a88; font-family: 'stanga-aaa-bold'; text-align: center; 
    transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; 
    -o-transition: all 200ms ease-in-out;} /*Button Styles*/
.section-title h2 { position: relative; line-height: 0.7;}
.section-title h2:before, .section-title h2:after, #lobbyview #headline h1:before,  #lobbyview #headline h1:after { content: ''; position: absolute; width: 29px; height: 29px; background: url('../../../warehouse/temp/amutathaim/2.0StarIcon.png');
    background-size: cover; background-position:center ; background-repeat: no-repeat;}
.section-title h2:before, #lobbyview #headline h1:before { top: 50%; right: -20px; transform: translate(50%, -50%) rotate(90deg); -webkit-transform: translate(50%, -50%) rotate(90deg);
    -moz-transform: translate(50%, -50%) rotate(90deg); -ms-transform: translate(50%, -50%) rotate(90deg); -o-transform: translate(50%, -50%) rotate(90deg);}
.section-title h2:after, #lobbyview #headline h1:after {top: 50%; left: -20px; transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg);}
#lobbyview #headline h1:after {right: auto;}
.section-animation-item {opacity: 1; transition: none; -webkit-transition: none; -o-transition: none;}
#GridPage { padding-top: 10px; }
#text1 h2, #text2 h2 { font-size: 115%; }
.mobile-strip span { font-size: 100%; }

/*General Styles For Buttons*/
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus, .weWillWinSection .grid-rows .grid-row-text p > a:hover,
    .weWillWinSection .grid-rows .grid-row-text p > a:focus, .aboutBtn:hover, .aboutBtn:focus, .donationPage .lobby-grid #GridPage .max-width .grid-text-content a:hover,
    .donationPage .lobby-grid #GridPage .max-width .grid-text-content a:focus, .page-not-found a:hover, .page-not-found a:focus,
    #FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus { background: #242a88; color: #fff;}
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { width: 44px; height: 22px; }


/*Header*/
#header { background: #fff !important; padding: 8px 30px; box-shadow: -8px 7px 30px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: -8px 7px 30px 0 rgba(0, 0, 0, 0.15); }
#header #header-left {width: 160px; height: 160px; position: absolute; display: flex; display: -ms-flexbox; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; 
    align-items: center; -webkit-box-align: center; -ms-flex-align: center; top: -30px; right: 50%; padding: 0; border-radius: 50%; background: #fff; box-shadow: -8px 7px 30px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -8px 7px 30px 0 rgba(0, 0, 0, 0.15); transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); 
    -ms-transform:translate(50%, -50%);}
#header #header-left:after { content: ''; position: absolute; top: 6px; left: 6px; bottom: 6px; right: 6px; border-radius: 50%; border: 2px solid #e1e1e1; pointer-events: none;}
#header #header-center-kdm { font-size: 90%; color: #333;}
#header.bg #header-center-kdm { padding: 0;}
#header #header-center-kdm a {position: relative; padding: 4px 27px; margin-left: 0; background: #cc0792; border-radius: 22px; color: #fff; border: 1px solid transparent; 
    transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;  -ms-transition: all 200ms ease-in-out; 
    -o-transition: all 200ms ease-in-out;}
#header #header-center-kdm a.hvr-fade:before { content: ''; display: inline-block; width: 22px; height: 18px; background: url(../../../warehouse/temp/amutatHaim/1.0HeartIcon.png); 
    background-repeat: no-repeat; background-size: cover; vertical-align: middle; margin-left: 5px;}
#header #header-center-kdm a:focus, #header #header-center-kdm a:hover {border-color: transparent; background: #323884; color: #fff;}
#header #header-center-kdm .address {position: relative; margin: 0 0 0 30px;}
#header #header-center-kdm .address:before { content: 'טל:';}
#header #header-left img, #header.bg #header-left img { max-width: 84px; width: 100%;}
#header .social-links { opacity: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;}
#header.menu-open #header-right > .social-links { opacity: 0;}
#header .social-links a { width: 34px !important; height: 34px; padding: 0; border: 2px solid #333; border-radius: 50%; text-align: center; margin-left: 6px;
    transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#header .social-links a.social_icon_instagram:hover, #header .social-links a.social_icon_instagram:focus, #header .social-links a.facebook_icon_instagram:hover, 
    #header .social-links a.facebook_icon_instagram:focus, #header .social-links a.social_icon_youtube:hover, #header .social-links a.social_icon_youtube:focus { border-color: #9cb136;}
#header .social-links a.social_icon_instagram:hover svg, #header .social-links a.social_icon_instagram:focus svg, #header .social-links a.facebook_icon_instagram:hover svg,
    #header .social-links a.facebook_icon_instagram:focus svg, #header .social-links a.social_icon_youtube:hover svg, #header .social-links a.social_icon_youtube:focus svg
    { fill: #9cb136;}
#header .social-links a:last-child { margin-left: 0;}
#header .social-links a svg {fill: #333; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#header #header-right > .social-links a svg {vertical-align: baseline;}
#header .social-links a.social_icon_youtube svg { width: 20px; padding-top: 5px; }
#header .submenu .social-links a.social_icon_youtube svg {padding-top: 0;}
#header .social-links a.social_icon_instagram svg { width: 16px; height: 16px;}
#header .social-links a.facebook_icon_instagram svg {width: 8px; height:15px;}
#header .menu-nav {background: none; color: #333; font-family: 'stanga-aaa-bold'; padding-left: 25px;}
#header .menu-nav .nav-menu-anim {width: 44px; height: 44px; background: #363b8b; border-radius: 50%; vertical-align: middle;}
#header .menu-nav .open { margin-top: 6px;}
#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 {width: 20px;}
#nav-toggle span, #nav-toggle-mobile span { right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%);}
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -7px;}
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -7px;}
#header .submenu { color: #333; background: #fff; box-shadow: -0px 7px 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.15);}
#header .submenu>li:not(.social-mobile).active, #header .submenu>li:not(.social-mobile):focus, #header .submenu>li:not(.social-mobile):hover { background: #373D89; color: #fff;}
li.has-sub.sub-open { background: #373D89; color: #fff;}
#header .submenu > li.social-mobile.active, #header .submenu > li.social-mobile:focus, #header .submenu > li.social-mobile:hover { background: none;}
#header .submenu li > a:focus { color: inherit; text-decoration: none;}
#header .submenu li.has-sub>a {margin-right: 20px;}
#nav-toggle.active span:after, #nav-toggle.active span:before, #nav-toggle-mobile.active span:after, #nav-toggle-mobile.active span:before { background: #333;}
#header .submenu .menu-sub li.active, #header .submenu .menu-sub li:hover, #header .submenu .menu-sub li:focus { background: rgba(0,0,0,0.5);}
#home-gallery a.slider-bg.stellar-bg { background-position: center; background-attachment: initial;}
#header #header-center-kdm a.lang:last-child {margin: 0 0 0 10px; border: 1px solid #323884;}

/*About Section*/
.grid-row-section.aboutSection { margin-bottom: 0; padding: 105px 0;}
.grid-rows .grid-row {background-color: transparent;}
.grid-rows .grid-row-text h2 { line-height: 0.7; color: #333;}
.grid-rows .grid-row-text {width: 80%;}
.aboutSection .grid-row .grid-row-cell.grid-row-cell-text { text-align: right; vertical-align: top;}
.grid-rows .grid-row-text a.grid-row-button{ width: 175px; padding: 3px 0; margin: 35px 0 0 0;}
.aboutSection .grid-rows .grid-row-text h2 { color: #252525;}
.aboutSection .grid-rows .grid-row-text p {font-size: 86%;}
.aboutSection .grid-row .grid-row-image-container {background: rgba(0, 0, 0, 0.41); border-radius: 14px;} /*Temp Style For Video*/
.aboutSection .grid-row li.slider-item:after {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.2); pointer-events: none;}
.aboutSection .grid-row .grid-row-image-container .plus-sign.play-sign {z-index: 1;}

/*What Were Doing Section*/
.sections .grid-content-section.whatarewedoing { max-width: 100%; background-image: url(../../../warehouse/temp/amutatHaim/3.0WhatWeDoSectionBg.jpg); background-size: 100%; 
    background-position: center; background-repeat: no-repeat; padding: 40px 0 70px; margin-bottom: 0;}
.sections .grid-content-section.whatarewedoing .grid-boxes { max-width: 1170px; margin: 0 auto;}
.sections .grid-content-section.whatarewedoing .section-title { margin-bottom: 15px;}
.sections .grid-content-section.whatarewedoing .grid-boxes .section-animation-item {padding: 0 30px; margin-bottom: 40px;}
.sections .grid-content-section.whatarewedoing .grid-boxes .grid-box-image {padding-bottom: 100%; margin-bottom: 10px;}
.sections .grid-content-section.whatarewedoing .grid-boxes .box-image-animation:hover img, .sections .grid-content-section.whatarewedoing .grid-boxes .box-image-animation:focus img,
    .sections .grid-content-section.whatarewedoing .grid-boxes .section-animation-item:hover img, .sections .grid-content-section.whatarewedoing .grid-boxes .section-animation-item:focus img 
        {transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9);}
.sections .grid-content-section.whatarewedoing .grid-boxes .grid-box-title h3 { font-size: 90%; margin: 0;}
.sections .grid-content-section.whatarewedoing .grid-boxes .grid-box-title h3 a { color: #333; font-weight: bold;}

/*We Will Win Section*/
.section.weWillWinSection {position: relative; padding: 0; margin: 0;}

.section.weWillWinSection:before { content: ''; position: absolute; width: 27vw; height: 25vh; bottom: 0; right: 0; background: url(../../../warehouse/temp/amutathaim/4.0WeWillWinRightDeco.png);

background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 0;}
.section.weWillWinSection:after { content: ''; position: absolute; width: 29vw; height: 19vh; bottom: -50px; left: 0; background: url(../../../warehouse/temp/amutathaim/4.0WeWillWinLeftDeco.png);
    background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1;}
.weWillWinSection .grid-row { max-width: 850px;}
.weWillWinSection .grid-rows .grid-row-text p.btnBox { display: inline-block; margin-top: 30px;}
.weWillWinSection .grid-rows .grid-row-text p.btnBox > a, .weWillWinSection .grid-rows .grid-row-text a.grid-row-button { display: inline-block; width: 150px;}
.weWillWinSection .grid-rows .grid-row-text a.grid-row-button {font-size: 120%; margin-top: 0;}
.weWillWinSection .grid-rows .grid-row-text p.btnBox > a { margin: 0 0 0 10px; padding: 3px 0; font-size: 150%;}
.weWillWinSection .grid-row li.slider-item { padding-bottom: 92%;}
.weWillWinSection .box-image-animation img { max-width: 337px;}
.weWillWinSection .box-image-animation {text-align: left;}

/*CTA Strip*/
.grid-text-section.ctaStrip { display: flex; display: -ms-flexbox; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; background: #cc0792; margin: 0;
    padding: 26px 0;}
.ctaStrip .section-title, .ctaStrip .grid-text { display: inline-block;}
.ctaStrip .grid-text { height: 100%;}
.ctaStrip .section-title {margin-left: 50px;}
.ctaStrip .section-title h2 { font-size: 325%; color: #fff; margin-bottom: 0;}
.ctaStrip .section-title h2:before, .ctaStrip .section-title h2:after { content: none;}
.ctaStrip .grid-text-content { width: 160px; padding: 0;}
.ctaStrip .grid-text .sec-button { display: block; position: relative; color: #333; background: #fff; border-radius: 22px; padding: 4px 0; font-family: 'stanga-aaa-bold'; 
    font-size: 130%; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.ctaStrip .grid-text .sec-button:hover {background: #f7b00c;}
.ctaStrip .grid-text .sec-button:hover:before{background: url(../../../warehouse/temp/amutatHaim/1.0WhiteHeartIcon.png);  background-repeat: no-repeat; background-size: cover;}
.ctaStrip .grid-text .sec-button:before { content: ''; display: inline-block; width: 19px; height: 17px; background: url(../../../warehouse/temp/amutatHaim/1.0HeartIcon.png); 
    background-repeat: no-repeat; background-size: cover; vertical-align: middle; margin-left: 5px; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; 
    -o-transition: all 200ms ease-in-out;}

/*Activities Section*/
.grid-gallery-section.activitiesSection { position: relative; padding: 100px 0; margin-bottom : 0; overflow: hidden;}
.grid-gallery-section.activitiesSection:before { content: ''; position:absolute; width: 603px; height: 136px; bottom: -30px; right: 0; background: url('../../../warehouse/temp/amutathaim/5.0ActivitiesFrame.png');
    background-position: center; background-size: cover; background-repeat: no-repeat;}
.owl-carousel .owl-item a.slide-bg-layer {pointer-events: none;}
.activitiesSection .owl-carousel .owl-item .item {background: #f3f3f3; margin: 0 20px; padding: 0;}
.owl-carousel .owl-item:hover .topImg img { transform: scale(1.03); -webkit-transform: scale(1.03); -ms-transform: scale(1.03);}
.owl-carousel .owl-item:hover .topImg img {transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.activitiesSection .section-title {margin-bottom: 0;}
.activitiesSection .gallery-image-title h3 { font-family: 'stanga-aaa-bold'; font-size: 140%; margin: 15px 0;}
.activitiesSection .gallery-image-title p, .productsPage .grid-short-box-text p { font-size: 80%; padding: 0 20px;}
.activitiesSection .gallery-image-title a, .activitiesPage .grid-box-subtitle.button a{ display: inline-block; width: 120px; color: #333; margin: 20px 0; padding: 1px 0; border-radius: 17px; border: 2px solid #242a88; 
    font-family: 'stanga-aaa-bold'; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.activitiesSection .gallery-image-title a:hover, .activitiesSection .gallery-image-title a:focus { background: #242a88; color: #fff;}
.owl-carousel {margin: 0 auto;}
.owl-carousel .owl-nav div { top: 45%; display: block !important;}
.owl-carousel .owl-next { left: -60px;}
.owl-carousel .owl-prev { right: -60px;}
.owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/amutatHaim/6.0GalleryArrowRight.png);}
.owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/amutatHaim/6.0GalleryArrowLeft.png);}
.owl-carousel .owl-next:after, .owl-carousel .owl-prev:after {width: 20px; height: 35px;}

/*Footer*/
footer {padding: 0;}
.footer-text-divided { background: #303587; color: #fff; padding: 28px 400px; display: flex; display: -ms-flexbox;  align-items: center; -webkit-box-align: center;
    -ms-flex-align: center;}
.footer-text-divided p { font-size: 90%;}
.footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { text-align: center;}
.footer-text-divided > div.footer-text-middle { position: relative;}
.footer-text-divided > div.footer-text-middle:before, .footer-text-divided > div.footer-text-middle:after { content: ''; position: absolute; width: 2px; height: 102px; 
    background: #b7d235; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)}
.footer-text-divided > div.footer-text-middle:before { right: 0;}
.footer-text-divided > div.footer-text-middle:after { left: 0;}
.footer-text-left a {display: inline-block; position: relative; margin: 0 0 10px 6px; }
.footer-text-left a:hover, .footer-text-left a:focus { color: inherit; text-decoration: underline;}
.footer-text-left a img { opacity: 1; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms;}
.footer-text-left a:hover img, .footer-text-left a:focus img { opacity: 0;}
.footer-text-left a:hover:after , .footer-text-left a:focus:after  { content: ''; position: absolute; width: 34px; height: 34px; top: 0; left: 0; transition: all 200ms ease-in-out;}
.footer-text-left a.footerInsBox:hover:after, .footer-text-left a.footerInsBox:focus:after { background: url(../../../warehouse/temp/amutatHaim/footerIns.png); 
    background-size: cover; background-repeat: no-repeat;}
.footer-text-left a.footerFbBox:hover:after, .footer-text-left a.footerFbBox:focus:after { background: url(../../../warehouse/temp/amutatHaim/footerFB.png); 
    background-size: cover; background-repeat: no-repeat;}
#SiteFooter .site-credit.alternative { padding: 15px 0;}
#SiteFooter .site-credit.alternative svg .st0, #SiteFooter .site-credit.alternative svg { fill: #fff;}
.footer-text-middle p a:hover, .footer-text-middle p a:focus { text-decoration: underline; color: #fff;}

/*Pop Up*/
#multi-content-modal.modal .close {left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%);}

/*****Inner Pages*****/
.wellfareSupportPage #LobbyModule .sections .grid-content-section {padding: 0; margin: 0 -10px;}
.wellfareSupportPage #allSectionsWrapper { margin-top: 30px; }
.GridBottomGallery { padding: 0 0 100px 0; }
div#GridContent { padding: 60px 0 100px 0;}
#lobbyview #headline {max-width: 100%; width: 100%; text-align: center;}
#headline { margin: 0 auto 30px; font-size: 100%; text-align: right;}
#text1, #text2 { max-width: 850px; text-align: right;}
#text1 a:hover, #text1 a:focus { color: #373D89;} 
#text1 h3 {font-size: 120%; font-weight: bold; font-family: 'stanga-aaa-bold';}
#text1 p:last-child {margin-bottom: 0;}
#text1 blockquote {border-left: none; font-size: 100%;}
#text2 p a { font-size: 100%;}
.contactPage #text1, .contactPage #text2 { text-align: center; }
#LobbyModule .grid-box, #lobbyview .grid-box, #LobbyModule .grid-text-section .section-animation-item { opacity: 1; transition: none; -webkit-transition: none; -o-transition: none;}
.grid-boxes .grid-box-title h3 a { color: #333;}
.grid-box-image-text {font-size: 120%; line-height: 1.2;}
#PageBreadCrumps {font-size: 80%;}
#videoContainer { text-align: right;}

#LobbyModule .grid-text-section .section-animation-item.grid-text-content p { margin-top: 0;} 
#LobbyModule .grid-text-section { margin-bottom: 0; padding: 0;}
#LobbyModule .sections .grid-content-section { margin-bottom: 0;}

/*General Styles For Lobby Pages*/
#LobbyModule .grid-content-section {max-width: 900px;}
.productsPage #gridshort-view {max-width: 850px; margin: 0 auto;}
#LobbyModule .grid-content-section .grid-boxes .grid-box-image { padding-bottom: 100%;}
#LobbyModule .grid-content-section .grid-boxes .box-image-animation { display: block;}
#LobbyModule .grid-content-section .grid-boxes .box-image-animation:hover img { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9);}
#LobbyModule .grid-content-section .grid-boxes .box-image-animation .grid-box-opacity-layer {background: none;}

/*General Styles For Lower Gallery*/
.gallery-cubes.section-animation-item { max-width: 1280px; margin: 0 auto;}
.gallery-cubes.section-animation-item > div { padding: 5px;}
.gallery-cubes .image-link-inner { width: 57px; height: 57px; color: #fff; background: #f52b53; }

.categories-strip {background: #373D89; color: #333;}
.categories-strip ul li { color: #fff; white-space: nowrap; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.categories-strip ul li.active, .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus { background: rgba(0,0,0,0.5); color: #fff;}
.categories-strip ul li a:focus { text-decoration: none;}

/*About Page*/
.aboutBtn { display: inline-block; width: 130px; height: 40px; line-height: 38px;}
#text1 .aboutBtn:hover, #text1 .aboutBtn:focus {color: #fff;}

/*Committee Page*/
.committeePage .grid-short-box-image { padding-bottom: 69%;}
.committeePage .grid-short-box-image img {height: auto;}
.committeePage .grid-short-box .grid-short-box-label { padding-top: 0; font-size: 100%; line-height: 1.2;}
.committeePage #text2 {max-width: 100%; text-align: center;}
.committeePage #gridshort-view {text-align: center;}
.committeePage #ContentGridShortModule .gridshort-view-item {width: 30%;}

.committeePage #headline { text-align: center; }
.committeePage #headline h1:before, .committeePage #headline h1:after { content: ''; position: absolute; width: 29px; height: 29px; background: url(../../../warehouse/temp/amutathaim/2.0StarIcon.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.committeePage #headline h1:before { top: 50%; right: -20px; transform: translate(50%, -50%) rotate(90deg); -webkit-transform: translate(50%, -50%) rotate(90deg); -moz-transform: translate(50%, -50%) rotate(90deg); -ms-transform: translate(50%, -50%) rotate(90deg); -o-transform: translate(50%, -50%) rotate(90deg); }
.committeePage #headline h1:after { top: 50%; left: -20px; right: auto; transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); }


/*Wellfare Support Page*/

.wellfareSupportPage #lobbyview #headline, .wellfareSupportPage .grid-text-section { text-align: right;}
.wellfareSupportPage #LobbyModule {max-width: 1170px; margin: 0 auto;}
.wellfareSupportPage #LobbyModule .grid-text-content {width: 100%; padding: 0;} 
.wellfareSupportPage #LobbyModule .grid-content-section .grid-box { background: #f3f3f3; margin: 30px 10px 0; padding: 0;}
.wellfareSupportPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 140%; font-family: 'stanga-aaa-bold';}
.wellfareSupportPage #LobbyModule .grid-boxes .grid-box-fulltext { padding: 10px;}
.wellfareSupportPage #LobbyModule .grid-boxes .grid-box-fulltext p { font-size: 80%;}
.wellfareSupportPage .grid-boxes .grid-box-subtitle {font-size: 100%;}
.wellfareSupportPage .grid-box-subtitle.button a { display: inline-block; width: 120px; margin: 20px 0; padding: 1px 0; border-radius: 17px; border: 2px solid #242a88; 
    font-family: 'stanga-aaa-bold'; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.wellfareSupportPage #LobbyModule .grid-content-section .grid-boxes .box-image-animation:hover img { transform: none; -webkit-transform: none; -ms-transform: none;}
.wellfareSupportPage #LobbyModule .grid-content-section .grid-box:hover .grid-box-subtitle.button a,
    .wellfareSupportPage #LobbyModule .grid-content-section .grid-box:focus .grid-box-subtitle.button a { background: #242a88; color: #fff;}
.wellfareSupportPage #LobbyModule .grid-boxes .grid-box-image {padding-bottom: 123%;}

/*Donation Page*/
.donationPage .lobby-grid #GridPage .max-width { max-width: 1170px; padding: 0;}
.donationPage .lobby-grid #GridPage .max-width #lobbyview #headline, .donationPage .section { text-align: right;}
.donationPage .lobby-grid #GridPage .max-width #lobbyview #headline h1:before { content: none;}
.donationPage .grid-text-content { width: 100%; padding: 0; text-align: center; }
.donationPage .lobby-grid #GridPage .max-width .grid-text-content a {width: 150px; display: inline-block; font-size: 150%; padding: 2px 0;}
.donationPage .lobby-grid #GridPage .max-width .grid-text-content a.notBtn {width: auto; font-size: 90%; padding: 0; font-family: Assistant-Regular, Arial; color: #626262;
    border: none;}
.donationPage .lobby-grid #GridPage .max-width .grid-text-content a.notBtn:hover, .donationPage .lobby-grid #GridPage .max-width .grid-text-content a.notBtn:focus { background: none; 
    color: inherit; text-decoration: underline;}


.donationPage #headline { text-align: center; }
.donationPage .grid-rows .grid-row-text h2:after,
.donationPage #headline h1:after,
.donationPage .lobby-grid #GridPage .max-width #lobbyview #headline h1:after,
.donationPage .grid-rows .grid-row-text h2:after,
.donationPage #headline h1:before,
.donationPage .lobby-grid #GridPage .max-width #lobbyview #headline h1:before { content: ''; position: absolute; width: 29px; height: 29px; background: url(../../../warehouse/temp/amutathaim/2.0StarIcon.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.donationPage .grid-rows .grid-row-text h2:after,
.donationPage #headline h1:before,
.donationPage .lobby-grid #GridPage .max-width #lobbyview #headline h1:before { top: 50%; right: -20px; transform: translate(50%, -50%) rotate(90deg); -webkit-transform: translate(50%, -50%) rotate(90deg); -moz-transform: translate(50%, -50%) rotate(90deg); -ms-transform: translate(50%, -50%) rotate(90deg); -o-transform: translate(50%, -50%) rotate(90deg); }
.donationPage .grid-rows .grid-row-text h2:after,
.donationPage #headline h1:after,
.donationPage .lobby-grid #GridPage .max-width #lobbyview #headline h1:after { top: 50%; left: -20px; right: auto; transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); }

.donationPage .lobby-grid #GridPage .max-width #lobbyview #headline { text-align: center; }


a.enTxtBtn { font-family: Assistant-Regular, Arial !important; font-size: 120% !important; padding: 6px 0 !important; }
.creditCardDonation #text1 p a { display: inline-block; width: 120px; margin: 20px 0; padding: 1px 0; border-radius: 17px; border: 2px solid #242a88; text-align: center;
    font-family: 'stanga-aaa-bold'; font-size: 130%; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.creditCardDonation #text1 p a:hover, .creditCardDonation #text1 p a:focus, .wellfareSupportPage .grid-box-subtitle.button a:hover, .wellfareSupportPage .grid-box-subtitle.button a:focus
    { background: #242a88; color: #fff;}
.finContributionPage #text1 form { width: auto !important; margin: 0 auto !important;}

 /*Medical Center Page*/
.medicalCenterPage #gridshort-view .flex-row > div {width: 25%;}
.medicalCenterPage #gridshort-view .flex-row .grid-short-box .grid-short-box-label { min-height: 62px; max-width: 90%; margin: 0 auto; padding-top: 10px; font-size: 100%; 
    line-height: 1.3;}
.medicalCenterPage #gridshort-view .flex-row .grid-short-box-link a { display: inline-block; width: 120px; margin: 20px 0; padding: 1px 0; border-radius: 17px; border: 2px solid #242a88; 
    font-family: 'stanga-aaa-bold'; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.medicalCenterPage #gridshort-view .flex-row .grid-short-box-link a:hover, .medicalCenterPage #gridshort-view .flex-row .grid-short-box-link a:focus { background: #242a88; color: #fff;}
.medicalCenterPage .grid-short-box-image img { height: auto;}
.medicalCenterPage .grid-short-box-image { padding-bottom: 50%;}
.medicalCenterPage .grid-short-box { margin-bottom: 30px; background: #f3f3f3;}


.medicalCenterPage #headline { text-align: center; }
.medicalCenterPage #headline h1:before, .medicalCenterPage #headline h1:after { content: ''; position: absolute; width: 29px; height: 29px; background: url(../../../warehouse/temp/amutathaim/2.0StarIcon.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.medicalCenterPage #headline h1:before { top: 50%; right: -20px; transform: translate(50%, -50%) rotate(90deg); -webkit-transform: translate(50%, -50%) rotate(90deg); -moz-transform: translate(50%, -50%) rotate(90deg); -ms-transform: translate(50%, -50%) rotate(90deg); -o-transform: translate(50%, -50%) rotate(90deg); }
.medicalCenterPage #headline h1:after { top: 50%; left: -20px; right: auto; transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); }


/*Activities Page*/
.activitiesPage #LobbyModule .sections .grid-content-section { padding: 0;}
.activitiesPage #LobbyModule .grid-content-section .grid-box {background: #f3f3f3; margin: 0 15px 30px; padding: 0;}
.activitiesPage #LobbyModule .grid-content-section .grid-boxes .box-image-animation:hover img, .activitiesPage #LobbyModule .grid-content-section .grid-box:hover img,
    .activitiesPage #LobbyModule .grid-content-section .grid-box:focus img {transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05);}
.activitiesPage #LobbyModule .grid-content-section .grid-boxes .grid-box-image {padding-bottom: 73%;}
.activitiesPage #LobbyModule .grid-boxes .grid-box-title h3, .productsPage .grid-short-box .grid-short-box-label { font-family: 'stanga-aaa-bold'; font-size: 140%; margin: 5px 0 0;}
.activitiesPage .grid-boxes .grid-box-subtitle {font-size: 100%;}
.activitiesPage .grid-box-subtitle.button a:hover, .activitiesPage .grid-box-subtitle.button a:focus {color: #333;}
.activitiesPage .grid-box-subtitle.button a {margin: 10px 0 15px;}

/*Products Page*/
.productsPage .grid-short-box{background: #F3F3F3;}
.productsPage .grid-short-box-text {padding: 0 10px;}

/*Contact Page*/
.contactPage #GridContent {padding-bottom: 20px;}

.contactPage #headline { text-align: center; }
.contactPage #headline h1:before,
.contactPage #headline h1:after { content: ''; position: absolute; width: 29px; height: 29px; background: url(../../../warehouse/temp/amutathaim/2.0StarIcon.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.contactPage #headline h1:before { top: 50%; right: -20px; transform: translate(50%, -50%) rotate(90deg); -webkit-transform: translate(50%, -50%) rotate(90deg); -moz-transform: translate(50%, -50%) rotate(90deg); -ms-transform: translate(50%, -50%) rotate(90deg); -o-transform: translate(50%, -50%) rotate(90deg); }
.contactPage #headline h1:after { top: 50%; left: -20px; right: auto; transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); }
.contactPage h3.dynamicFormObjectTitle:before, .contactPage h3.dynamicFormObjectTitle:after { display: none; }


#SiteGrid.layout-bottom #GridPromo { margin-bottom: 100px; padding: 0; }
.form-container-wide #DynamicFormObject, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, 
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields {display: block;}
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%;}
.form-container-wide #DynamicFormObject {padding: 40px 60px 30px; overflow: hidden;}
.form-container-wide #DynamicFormObject:before {content: ''; position: absolute; width: 24vw; height: 22vh; bottom: -8px; right: 0; background: url(../../../warehouse/temp/amutathaim/4.0WeWillWinRightDeco.png);
    background-size: cover; background-repeat: no-repeat; background-position: center; pointer-events: none;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin-bottom: 25px; font-size: 100%;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 0;}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { position: relative; display: inline-block; font-family: 'stanga-aaa-bold'; font-size: 152%;
    margin-bottom: 0;}
h3.dynamicFormObjectTitle:before, h3.dynamicFormObjectTitle:after {content: ''; position: absolute; width: 21px; height: 21px; background: url(../../../warehouse/temp/amutathaim/2.0StarIcon.png); 
    background-size: cover; background-position: center; background-repeat: no-repeat;}
h3.dynamicFormObjectTitle:after { top: 40%; left: -20px; transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); 
    -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg);}
h3.dynamicFormObjectTitle:before { top: 40%; right: -20px; transform: translate(50%, -50%) rotate(90deg); -webkit-transform: translate(50%, -50%) rotate(90deg); 
    -moz-transform: translate(50%, -50%) rotate(90deg); -ms-transform: translate(50%, -50%) rotate(90deg); -o-transform: translate(50%, -50%) rotate(90deg);}
.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 7px;}
#DynamicFormObject { border: 2px solid #303587;}
#DynamicFormObject:after { content: none;}
.normal-form input, .normal-form textarea {width: 100%; color: #333; background: #fff; border-color: #333; border-radius: 0; margin-bottom: 15px; font-size: 90%;}
.normal-form textarea {height: 80px; padding-right: 15px;}
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {width: 150px; display: inline-block; float: none; padding: 0;}
#DynamicFormObject input[type=submit] {width: 100%; height: 45px; background: #fff; color: #333; border: 2px solid #242a88; border-radius: 22.5px; font-family: 'stanga-aaa-bold'; 
    transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover {border-color: transparent; background: #303587; color: #fff;}
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField {width: 100%;}
.must:before {right: 15px;}


@media(max-width: 1440px) {
    .grid-rows .grid-row, .owl-carousel { width: 75%;}

    /*What Were Doing Section*/
    .sections .grid-content-section.whatarewedoing .grid-boxes { width: 65%;}
    .sections .grid-content-section.whatarewedoing .grid-boxes .section-animation-item { margin-bottom: 25px;}

    /*Footer*/
    .footer-text-divided {padding: 28px 300px;}
}

@media(max-width: 1200px){
    #header #header-center-kdm a {display: block;}
}

@media(min-width: 1200px) {
    /*#text1, #text2 {margin: 0;}*/  
}

@media(min-width: 1171px){
    #SiteGrid.layout-bottom #GridPromo {max-width: 940px; margin: 0 0 100px auto;}
    .contactPage #SiteGrid.layout-bottom #GridPromo { margin: 0 auto 100px auto; }
    .contactPage #text1, .contactPage #text2 { text-align: center; }
}

@media(min-width: 1171px) {
     #headline{ max-width: 850px; }
}

@media(max-width: 1170px) {
    #GridPage .max-width { width: 100%;} 
    .aboutSection .grid-rows .grid-row-text { margin-top: 0;}
    .committeePage #text2, .donationPage #GridContent #LobbyModule, #headline, #text1, #text2, #videoContainer, .wellfareSupportPage #LobbyModule { max-width: 70%; }
    #videoContainer { margin: auto;}
    .donationPage #GridContent #LobbyModule/*, .wellfareSupportPage #LobbyModule*/ { margin: 0 auto;}

    .normal-form textarea, .normal-form input { max-width: 100%;}
}

@media(min-width: 1025px) {
    /*Header*/
    #header{ display: flex; display: -ms-flexbox; justify-content: space-between; -webkit-box-pack: justify;-ms-flex-pack: justify; align-items: center;
        -webkit-box-align: center;-ms-flex-align: center;}
    #header #header-right { padding: 0; display: flex; display: -webkit-box; display: -ms-flexbox; align-items: center; -webkit-box-align: center;-ms-flex-align: center;}
    #header .submenu {padding-bottom: 20px;}

    .aboutSection .grid-row li.slider-item { padding-bottom: 351px;}
    .aboutSection .grid-rows .grid-row { max-width: 1020px;}
    .aboutSection .grid-row-cell.flexslider-box.section-animation-item ul.slides { width: 486px !important; margin: 0 0 0 auto;}


    .activitiesSection .gallery-image-title p {min-height: 44px;}
    .owl-carousel { max-width: 900px;}

    /*#headline { max-width: 850px;}*/
    /*.medicalCenterPage #headline { max-width: 1170px;}*/
    .committeePage #GridPage .max-width { max-width: 850px;} 
}

@media(min-width: 991px) {
    #header .submenu { margin: 0;}
    div#home-gallery, #home-gallery a.slider-bg.stellar-bg { height: 700px !important;}
    #home-gallery .slider-bg.stellar-bg {min-height: 700px;}
    .productsPage .grid-short-box {min-height: 480px; } 
    #LobbyModule .grid-boxes {padding: 0;}
    #headline h1 { font-size: 350%;}
    .wellfareSupportPage #LobbyModule .grid-content-section .grid-box { width: 22.33%;}
}

@media(min-width: 768px) {
    .grid-rows .grid-row { direction: ltr !important;}
    #header #header-center-kdm {display: flex; display: -ms-flexbox; align-items: center; -webkit-box-align: center; -ms-flex-align: center; 
        order: 2; -webkit-box-ordinal-group: 3;-ms-flex-order: 2; position: static; left: 0; top: 0; position:static; transform: none; -webkit-transform: none;}
    #header #header-center-kdm a.hvr-fade { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1;}

    /*General Styles For Lobby Pages*/
    #LobbyModule .grid-content-section .grid-box { width: 20%;}
    .ongoingActivityPage #LobbyModule .grid-content-section .grid-box {width: 29%;}

    .wellfareSupportPage #LobbyModule .grid-boxes .grid-box-fulltext { min-height: 196px;}

    /*Contact Page*/
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField ) {width: 33.33%;}
}

@media(max-width: 1024px) {
    /*Header*/
    #header { padding: 0;}
    #header .submenu { width: 100vw; height: 100vh;}
    #header #header-right { padding: 10px 15px;}
    #header .menu-nav {padding: 0;}
    #header .submenu li > a {font-size: 180%; }
    #header .submenu .menu-sub li a { font-size: 150%;}
    #header #header-right { width: auto;}
    #header #header-center-kdm a { padding: 4px 20px;}
    #header #header-center-kdm .address { margin: 0 0 0 10px;}
    #header .social-mobile .social-links a.social_icon_youtube svg { padding-top: 0;}

    /*About Section*/
    .grid-row-section.aboutSection { padding: 50px 0;}
    .aboutSection .grid-rows .grid-row { width: 90%;}
    .aboutSection .box-image-animation img { height: auto !important; width: 100%;}

    /*What Were Doing Section*/
    .sections .grid-content-section.whatarewedoing { padding: 40px 0 80px;}
    .sections .grid-content-section.whatarewedoing .grid-boxes { width: 85%;}

    /*We Will Win Section*/
    .grid-rows .grid-row-text { width: 100%;}
    .weWillWinSection .box-image-animation img {max-width: 250px;}
    .weWillWinSection .grid-row li.slider-item {padding-bottom: 88%;}
    .weWillWinSection .grid-rows .grid-row-cell { vertical-align: bottom;}
    .section.weWillWinSection:before, .section.weWillWinSection:after { max-width: 170px; max-height: 120px; width: 100%; height: 100%;}

    /*CTA Strip*/
    .grid-text-section.ctaStrip { padding: 15px 0;}

    /*Activities Section*/
    .grid-gallery-section.activitiesSection { padding: 50px 0;}

    /*****Inner Pages*****/
    /*#headline {max-width: 70%;}
    #text1 { max-width: 70%; }*/
    /*.medicalCenterPage #headline { max-width: 95%;}*/
    /*#headline h1 { margin: 0 30px 0 0; }*/
    
    /*.productsPage #gridshort-view { margin: 0 auto;}*/

    /*General Styles For Gallery*/
    .gallery-cubes.section-animation-item { max-width: 80%; }
}

@media(min-width: 768px) and (max-width: 1024px){
    .grid-rows .grid-row, .owl-carousel { width: 65%; }

    /*Header*/
    #header #header-center-kdm { position: relative; left: 15px; top: 15px; justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end;}
    #header #header-center-kdm a { display: block;}

    .activitiesSection .gallery-image-title p {min-height: 66px;}
    .owl-carousel {width: 65% !important;}

    .weWillWinSection .grid-rows .grid-row-text p.btnBox { margin-bottom: 10px;}
    .wellfareSupportPage #LobbyModule .grid-content-section .grid-box { width: 45%;}

}

@media(min-width: 991px) and (max-width: 1024px) {
    /*Header*/
    #header #header-center-kdm { top: 25px;}

    /*We Will Win Section*/
    .weWillWinSection .box-image-animation img {height: auto !important;}

    .productsPage #ContentGridShortModule .gridshort-view-item { width: 32%;}
}

@media(min-width: 768px) and (max-width: 990px) {
    #header #header-center-kdm .address { position: absolute; right: -80px;}

    /*#home-gallery .slides .slider-item { min-height: 90vh !important; height: 90vh;}*/
    /*#home-gallery .opacity-layer {padding-bottom: 10vh;}*/
    #home-gallery a.slider-bg.stellar-bg { background-position: center -70px;}

    .grid-rows .grid-row, .owl-carousel { width: 75%;}
    .aboutSection .grid-rows .grid-row, .aboutSection .grid-rows .grid-row-text { width: 80%;}
    .aboutSection .grid-row .grid-row-cell.grid-row-cell-text { text-align: right;}
    .aboutSection .grid-row li.slider-item { padding-bottom: 73%;}
    .grid-row-section.aboutSection .flexslider-box { vertical-align: top;}

    /*What Were Doing Section*/
    .sections .grid-content-section.whatarewedoing .grid-boxes .section-animation-item { width: 20%;}

    /*We Will Win Section*/
    .weWillWinSection .grid-rows .grid-row-text p.btnBox > a, .weWillWinSection .grid-rows .grid-row-text a.grid-row-button { width: 130px;}
    .weWillWinSection .grid-rows .grid-row-text p.btnBox > a { margin: 0;}
    .weWillWinSection .box-image-animation img { max-width: 100%; height: auto !important;}
    .weWillWinSection .grid-row li.slider-item { padding-bottom: 117%;}
    .wellfareSupportPage #LobbyModule .grid-boxes .grid-box-fulltext {min-height: 175px;}
    .wellfareSupportPage .grid-box-subtitle.button a { margin: 0 0 20px;}

    /*****Inner Pages*****/
    .finContributionPage #headline { max-width: 70%; margin: 0 auto;}
}

@media(max-width: 990px) {
    .grid-rows .grid-row-text h2, .section-title h2, #headline h1 {margin-bottom: 20px; font-size: 320%;}
    #home-gallery a.slider-bg.stellar-bg {min-height: 90vh !important; height:90vh !important; }
    #home-gallery .slides .slider-item { background: #fff;}
    #home-gallery .scroll-down svg, #home-gallery .scroll-down svg path {fill: #333;}
    button.controlSlider.pause:after { color: #333;}

    /*What Were Doing Section*/
    .sections .grid-content-section.whatarewedoing .grid-boxes .section-animation-item { padding: 0 15px; }

    /*CTA Strip*/
    .ctaStrip .section-title h2 { font-size: 240%; line-height: 1;}
    /*.home-page .ctaStrip .section-title h2 { font-size: 10vw; }*/

    /*Footer*/
    .footer-text-divided { padding: 20px 40px;}

    /*****Inner Pages*****/
    div#GridContent { padding: 10px 0 50px 0;}
    #headline { margin-bottom: 0; }
    #text1 iframe { width: 100%;}

    .finContributionPage #headline h1 { line-height: 1;}

    /*General Styles For Lower Gallery*/
    .GridBottomGallery { padding: 0 0 50px 0;}

    /*General Styles For Lobby Pages*/
    #LobbyModule .grid-content-section .grid-boxes .box-image-animation .grid-box-image-text { font-size: 110%;}

    .committeePage .grid-short-box-image { padding-bottom: 80%;}
    .committeePage #text2 { max-width: 80%;}
    
    .medicalCenterPage #gridshort-view .flex-row > div { width: 33.33%;}

    #SiteGrid.layout-bottom #GridPromo { width: 90%; margin-bottom: 50px;}
    #GridPromo #DynamicFormObject { padding: 30px 30px 20px;}
    .form-container-wide #DynamicFormObject:before { width: 31vw; height: 13vh;}

    /*Products Page*/
    .productsPage #ContentGridShortModule .gridshort-view-item {width: 49%;}
    .productsPage .grid-short-box-text {padding: 0 10px 10px;}
    .productsPage .grid-short-box-text p {min-height: 110px;}

    .section.weWillWinSection:before, .section.weWillWinSection:after { display: none; }
    .mobile-strip .select-wrapper li.strip-item { font-size: 100%; }
}

@media(min-width: 768px) and (max-width: 1170px) {
    #SiteGrid.layout-bottom #GridPromo { max-width: 100%; width: 70%; padding: 0;}
}

@media(max-width: 767px) {
    .grid-rows .grid-row, .owl-carousel { width: 85%;}

    /*Header*/
    #header .phone-icon i { color: #363b8b; font-size: 130%;}
    #header #header-center-kdm { left: -20px; top: 7px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);}
    #header.bg #header-center-kdm { width: auto; padding: 9px;}
    #header #header-center-kdm a:first-child { font-size: 90%; 
        transition: none; -webkit-transition: none; -o-transition: none;}
    #header #header-center-kdm a.hvr-fade:before { content: none;}
    #header #header-left { width: 120px; height: 120px; top: -10px;}
    #header #header-left img, #header.bg #header-left img { max-width: 65px; }
    #nav-toggle.active span:after, #nav-toggle.active span:before, #nav-toggle-mobile.active span:after, #nav-toggle-mobile.active span:before { background: #fff;}
    #header .submenu {max-height: 100vh; padding-top: 100px; margin-top: 40px;}
    #header .submenu li { padding: 10px 0;}
    #header .submenu li, #header .submenu li.social-mobile, #header .submenu .menu-sub li { text-align: center;}
    #header .submenu li.has-sub>a { margin-right: 35px;}
    .has-sub i.opensub { font-size: 120%; margin: 0 10px 5px 0;}
    #header .social-links a { width: 44px !important; height: 44px;}
    #header .social-links a svg { margin-top: 10px;}
    #header .social-links a.facebook_icon_instagram svg { width: 14px; height: 22px;}
    #header .social-links a.social_icon_instagram svg { width: 22px; height: 22px;}
    #header.subopen #header-left, #header.subopen .phone-icon{ display: none;} /*#header.subopen #header-center-kdm*/
    #header .submenu .menu-sub { padding: 0;}
    #header .social-mobile .social-links a.social_icon_youtube svg { width: 25px; margin-top: 8px;}
    #header #header-center-kdm .languages { display: none !important;}
    #header.subopen #header-center-kdm .languages { display: block !important; opacity: 1 !important;}
    #header #header-center-kdm .languages,  #header #header-center-kdm a.lang:last-child { transition: none; -webkit-transition: none; -o-transition: none;}

    /*Top Banner*/
    /*#home-gallery a.slider-bg.stellar-bg {background-size: 180% 100%; background-position: -110px center;}*/
    #home-gallery .scroll-down svg path { fill: #3B4149;}
    button.controlSlider.pause:after { color: #3B4149;}
    #home-gallery .scroll-down {bottom: 5%;}
    #home-gallery a.slider-bg.stellar-bg { min-height: 80vh !important; height: 80vh !important; margin-top: 40px; }
    #home-gallery:not(.video-slider) button.controlSlider { display: none;}

    @supports (-webkit-overflow-scrolling: touch) {
        #home-gallery a.slider-bg.stellar-bg { background-size: 100%; background-position: top;}
    }

    /*About Section*/
    .grid-row-section.aboutSection { padding: 30px 0 25px;}
    .aboutSection .grid-rows .grid-row { display: flex !important;  display: -ms-flexbox !important;  display: -webkit-box !important; -webkit-box-orient: vertical; flex-direction: column; -webkit-box-direction: normal; -ms-flex-direction: column; overflow: hidden;}
    .aboutSection .grid-row-cell.flexslider-box.section-animation-item { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1;margin-bottom: 0;}
    .aboutSection .grid-row .grid-row-cell.grid-row-cell-text { margin-bottom: 30px;}
    .aboutSection .grid-rows .grid-row-text a.grid-row-button { margin: 20px 0 0 0;}
    .aboutSection .grid-rows .grid-row-text { padding: 0;}
    .aboutSection .grid-row li.slider-item { padding-bottom: 72%;} 

    /*What Were Doing Section*/
    .sections .grid-content-section.whatarewedoing { padding: 25px 0 10px; overflow: hidden; background-size: cover;}

    /*We Will Win Section*/
    .section.weWillWinSection:after { z-index: 0;}
    .section.weWillWinSection:before { max-width: 110px; max-height: 190px;}
    .weWillWinSection .grid-rows .grid-row { display: flex !important; display: -ms-flexbox !important; flex-direction: column; -ms-flex-direction: column; -webkit-box-direction: normal;
        -webkit-box-orient: vertical; overflow: hidden;}
    .weWillWinSection .grid-rows .grid-row .grid-row-cell.flexslider-box.section-animation-item { order: 1; -ms-flex-order: 1; -webkit-box-ordinal-group: 2;}
    .weWillWinSection .grid-rows .grid-row-text p > a { width: 130px;}
    .weWillWinSection .box-image-animation { text-align: center;}
    .weWillWinSection .grid-row li.slider-item { padding-bottom: 83%;}

    /*CTA Strip*/
    .grid-text-section.ctaStrip {flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; padding: 15px 0 20px;}
    .ctaStrip .section-title { margin: 0 0 15px 0;}
    .grid-text-section.ctaStrip { position: relative; z-index: 1; }

    /*Activities Section*/
    .grid-gallery-section.activitiesSection { padding: 50px 40px;}
    .activitiesSection .owl-carousel .owl-item .item { margin: 0;}
    .owl-carousel .owl-next { left: -30px;} 
    .owl-carousel .owl-prev { right: -30px;}
    .activitiesSection .gallery-container { width: 100%;}

    /*Footer*/
    #SiteFooter { padding-bottom: 0;}
    .footer-text-divided { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction:column; padding: 20px 10px;}
    .footer-text-divided > div.footer-text-left { display: block; width: 100%;}
    .footer-text-divided > div.footer-text-left p:last-child { display: none;}
    .footer-text-divided > div.footer-text-middle { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; padding: 0;}
    .footer-text-divided .footer-text-middle p { display: inline-block; position: relative; margin-left: 20px;}
    .footer-text-divided .footer-text-middle p:last-child { margin-left: 0;}
    .footer-text-divided .footer-text-middle p:last-child:after { content: none;}
    .footer-text-divided > div.footer-text-middle:before, .footer-text-divided > div.footer-text-middle:after { content: none;}
    .footer-text-divided .footer-text-middle p:after {content: ''; position: absolute; width: 2px; height: 16px; background: #b7d235; top: 50%; left: -11px; 
        transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
    .footer-text-divided .footer-text-middle p:last-child:after {content: none;}

    /*****Inner Pages*****/
    #headline { max-width: 90%;}

    .committeePage #headline, .ongoingActivityPage #lobbyview #headline, .contactPage #headline, .medicalCenterPage #headline { max-width: 70%; }

    .mobile-strip span, .mobile-strip:after { color: #fff; padding: 10px 0; top: -5px;}
    #text1 { max-width: 90%; }
    #videoContainer { max-width: 100%;}
    #videoContainer iframe { width: 100%;} 
    .mobile-strip .select-wrapper li.strip-item { white-space: normal;}
    #headline h1 { display: inline; line-height: 0.8;}
    #headline h1:after, .donationPage .lobby-grid #GridPage .max-width #lobbyview #headline h1:after { bottom: 9px;}
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { max-width: 100% !important;}

    .gallery-cubes.section-animation-item { max-width: 90%;}

    /*Committee Page*/
    .committeePage #ContentGridShortModule .gridshort-view-item { width: 49%; padding: 0 7px;} 
    .committeePage .grid-short-box-image { padding-bottom: 120%;}

    /*Donation Page*/
    .donationPage #GridContent #LobbyModule {max-width: 90%;}

    /*Wellfare Support Page*/
    .wellfareSupportPage #LobbyModule .sections .grid-content-section { margin: 0;}
    .wellfareSupportPage .lobby-grid #GridPage .max-width { overflow: hidden;}
    .wellfareSupportPage #LobbyModule { max-width: 90%;}
    .wellfareSupportPage #LobbyModule .grid-content-section .grid-box { width: 60%; margin: 0 10px 30px;}

    /*Medical Center Page*/
    .medicalCenterPage .grid-short-box { margin-bottom: 10px; }
    .medicalCenterPage #gridshort-view .flex-row { width: 95%; margin: 0 auto; }
    .medicalCenterPage #gridshort-view .flex-row > div {width: 50%;}
    .medicalCenterPage #gridshort-view .flex-row > div { padding: 0 5px;}
    .medicalCenterPage #gridshort-view .flex-row .grid-short-box .grid-short-box-label { max-width: 90%; font-size: 90%; margin: 0 auto;}
    .medicalCenterPage #headline { margin-bottom: 20px; }


    /*Activities Page*/
    .activitiesPage #LobbyModule .grid-content-section .grid-box { width: 85%; margin: 0 10px 40px; }
    .activitiesPage #lobbyview #headline { max-width: 80%}
    .wellfareSupportPage #lobbyview #headline { max-width: 100%; text-align: center; }

    /*Products Page*/
    .productsPage #ContentGridShortModule .gridshort-view-item {width: 100%;}
    .productsPage .grid-short-box-text p {min-height: 90px;}

    /*Contact Page*/
    #GridPromo #DynamicFormObject {padding: 20px 20px 5px;}
    #DynamicFormObject input[type=submit] { font-size: 120% !important;}
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 15px;}
    .form-container-wide #DynamicFormObject:before { width: 71vw; height: 23vh;}
}

@media(max-width: 375px) {
    #header #header-center-kdm { left: 0; }
    #header #header-center-kdm .languages { top: 70%;}
    #header .submenu { margin-top: 0;}

    .grid-rows .grid-row-text h2, .section-title h2, #headline h1 { font-size: 200%; }

    .ctaStrip .section-title h2 { font-size: 190%; }
    .home-page .ctaStrip .section-title h2 { font-size: 10vw; }
}

@media(max-width: 360px){

    .weWillWinSection .grid-rows .grid-row-text p.btnBox > a, .weWillWinSection .grid-rows .grid-row-text a.grid-row-button { width: 120px;}

    #LobbyModule .sections .grid-content-section { padding: 0;}
    #LobbyModule .grid-content-section .grid-boxes .box-image-animation .grid-box-image-text { font-size: 100%;}

    #header #header-center-kdm a:first-child { font-size: 85%; padding: 4px 10px;}
}


@media(max-width: 320px) {
    #header.bg, #header.bg .menu-nav { padding: 0;}
    #header #header-left { width: 100px; height: 100px; }
    #header #header-left img, #header.bg #header-left img { max-width: 50px;}
    #header .submenu { margin-top: 0;}
    #header #header-center-kdm .languages { left: -15%;}

    #headline h1 { font-size: 200%; }

    .sections .grid-content-section.whatarewedoing .section-title { width: 70%; margin: 0 auto 15px;}
    .medicalCenterPage #gridshort-view .flex-row .grid-short-box .grid-short-box-label {min-height: 80px;}

    .footer-text-divided .footer-text-middle p { margin-left: 12px;}
    .footer-text-divided .footer-text-middle p:after { left: -9px;}

    .medicalCenterPage .grid-short-box-image { padding-bottom: 70%;}
}