/*Pizza Yoav -Mini Modular*/
body {font-size: 20px; color: #232323;}
h1, h2 {position: relative;}
.row {margin: 0;}
a:hover, a:focus { color: inherit; text-decoration: none;}
.section-title {margin-bottom: 30px;}
.section-title h1, .section-title h2, #headline { font-size: 225%; color: #EC1E24;}

/*Header*/
#header2 { background: #DD131A;}
#header2 .max-width { max-width: 100%;}
#header #header-right .closed, #header .menu-nav .open {display: none !important;}
#header2 ul.menu {text-align: center;}
#header .menu-nav {background: none;}
#header .submenu {background: #DC1319;}
#header .submenu li > a:focus { color: inherit; text-decoration: none;}
#header2 ul.menu > li:before {content: none;}
#header2 ul.menu li a:focus {opacity: 1; border-bottom: none;}
#header2 ul.menu li.active, #header2 ul.menu li:hover, #header2 ul.menu li:focus { color: #000; font-weight: bold;}
#header .submenu > li.active, #header .submenu > li:hover, #header .submenu > li:focus {background: #cd1319;}
#header2 .header-top {text-align: center;}
#header2 .header-right-section { width: 100%;}
#header2 .header-top-right { float: none;}
span.bottomAddress { display: none;}
#header2 .menu-nav, #header2 .phone-icon, #header2 .header-top { display: inline-block; width: auto;}
#header2 .header-top { float: left !important;}
#header2 .header-top-left {float: right; margin: 0 0 0 15px;}
#header2 .menu-nav, #header2 .phone-icon, #header2 .header-top {padding-top: 10px; margin: 0;}
#header2 .phone-icon {display: inline-block; float: left; margin-left: 15px;}
#header #header-left img, #header.bg #header-left img {max-width: 80px;}

/*Top Banner*/
#home-gallery .gallery-caption { top: 30%;}
#home-gallery .flex-control-paging li a.flex-active { background: #EC1E24;}
#home-gallery .slides .slider-item:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.15); pointer-events: none;}

/*Cube Grid Section*/
.grid-boxes .grid-box-title h3 a {color: inherit;}
.grid-boxes .grid-box-title h3 {font-size: 115%;}
.grid-boxes .grid-box-image {padding-bottom: 66%;}

/*Gallery Section*/
.gallery-cubes > div { padding: 6px;}
.plus-sign {color: #2E8C13;}

/*Footer*/
#SiteFooter .st0 {fill: #000;}
#SiteFooter .footer-address { background: #DD131A; color: #fff; margin: 0; padding: 20px 0; font-size: 100%; margin-bottom: 3px;}
#SiteFooter .site-credit.alternative {padding: 10px 0;}
.site-credit.alternative { background: #2E8C12;}
a.AccessabilityLink {color: #000;}
#SiteFooter .footer-text-divided>div.footer-text-middle img { max-width: 140px;}

/*Inner Pages*/
#headline h1 {font-weight: bold;}
#text1, #text2 {max-width: 850px; font-size: 95%;}

/*Menu Page*/
.menuModuleContentPart {border: 10px solid #DD131A;}
.menuModuleContentPart:after { content: none;}
#MenuModule .menuModuleNav a {border-radius: 0; border-bottom: 2px solid transparent;}
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { color: inherit; font-weight: bold; border-bottom-color: #2E8C13; }
.menuModuleTextItemTitle { font-weight: bold;}
.menuModuleTextItemDescription {font-size: 95%;}
.menuModuleTextItemSubjectDescription { color: #EC1E24;}
.menuModuleTextItemPart:after { border-bottom: 1px solid #2E8C13;}
.menuModuleTextItemDescription { font-size: 70%;}

/*Gallery Page*/
#galleryview { max-width: 100%;}

/*Contact Page*/
#contactDetails .contactDetailsText1 p {font-size: 95%;}
.normal-form {border: 10px solid #000;}
.normal-form:after {content: none;}
.normal-form input, .normal-form select, .normal-form textarea { max-width: 100%; width: 100%; border: 1px solid #DD131A; border-radius: 0; padding-right: 15px; font-size: 80%;}
.normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder {color: #5D5656;}
#contactform .contact-form-comment { font-size: 80%; color: #5D5656;}
.normal-form input[type=submit] { background-color: #DD131A; color: #fff;}

@media(min-width: 1025px) and (max-width: 1360px) {
    #header2 {font-size: 80%;}
    #header2 ul.menu li { margin-left: 20px;}

    #home-gallery .gallery-caption {top: 25%;}
}

@media(min-width: 1025px) {
    #header2 .menu-nav { position: absolute; width: 100%; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%);  -ms-transform: translateX(50%); }
    #header2 .phone-icon, #header2 .header-top { position: relative; z-index: 1;}
}

@media(min-width: 768px) {
    #header .submenu li.social-mobile { display: none !important;}

    /*About Page*/
    .aboutPage .MainContent { max-width: 80%; margin: 0 auto;}
    .aboutPage #headline { text-align: right; }
    .aboutPage #text1 p {text-align: right;}

    /*Gallery Page*/
    #galleryview { max-width: 90%;}
}

@media(max-width: 1024px) {
    .header-right-section { background: inherit;}
    #header2 ul.menu { background: #DD131A; }
    #header2 ul.menu li.active { background: inherit;}
}
@media (max-width: 1025px) and (min-width: 992px) {
    .must:before { right: 12px;}
}

@media(min-width: 768px) and (max-width: 1024px){
    #header2 .phone-icon {display: none;}
}

@media(min-width: 768px) and (max-width: 990px) {
    #contactform .contact-container .row > div:not(.textareaWrapper ) { width: 33.333%; }
}

@media(max-width: 767px) {
    body { font-size: 18px;}

    #header .submenu { max-height: 78vh; margin-top: 60px;}
    #header2 .phone-icon { top: 10px; left: -10px;}
    #header #header-center-kdm, #header.bg #header-center-kdm { width: 100px; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);
        -o-transform: translate(50%, -50%);}
    #header #header-center-kdm a:first-child {height: 30px; width: 100%; font-size: 85%; padding: 0; line-height: 30px;}
    #header .submenu li a {font-size: 135%;}

    #home-gallery .gallery-logo { width: 100%;}

    .section-title h1, .section-title h2, #headline { font-size: 175%; }

    .sections .grid-content-section {margin-bottom: 0; padding-bottom: 0;}
    .grid-boxes .grid-box { margin-bottom: 30px; }
    .grid-boxes .grid-box .grid-box-title h3 { font-size: 140%; margin: 10px 0 0;}
    .grid-boxes .grid-box-image { margin-bottom: 10px;}

    #MenuModule .menuModuleNav a { font-size: 110%; margin: 0 7px 7px;}
    .menuModuleTextItemSubject { font-size: 140%; }

    #SiteFooter .footer-text-divided>div.footer-text-middle img { max-width: 110px;}
    #SiteFooter .mobile-seperator { font-size: 100%; background: rgba(0,0,0,.85);}
    .text-center > * { display: inline-block;}
    a.AccessabilityLink { margin: 0 0 0 20px;}

    #contactform .contact-container { width: 95%; }
    .must:before { right: 10px; }

    #text1, #text2, #contactDetails .contactDetailsText1 { font-size: 85%;}
    #contactDetails, #contactDetails .contactDetailsText1 p { font-size: 100%;} 
}