html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-family: 'Source Sans Pro'; }

input[type="button"].alt2, input[type="submit"].alt2, input[type="reset"].alt2, button.alt2, .button.alt2 { background: #827a7c; }
input[type="button"].alt3, input[type="submit"].alt3, input[type="reset"].alt3, button.alt3, .button.alt3 { background: #99cc33; }
input[type="button"].alt4, input[type="submit"].alt4, input[type="reset"].alt4, button.alt4, .button.alt4 { background: #3bab4e; }
input[type="button"].alt5, input[type="submit"].alt5, input[type="reset"].alt5, button.alt5, .button.alt5 { background: #1b502b; }

ul.social li a.fa-whatsapp { background: #25D366 }
ul.social li a.fa-whatsapp:hover { background: #075E54; }
ul.social li a.fa-facebook { background: #1877F2; }
ul.social li a.fa-facebook:hover { background: #4c6aa8; }
ul.social li a.fa-instagram { background: #E1306C; }
ul.social li a.fa-instagram:hover { background: #833ab4; }
ul.social li a.fa-twitter { background: #2daae4; }
ul.social li a.fa-twitter:hover { background: #3dbaf4; }
ul.social li a.fa-phone { background: #99cc33; }
ul.social li a.fa-phone:hover { background: #3bab4e; }
ul.social li a.fa-envelope { background: #006599; }
ul.social li a.fa-envelope:hover { background: #1075a9; }

.icon.featured.alt3 { background-color: #99cc33; }
.icon.featured.alt3:after { border-top-color: #99cc33; }
.icon.featured.alt4 { background-color: #3bab4e; }
.icon.featured.alt4:after { border-top-color: #3bab4e; }
.icon.featured.alt5 { background-color: #1b502b; }
.icon.featured.alt5:after { border-top-color: #1b502b; }

#main { background-image: none; }
#main:before { background-image: none; }
#main .major h2 { background-image: none; }

#header, #secheader { position: relative; background: #ffffff; border-bottom: solid 1px #ccc; padding: 3em 0 4em 0; text-align: center; }
#secmain { position: relative;  background: #f7f7f7; padding: 2em 0 4em 0; }
#secmain:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; opacity: 0.1; }
#secmain .major h2 {  background: #f7f7f7; }
@media screen and (max-width: 1280px)
{
  #secmain { padding: 30px 0; }
  #header, #secheader { padding: 4em 0 3em 0; }
}
@media screen and (max-width: 980px)
{
  #header, #secheader { padding: 3.5em 0 3em 0; }
  #navPanel { background-image: none; }
  #secmain { padding: 40px 0; }
}
@media screen and (max-width: 736px)
{
  #secmain { padding: 20px 0; }
  #header, #secheader{ text-align: center; padding: 2em 0; }
  #header h1, #secheader h1 { color: #252122; font-weight: 900; font-size: 1.75em; letter-spacing: -0.035em; }
}

#footer { position: relative; color: #FFFFFF; padding: 4em 0; }
#footer:before { background-image: none; }
#footer .jwire { color: orange; font-weight: bold; }

.margin-right1 { margin-right: 0.5em; }
.margin-right2 { margin-right: 1em; }
.margin-left1 { margin-left: 0.5em; }
.margin-left2 { margin-left: 1em; }
.margin-bottom2 { margin-bottom: 1em; }
.margin-top1 { margin-top: 0.5em; }
.margin-top2 { margin-top: 1em; }
.box100p { height: 100% }
.stretch { position: relative; width: auto; left: 1.75em; top: 1.75em; margin: -4.5em 0 4em -3.5em !important; }
.circle { border-radius: 15px; padding: 2px 10px; }

span.error { color: #b21d1d; }
span.message { color: #1b502b; font-weight: bold; }

#specifications { margin-top: 0.5em; font-style: normal; }
#specifications .bbq { width: 18px; height: 18px; vertical-align: text-top; }
@media screen and (max-width: 736px) {
  #specifications { margin-bottom: 0; font-size: smaller; }
  #specifications .margin-right1 { margin-right: 2px; }
  #specifications .margin-right2 { margin-right: 5px; }
  #specifications .margin-left2 { margin-left: 5px; }
  #specifications .pipe { display: none; }
  #specifications .bbq { width: 16px; height: 16px; }
}

.legend { margin-top: 15px; }
.legend .item { margin-right: 15px; display: inline-block; width: 190px; }
.legend .color { width: 35px; display: inline-block; color: white; text-align: center; border-radius: 8px; border: 2px solid #ffffff; padding: 2px 8px; margin-right: 3px; }
.legend .color.green { background-color: #3bab4e; }
.legend .color.green.weekend { background-color: #1b502b; }
.legend .color.red { background-color: #FF2222; }
.legend .color.red.weekend { background-color: #FF2222; }
.legend .color.w { background-color: grey; }

#availability .day { float: left; width: 14.2857%; color: white; text-align: center; border-radius: 8px; border: 2px solid #ffffff; padding: 6px 0; }
#availability .intro { white-space: nowrap; text-align: right; font-size: larger; padding-right: 2px; }
#availability .day.red { background-color: #FF2222; }
/*#availability .day.red.weekend { background-color: #b21d1d; }*/
#availability .day.red.weekend { background-color: #FF2222; }
#availability .day.green { background-color: #3bab4e; }
#availability .day.green.weekend { background-color: #1b502b; }
#availability .day.before { background: linear-gradient( 135deg, rgba(255,34,34,1) 0%, rgba(59, 171, 78, 1) 100% ); }
#availability .day.after{ background: linear-gradient( 135deg, rgba(59, 171, 78, 1) 0%, rgba(255,34,34,1) 100% ); }

.logo { width: 100%; }
.wallonia { margin-bottom: 2em !important; }
.wallonia img { padding: 1em 1em; }
@media screen and (max-width: 980px)  {.wallonia img { width: 70%; margin: auto; padding: 1em; }}
@media screen and (max-width: 736px)  {.wallonia img { width: 100%; margin: auto; }}
.max { display: block !important; }
.max600 { display: none !important; }
@media screen and (max-width: 980px)  { .max { display: none !important; } .max600 { display: block !important; }}

.slideshow-container { position: relative; }
.slideshow-container .mySlides { display: none; }
.slideshow-container .mySlides img { width: 100%; }
.slideshow-container .prev, .slideshow-container .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; user-select: none; background-color: rgba(27, 80, 43, 0.6); border-bottom: none; text-decoration: none; }
@media screen and (max-width: 980px) { .slideshow-container .prev, .slideshow-container .next { padding: 8px; }}
.slideshow-container .prev { left: 0; border-radius: 0 3px 3px 0; }
.slideshow-container .next { right: 0; border-radius: 3px 0 0 3px; }
.slideshow-container .prev:hover, .slideshow-container .next:hover { background-color: rgba(59, 171, 78, 0.6); }
.slideshow-container .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; }
.slideshow-container .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; }
.slideshow-container .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }
@-webkit-keyframes fade { from {opacity: .5} to {opacity: 1} }
@keyframes fade { from {opacity: .5} to {opacity: 1} }

/* Table */
.table-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto; }

table {
  margin: 0 0 2em 0;
  width: 100%; }
  table tbody tr {
    border: solid 1px rgba(210, 215, 217, 0.75);
    border-left: 0;
    border-right: 0; }
    table tbody tr:nth-child(2n + 1) {
      background-color: rgba(230, 235, 237, 0.25); }
  table td {
    padding: 0.75em 0.75em; }
  table th {
    color: #3d4449;
    font-size: 0.9em;
    font-weight: 600;
    padding: 0 0.75em 0.75em 0.75em;
    text-align: left; }
  table thead {
    border-bottom: solid 2px rgba(210, 215, 217, 0.75); }
  table tfoot {
    border-top: solid 2px rgba(210, 215, 217, 0.75); }
  table.alt {
    border-collapse: separate; }
    table.alt tbody tr td {
      border: solid 1px rgba(210, 215, 217, 0.75);
      border-left-width: 0;
      border-top-width: 0; }
      table.alt tbody tr td:first-child {
        border-left-width: 1px; }
    table.alt tbody tr:first-child td {
      border-top-width: 1px; }
    table.alt thead {
      border-bottom: 0; }
    table.alt tfoot {
      border-top: 0; }