/*   MABAT   */
body                            { font-size:17px; line-height:1.2;color:#333; }
#header                         { background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.70196) 100%); }
#header.bg                      { background:#ffffff; }

#header .menu-nav               { background:#E67019; }
#header .submenu                { background:#E67019; }

#header #header-center-kdm      { font-size:106%; /*width:100%;*/}
#header #header-center-kdm a    { border-radius: 0; }
#header #header-center-kdm .address span:nth-child(1):after {content:" |"}
#header.bg #header-center-kdm   { display: none; }

#header #header-left img                    { display:none; }
#header.bg #header-left img                 { max-width: 95px; }

#header2 #header-left { position: absolute; right: 30px; width: auto; height: 53px; display: flex; align-items: center; justify-content: flex-start; gap: 20px; }
#header-left a { display: inline-flex; height: 100%; }
#header2 #header-left img { width: auto; height: 100%; }
#header2.detailsInRow .header-right-section { text-align: center; }
#header2                                    { background: #ffffff; color: #333; }
#header2 ul.menu li.active,#header2 ul.menu li:hover,#header2 ul.menu li:focus                  { color: #E67019; }
#header2 ul.menu li                         { color: inherit; }
#header2                                    { box-shadow: 0 0 15px 0 rgba(22, 24, 28, 0.2); -webkit-box-shadow: 0 0 15px 0 rgba(22, 24, 28, 0.2);padding:20px; }
#header2 ul.menu                            { font-size: 110%;margin-bottom:0; }
#header .submenu li > a:focus {color: inherit;text-decoration: none;}
#header2.detailsInRow .menu-nav     { margin-top:0;}
.sections .grid-content-section             { padding: 85px 15px 20px 15px;max-width:1000px; }
.section-title h2, .section-title h1        { color:#ab1600; font-size: 300%; }

.grid-boxes .grid-box-title h3 a            { color: #251d1d; }
#SiteFooter .footer-address                 { background-color:#252525;color:#fff;margin-top: 0;padding: 10px 0; }
#SiteFooter #partners-section               { background:#ab1600;padding: 25px 0; }
#SiteFooter #partners-section a             { padding: 0px 2.5%; }
#header .subopen                            { background:#ab1600; }
#header .submenu > li.active                { background: #6a0e00; }
#header .submenu > li:hover                 { background: #6a0e00; }
#SiteFooter .section.section-animation-list { padding-bottom: 120px; }

#home-gallery .gallery-logo                 { width: 50%; }
#home-gallery .flex-control-paging li a.flex-active { background:#E67019; }

 .gallery-cubes>div                         { padding: 5px; }
 #GridPage .max-width, #GridPage .max-width-center { max-width: 800px; }

 #GridPromo .normal-form textarea   { resize:none; }

 #GridContent .menuModuleTextItem0  { height:100px; }
 #GridContent .menuModuleTextItem1  { height:100px; }
  #SiteFooter                       { padding-bottom:0px; }
 .site-credit.alternative, #SiteFooter .mobile-seperator {background-color: #222;color:#fff;padding: 19px;}

 section.grid-text-section              { max-width: 800px; margin-right: auto; margin-left: auto; margin-bottom: 50px;margin-top:40px; }
 #SiteFooter .site-credit.alternative svg path {  fill: #ffffff; }
 .grid-short-box .grid-short-box-label          { background: #E67019; padding-bottom: 3%;padding-right: 10px;padding-left: 10px; }
.grid-short-box-link                            { display: none; }
.grid-short-box                                 { margin-bottom: 30px; }


.grid-boxes .grid-box-image                     { margin-bottom: 0; }
.grid-box-title                                 { width: 100%; padding: 5px; background: #E67019; }
.grid-box-title a                               { display: inline-block;width: 100%; }
#headline h1,.grid-text h2                            { color:#333; font-size: 143%;display: inline-block; }
.grid-text h2 { font-size: 300%; margin-bottom:40px; }
#headline h1:after,.grid-text h2:after                      { content: ""; border-bottom: 3px solid #E67019; display: block; }

#text1 h1                               { font-size:26px; }
#text1 p a                              { color:inherit;text-decoration:none;}
#text1 p a:hover, #text1 p a:focus      { text-decoration: underline; }

#text1 p a:hover                        { color: #333;background-color: #fff;}
.normal-form                            { border: 0px; }
.normal-form input[type="submit"]       { background-color:#413939; }
#MenuModule .menuModuleNav a.selected   { color:#ab1600; }

body {
    background-image: url('../../../warehouse/temp/mabat/mabat.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#headline                               { margin-bottom: 40px; }
.GridBottomGallery                      { max-width: 1170px; margin-right: auto; margin-left: auto; }
.grid-text .grid-text-content a             { background-color: #E67019; border: 1px solid #E67019; border-radius: 0px; font-size: 100%; padding: 10px 25px; color: #222; transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
.grid-text .grid-text-content a:hover       { background: #222; color: #ffffff; border-color: #222; }

#gridshort-view > div > div:hover           { text-decoration: underline; }


 @media (min-width:1200px) and (max-width:1400px){
    #header #header-center-kdm      {font-size: 94%;}
}
@media (max-width:1024px) {
    #header2 #header-left       { position: relative; right: auto;  max-width: 20px;  }
    #header2 #header-left img   { max-width: 50px; }
    #header2 .header-right-section { background: #E67019; }
    #header2 ul.menu                { background: #ffffff;box-shadow: 0 0 15px 0 rgba(22, 24, 28, 0.2); -webkit-box-shadow: 0 0 15px 0 rgba(22, 24, 28, 0.2);  }
    .GridBottomGallery              { padding-top: 0; }
    #header2 ul.menu li.active, #header2 ul.menu li:hover, #header2 ul.menu li:focus { background: #E67019; color: #222; }
    #header2 {padding: 10px;}
}


@media (max-width:767px) {
    #header                         { background: #ffffff;padding: 2px 5px; }
    #header #header-left img        { display: block; }
    #header .phone-icon             { font-size: 200%; }
    #header #header-left            { padding-left: 10px; }
    #header #header-center-kdm a:first-child {font-size: 100%; }
    #header .submenu                { margin-top: 48%; }
    #home-gallery .gallery-logo     { width: 80%; }
    /*#partners-section .logo-box img, #partners-section a img { max-width: 134px; margin: 7px;}*/
    section.grid-text-section       { margin-bottom: 0px; }
    .grid-text h2                   { font-size: 250%; margin-bottom: 20px; }
    .grid-boxes .grid-box .grid-box-title h3 { margin-top: 0; font-size: 150%; }
    .grid-short-box .grid-short-box-label { min-height: 60px; font-size: 120%; }
}

@media (max-width:550px) {
    #SiteFooter .section.section-animation-list {padding-bottom: 60px;}
}
@media (max-width:376px) {
    #header .submenu                    { margin-top: 50% ;}
    .grid-short-box.box                 { padding-bottom: 170%; }
}





@media (min-width:768px) and (max-width:1024px){
    #SiteFooter #partners-section a     { padding:0; }
    #SiteFooter #partners-section img   { max-width:75% }
     #GridContent .menuModuleTextItem0  { height:120px; }
    #GridContent .menuModuleTextItem1   { height:120px; }
}


#GridPromo #DynamicFormObject                                   { background: #fff;border: none;color: #403838; }

@media (min-width: 768px){
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText    { width:22%;padding: 0; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields          { width: 56%;border-left: 2px solid #fff;border-right: 2px solid #fff;padding: 0 4%; }
    
    #GridPromo .normal-form textarea, #GridPromo .normal-form input                     { border: 0px;background: #fff;border-radius: 0px;padding-right: 29px;font-size: 100%; border:1px solid #403838}
    #GridPromo .normal-form textarea                                                    { padding-right: 15px; }
    #GridPromo .normal-form input[type="submit"]                                        { padding-right:0px; color: #fff;}
    #DynamicFormObject input[type="submit"]:hover, #DynamicFormObject input[type="submit"]:focus {background: #fff;border: 1px solid #E67019;color: #333;}
    #GridPromo #DynamicFormObject { background: #fff;}
    #GridPromo .normal-form textarea::-webkit-input-placeholder, #GridPromo .normal-form input::-webkit-input-placeholder   { color:#403838; }
    #DynamicFormObject input[type="submit"]                                             { background-color:#E67019;border:1px solid #E67019;border-radius:0px;font-size: 88%; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form{ font-size:120%; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField           { width: 33.33%;padding: 0 5px; }
    #GridPromo .dynamicFormEndText p                                                    { font-size: 26px;line-height: 100%; }
    #GridPromo.form-container-wide #DynamicFormObject form > div:nth-child(4)           { width: 50%;padding: 0 5px; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormEndText               { padding: 0 3%; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit          { font-size:28px;width: 28%;margin-right: 0%;line-height: 28px;float: left;margin: 0;padding-left: 7px; }
    .contact-container .normal-form textarea, .contactform .normal-form input           { background-color:#fff;border: 1px solid #413939;color: #413939; }
    .contact-container .normal-form textarea, .contactform .normal-form input::-webkit-input-placeholder    { color: #413939; }
    .contactform .contact-container .normal-form textarea, .contactform .normal-form input                  { background-color:#fff;border: 1px solid #413939;color: #413939; }
    #DynamicFormObject .dynamicFormObjectTitle {    font-size: 80%;}


    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText        { width: 100%; display: block; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields              { width: 100%;display: block; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormEndText                   { display: none; }
    .normal-form textarea           {width:100%; max-width:100%; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email   { width: 33.33%; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField     { width: 100%; }
    #GridPromo .normal-form textarea                                                            { padding-right: 29px; }
    .must:before                            { top: 10px; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; margin-right: auto; margin-left: auto; }

    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: inline-block;}

}

@media (max-width:767px){
    
    #GridPromo.form-container-wide #DynamicFormObject                               { background: #ffffff;border: none; }
    #GridPromo .normal-form textarea::-webkit-input-placeholder,  #GridPromo .normal-form input::-webkit-input-placeholder{color:#403838}
    #GridPromo .normal-form textarea, #GridPromo .normal-form input                 { border:1px solid #403838;padding-right: 30px;}
    #GridPromo .normal-form textarea, #GridPromo .normal-form input[type="submit"]  { /*padding-right:0px;*/ }
    
    #GridPromo .normal-form textarea        { /*padding-right: 15px;*/resize: none; }
    #DynamicFormObject input[type="submit"] { background-color:#E67019; border:1px solid #E67019; border-radius:0px; padding-right: 0;}
    .dynamicFormEndText p                   { font-size:20px; }
    #headline h1                            { font-size: 123%; }
    #text1 h1                               { font-size: 20px; }
    #SiteFooter .mobile-seperator           { background-color:#252525;color:#fff;padding: 0; }
    #GridContent .menuModuleTextItem0       { height:auto; }
    #GridContent .menuModuleTextItem1       { height:auto; }
    #header.subopen                         { background: #E67019; }
}


.grid-short-box.box:hover                   { background: #ab1600; }
.grid-short-box.box .grid-short-box-text    { color:#ab1600; }
#contact-boxes a                            { background: #ab1600; border:1px solid #ab1600; }
#contact-boxes a:nth-last-child(1)          { display:none}
#contact-boxes a:hover                      { color:#ab1600; }
.menuModuleTextItemSubject                  { font-size: 150%;color: #ab1600; }
.menuModuleTextItemTitle                    { color: #ab1600; }
.menuModuleTextItemDescription              { color: #252525; }
.menuModuleContentPart                      { border:0px; }
.menuModuleContentPart:after                { border:0px; }

.footer-text p{font-size:12px;}

#header2 ul.menu>li:before                  { display: none; }
@media (max-width: 767px) {
    #partners-section a img {  max-height: 60px;width: auto }
    #partners-section a { max-width: 30%;margin: 2%;display: inline-block; }
    #gridshort-view > div > div         { padding-right: 8px; padding-left: 8px; }
}