body {
  padding:0;
  margin:0;
  }

  menu, nav {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

#submenu-wrap {
  margin: 0 auto;
  max-width: 1342px; }

#menu {
  background: #FFF;
  height: 83px;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  position: absolute;
  z-index: 201;
  width: 100%; }
  #menu .line {
    height: 1px;
    background: #A4C945;
    margin: -29px auto 0 auto;
    width: 0;
    border: 0;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; }
  #menu ul {
    float: right;
height: 57px;
overflow: hidden;
line-height: 78px;
font-weight: bold;
text-transform: uppercase;
margin-right: 2em;}
    #menu ul li {
      display: inline-block;
      position: relative;
      height: 83px; }
      .no-touch #menu ul li:hover .line {
        width: 100%; }
      #menu ul li.menu-current:hover > span {
        top: 82px; }
      #menu ul li.menu-current:hover a {
        color: #363636; }
      #menu ul li.menu-current > span {
        top: 82px;
        border-top-color: #FFF; }
      #menu ul li.menu-current a {
        color: #363636; }
      #menu ul li:hover > span {
        top: 72px; }
      #menu ul li:hover a {
        color: #A4C945;
        text-decoration: none; }
      #menu ul li a {
color: #888;
margin-left: 18px;
margin-top: 7px;
display: inline-block;
text-decoration: none;
height: 76px;
background: #FFF;
position: relative;
z-index: 10;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
padding: 0 2px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s; }
  #menu #menu-logo {
    display: inline-block;
    overflow: hidden;
    display: inline-block;
    height: 44px;
    width: 173px;
    text-indent: -9999px;
    margin-top: 19px;
    margin-left: 24px; }


    @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) {
      }

#menu-wrap {
  float: left; }

#menu ul li > span, #catalogus-menu .huidig > a:after {
  display: inline-block;
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -10px;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 41px;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  z-index: 9; }
  @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) {
    #menu ul li > span, #catalogus-menu .huidig > a:after {
      height: 24px;
      width: 41px; } }

#submenu {
  background: #323232;
  width: 100%;
  position: absolute;
  top: -145px;
  z-index: 200;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  padding-top: 24px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

  #submenu2 {
  background: #323232;
  width: 100%;
  position: absolute;
  top: -145px;
  z-index: 200;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  padding-top: 24px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

.dropdown {
margin-top: 16px;
height: 170px;
float: left;
display: inline-block;
width: 25%;
min-width:0;
text-align: center;
color: #FFF;
position: relative;
background: #363636;
margin: 0 1% 24px 1%;
border:3px solid #fff;
overflow:hidden; }

.biggerdrops {
  width: 47% !important;
}

.lasttab {
  margin-right:0!important;
}


  .dropdown img, .dropdown .ov-text, .dropdown .ov-text .line, .dropdown .sub-bottom {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
  .dropdown .ov-text {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    width: 100%;
    line-height: 30px;
    margin-top: -15px; }
  .dropdown:hover img {
    opacity: 0.2; }
  .dropdown .ov-text .line {
    height: 1px;
    background: #FFF;
    width: 0;
    margin: 0 auto;
    border: 0; }
  .dropdown:hover .ov-text.double {
    margin-top: -30px; }
  .dropdown:hover .ov-text .line {
    width: 100%;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .dropdown:hover .sub-bottom {
    opacity: 1;
    margin-top: -2px; }
  .dropdown .sub-top {
    display: table;
margin: 0 auto;
font-size: 29px;
font-weight: 500;
letter-spacing: 1px; }
  .dropdown .sub-bottom {
    font-size: 16px;
    display: block;
    margin-top: -31px;
    opacity: 0; }
    .dropdown .sub-bottom a {
      display: block; }

@media (max-width: 1370px) {
  #submenu-wrap {
    width: 668px; }

    .dropdown {
      20%
    }

  #submenu {
    top: -340px; }

     #submenu2 {
    top: -340px; }

     }