/*B12*/
body {font-size: 20px;}
p {font-size: 95%;}
h1, h2 {position: relative; font-family:alef-bold; }
h1:after, h2:after { content: ''; display: block; width: 80px; height: 6px; background: #ce3031; margin: 10px auto;}
.section-title {margin-bottom: 25px;}
.section-title h2, .section-title h1 { color:#131313; font-size: 300%; }
.row {margin: 0;}

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;}
.stickyButton {box-shadow: unset;border-radius: unset;}
.stickyButton img {max-width: 75px;}

/*General Button Styles*/
.grid-rows .grid-row-text a.grid-row-button, .normal-form input[type="submit"], #DynamicFormObject input[type=submit], #FormResultPage #text1 a { border-radius: 0; font-family: alef-bold;
    background: #ce3031; border: 2px solid transparent; color: #fff; padding: 6px 15px; font-size: 100%;}
#FormResultPage #text1 a { border: 1px solid;}
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus,
    .normal-form input[type="submit"]:hover, .normal-form input[type="submit"]:focus, #DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus,
    #FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus
        {background: none; border: 2px solid #ce3031; color: #000;}

/*General Form Styles*/
 #GridPromo .normal-form textarea { resize:none; }
.normal-form, #DynamicFormObject{ border: 0; }
.normal-form input, .normal-form select, .normal-form textarea { width: 100%; max-width: 100%; background: rgba(241, 241, 241, 1); border-radius: 0; border: 1px solid #ccc;
    font-size: 80%; padding: 5px 20px;}
textarea.form-control, .normal-form textarea { height: 130px;}
.normal-form:after, #DynamicFormObject:after { border-color: #ce3031;}
.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: #544F4F; }
.FileUploaderField:after {font-size: 100%; }
option { color: #131313;}
.normal-form-confirm label, .normal-form-comment, #contactform .contact-form-comment { font-size: 85%;}
#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: alef-bold;}
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields,
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; display: block; padding: 0;}
.member fieldset { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.member #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; font-size: 0.85rem; }


/*Header*/
#header { padding: 7px;}
.home-page #header:not(.bg), #header.bg { background:#191919; }
#header .menu-nav, #header.bg .menu-nav { padding: 10px 7px 8px; background:#ce3031; }
#header .menu-nav .nav-menu-anim {vertical-align: text-top; margin-left: 0;}
#header .submenu { background:#191919; top: 13px; margin-bottom: 0; padding-bottom: 15px;}
#header #header-center-kdm { font-size:106%;}
#header #header-center-kdm a { position: relative; border-radius: 0; border: none; font-family:alef-bold; padding: 4px 20px; }
#header #header-center-kdm .address span:nth-child(1):after {content:"|"; width: 1px; display: inline-block; vertical-align: middle; margin: 0 7px; color: #ce3031; }
#header #header-left img, #header.bg #header-left img { max-width: 60px;}
#header .submenu li > a:focus {color: inherit;text-decoration: none;}
#header .subopen { background:#ab1600; }
#header .submenu > li.active { background: transparent; }
#header .submenu > li:hover { background: transparent; }
#header .submenu li:not(.has-sub)>a {width: auto; border-bottom: 2px solid transparent;}
#header .submenu > li.active a, #header .submenu > li:hover a { border-color: #ce3031; }
/*#header #header-center-kdm .address span:first-child { display: none;}*/
#header #header-center-kdm a:focus, #header #header-center-kdm a:hover { color: #fff; background: none; text-decoration: underline;}
#header #header-right .closed, #header .menu-nav .open {display: none !important;}
#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 {height: 3px;}
#header.menu-open #header-right > .social-links {opacity: 0; pointer-events: none;}

/*Top Banner*/
#home-gallery .gallery-caption {top: 30%;}
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .gallery-logo img { min-width: unset; width: 100%; max-width: 300px;}
#home-gallery ol.flex-control-nav.flex-control-paging {bottom: 12%;}
#home-gallery .flex-control-paging li a.flex-active { background:#ab1600; }

/*About Section*/
.section.grid-text-section { padding: 40px 0; margin-bottom: 0;}
.grid-text-section .grid-text-content, #text1, #text2, #contactDetails .contactDetailsText1 { max-width: 800px; padding: 0;}
.grid-text-section .grid-text .grid-text-content  p { margin-top: 30px;}

/*Grid Row Section*/
.grid-row-section {padding: 20px 0 40px; margin-bottom: 0;}
.grid-row .grid-row-cell.grid-row-cell-text { background-color: #e4e4e4; color: #131313;}
.grid-rows .grid-row-text {text-align: center;}
.grid-rows .grid-row-text p { font-size: 90%;}

.grid-gallery-section { margin-bottom: 0; padding: 0 5px;}
.gallery-cubes>div { padding: 5px;}
.gallery-cubes .image-link-inner {background: #ce3031;}

.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; }

/*Footer*/
footer {padding-top: 5px;}
#SiteFooter { padding-bottom: 0; }
.footer-text-divided, .site-credit.alternative, #SiteFooter .mobile-seperator { background: #131313;}
#SiteFooter .footer-address {display: none;}
#SiteFooter #partners-section { background:#ab1600;padding: 25px 0; }
#SiteFooter #partners-section a { padding: 0px 2.5%; }
#SiteFooter .footer-text-middle img { max-width: 150px;}
#SiteFooter .section.section-animation-list { padding-bottom: 120px; }
.site-credit.alternative, #SiteFooter .mobile-seperator {color:#fff;padding: 19px;}
.footer-text p{font-size:12px;}

/*****Inner Pages*****/
.top-caption {width: 100%; text-align: center;}
#headline, .grid-rows .grid-row-text h2 {font-size: 220%;}
#headline h1 { color:#131313; }
#subheadline {display: none;}
#text1 p {font-size: 90%;}
#text1 p a { color:#ab1600;text-decoration: underline;}
#text1 p a:hover{ color: #000;background-color: #fff;}

/*Members Page*/
#clubform, #contactform, #GridPromo #DynamicFormObject { background: #e4e4e4; padding: 40px; margin: 0 0 40px; color: #131313;}
#club-form .row fieldset > div { float: left !important;}

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

/*Menu Page*/
#MenuModule { margin-bottom: 50px;}
.menuModuleContent { position: relative; background: #e4e4e4; padding: 40px;}
.menuModuleContent:after {content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid #ce3031; pointer-events: none;}
#MenuModule .menuModuleNav { padding-top: 10px;}
#MenuModule .menuModuleNav a { border-bottom: 2px solid transparent; border-radius: 0; font-size: 100%;}
#MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { border-color: #000;}
.menuModuleTextItemPart:after {border-bottom: 1px solid #000;}
/*.menuModuleTextItem0 { height:100px; }
.menuModuleTextItem1 { height:100px; }*/
#MenuModule .menuModuleNav a.selected { color:#ab1600; }
.menuModuleTextItemSubject { font-size: 150%;color: #131313; margin-bottom: 20px; font-family: alef-bold;}
.menuModuleTextItemSubject .menuModuleTextItemSubjectDescription { font-size: 90%;}
.menuModuleTextItemTitle, .menuModuleTextItemDescription {font-size: 90%;}
.menuModuleTextItemTitle { color: #ab1600; font-family: alef-bold;}
.menuModuleTextItemDescription { color: #252525; }
.menuModuleContentPart { border:0; padding: 0; margin-bottom: 0;}
.menuModuleContentPart:after { content: none; }
.menuModuleTextItemPrice:before { display: inline-block;  margin-top: 7px; float: left;}

/*Contact Page*/
#contactDetails .contactDetailsText1 { margin: 0 auto;}
#contactDetails .contactDetailsText1 p { font-size: 100%;}
#contactDetails .contactDetailsText1 span { text-decoration-color: #ce3031 !important;}
#contactform .contact-container { width: 100%;}
#contactform textarea { margin: 0 0 15px;}
#contactform .contact-form-submit {text-align: center; margin: 0 auto;}
#map-section .map-cover:after {pointer-events: none;}
#map-section .map-cover { background: #ce3031;}
#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;}

@media(min-width: 1025px) {
    #header #header-right { /*width: 100%;*/ position: relative;}
    #header #header-right > .social-links { position: absolute; right: 80px; top: 50%; margin: 0;
        transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
    #header #header-center-kdm .address { margin: 0 0 5px 0; padding-right: 20px;}
}

@media (min-width: 768px){
    #header #header-left { display: inline-block; float: left !important;}
    #header #header-center-kdm a:after { content: ''; position: absolute; width: 2px; height: 15px; left: -10px; top: 50%; background: #ce3031;
        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%;}
}

 @media (min-width:1200px) and (max-width:1400px){
    #header #header-center-kdm  {font-size: 94%;}
}

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

@media(min-width: 1025px) and (max-width: 1360px) {
    #header #header-center-kdm { width: 65%;}
}

@media (min-width:768px) and (max-width:1024px){
    #header #header-center-kdm .address { display: none;}
    #header #header-center-kdm a:last-of-type:after { content: none;}

    #SiteFooter #partners-section a     { padding:0; }
    #SiteFooter #partners-section img   { max-width:75% }

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

@media(min-width: 991px) and (max-width: 1024px) {
    #header #header-right > .social-links { display: none;}
}

@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) {
    #header #header-center-kdm a {padding-left: 10px; padding-right: 10px;}
    .grid-text-section .grid-text-content, #text1, #text2 { width: 75%;}
}

@media (max-width:767px) {
    /*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;}
    .member #DynamicFormObject input[type=submit] { max-width: 90px; }

    /*Header*/
    #header { background: #ab1600; padding: 2px 5px; }
    #header #header-left img, #header.bg #header-left img { max-width: 50px;}
    #header .phone-icon { font-size: 110%; }
    #header #header-center-kdm, #header.bg #header-center-kdm { width: auto; position: absolute; top: 50%; left: 50%; padding: 0;
        transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
    /*#header #header-center-kdm, #header.bg #header-center-kdm { display: none;}*/
    #header #header-center-kdm a:first-child {font-size: 100%; }
    #header #header-center-kdm a { margin-left: 0;}
    #header .submenu { margin-top: 50px; }
    #header .submenu li a { font-size: 120%;}

    /*Top Banner*/
    #home-gallery .gallery-logo img { max-width: 180px;}
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 17%;}
    #home-gallery .scroll-down { bottom: 10%;}

    /*About Section*/
    .grid-text-section .grid-text-content { width: 90%;}

    /*Grid Row Section*/
    .grid-rows .grid-row-text { text-align: center; margin-top: 0; padding: 30px 0;}

    /*Footer*/
    .site-credit.alternative { margin-bottom: 47px; }
    a.AccessabilityLink { margin-bottom: 5px;}
    #SiteFooter .mobile-seperator { background-color:#252525; font-size: 100%; color:#fff; padding: 0; }
    #SiteFooter .mobile-seperator a { padding: 10px 0;}
    #SiteFooter .section.section-animation-list {padding-bottom: 60px;}
    #SiteFooter .footer-text-middle img { max-width: 100px;}
    #partners-section a img {  max-height: 60px;width: auto }
    #partners-section a { max-width: 30%;margin: 2%;display: inline-block; }

    /*****Inner Pages*****/
    #GridPage .max-width { width: 90%;}
    #text1, #text2 { padding: 0 15px;}
    #text1 h1 { font-size: 20px; }
    #FormResultPage, #text1.thanksPage { margin-bottom: 40px;}

    /*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%;}
}

@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%;}
}

@media (max-width: 991px) and (min-width: 768px) {
    .grid-rows .grid-row-text a.grid-row-button { margin-top: 8px; }
    .grid-rows .grid-row-text { width: 95%; }
}

@media (max-width: 1100px) and (min-width: 992px) {
    .grid-rows .grid-row-text { margin-top: auto; }
}