* {
    box-sizing: border-box;
}
body {
    color: #5b5b5b;
    font-family: arial;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.42857143;
}
h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 160%;
    color: #314351;
    font-weight: normal;
}
p { padding: 0 4% 0 0; }
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
a { text-decoration: underline; }
a:hover {
    text-decoration: none;
    color: #00aeef;
}
header {
    background: url('../img/main_image_ship_cleaning-min.jpg') no-repeat 50% -80px;
    height: 470px;
}
footer {
    color: #dbf1fc;
    background: #314351;
}
footer h2 {
    color: #dbf1fc;
}
footer a {
    color: #bad7e7;
}
footer div,
section div {
    width: 48%;
    overflow: hidden;
    margin: 0 0 0 10%;
    padding: 50px 0;
}

.clear {
    clear: both;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0%;
}
.required {
    color: red;
    border: 1px solid red;
}

.l--header-container {
    width: 80%;
    margin: 0 0 0 10%;
}
.l--top-bar {
    background: #fff;
    padding: 5px 0;
    border-bottom: 1px solid #5cba47;
    box-shadow: 1px 1px 21px rgba( 0, 0, 0, 0.4 )
}

.logo {
    width: 172px;
    height: 77px;
    background: url('../img/logo.png') no-repeat top left;
    float: left;
    margin: 0 0 0 30px;
    position: absolute;
    top: 9px;
}

.b--lang-drop-down {
    float: right;
    margin: 43px 0 0 0;
    padding: 0 30px 5px 0;
    position: relative;
    cursor: pointer;
}
    .flag_en {
        background: url('../img/sprite.png') no-repeat 0 -1.2%;
    }
    .flag_nl {
        background: url('../img/sprite.png') no-repeat 25% -1.2%;
    }
    .b--current-lang {
        color: #314351;
        padding: 0 0 0 25px;
    }
    .b--lang-nav {
        display: none;
        position: absolute;
        right: 0;
        padding: 11px 0 0 0;
    }
        .b--lang-nav a {
            display: block;
            width: 100%;
            text-decoration: none;
            padding: 8px 25px;
            background: #fff;
            text-align: center;
        }
        .b--lang-nav a:hover {
            color: #fff;
            background: rgba(49, 67, 81, 0.8);
        }
    .b--lang-drop-down span {
        width: 10px;
        height: 10px;
        display: inline-block;
        background: url('../img/sprite.png') no-repeat 0% 4%;
    }

.b--main-usp {
    margin: 126px 0 0 10%;
}
    .b--main-usp {
        width: 50%;
    }
        .b--main-usp li {
            display: inline-block;
            color: #fff;
            padding: 5px 20px;
            font-size: 190%;
            background: rgba( 49, 67, 81, 0.8 );
        }

.b--separator {
    background: #eff0f0;
}

.b--industry_types {
    display: table;
}
    .b--industry_types li {
        width: 49%;
        margin: 0 0 10px 0;
        padding: 0 2% 0 0;
        display: inline-table;
    }
    .b--industry_types li:nth-child(even) {
        padding: 0;
    }

.b--industry_types span {
    width: 40px;
    height: 43px;
    display: inline-block;
}
    .maritime { background: url('../img/sprite.png') no-repeat 0px -30px; }
    .food { background: url('../img/sprite.png') no-repeat -42px -30px; }
    .auto { background: url('../img/sprite.png') no-repeat -96px -30px; }
    .industrial { background: url('../img/sprite.png') no-repeat -152px -30px; }

.l--request-form {
    width: 30%;
    background: #f4f5f6;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 20px;
    position: fixed;
    top: 160px;
    right: 10%;
}
    .l--request-form input[type = text],
    .l--request-form input[type = number]
    {
        width: 100%;
        display: block;
        padding: 5px;
        margin: 0 0 10px 0;
        font-size: 115%;
    }
    .l--request-form select {
        width: 100%;
        padding: 5px;
        margin: 0 0 10px 0;
        border: 1px solid #ccc;
        color: #a9a9a9;
        background: #fff;
        display: block;
        font-size: 115%;
    }
    .l--request-form input[type = submit] {
        margin: 0 auto;
        background: #00aeef;
        border: 0;
        color: #fff;
        padding: 8px 15px;
        display: block;
        font-size: 110%;
        cursor: pointer;
    }
    .email_sent {
      padding: 50px 0;
      text-align: center;
    }
      .success {
        color: #7AA916;
      }
      .error {
        color: ##AD2722;
      }

.b--download-pdf li {
    display: inline-block;
    width: 49%;
}
    .b--download-pdf a {
        background: url('../img/sprite.png') no-repeat -205px -10px;
        padding: 25px 0 15px 60px;
        display: block;
        color: #314351;
    }
    .b--download-pdf a:hover {
        color: #00aeef;
    }

.people_we_work_with {
  margin: 40px 0 10px 0;
}
.clients {
    display: inline-block;
    margin: 0 25px 20px 0;
}
.clients:hover {
  border: 1px solid #00aeef;
}
  .basef {
    width: 80px;
    height: 80px;
    background: url('../img/sprite.png') no-repeat -0px -291px;
  }
  .sika {
    width: 100px;
    height: 85px;
    background: url('../img/sprite.png') no-repeat -215px -174px;
  }
  .louwman {
    width: 151px;
    height: 76px;
    background: url('../img/sprite.png') no-repeat -0px -374px;
  }
  .dolmans {
    width: 172px;
    height: 66px;
    background: url('../img/sprite.png') no-repeat -347px -99px;
  }
  .kroon {
    width: 141px;
    height: 87px;
    background: url('../img/sprite.png') no-repeat -400px -352px;
  }
  .umcg {
    width: 159px;
    height: 84px;
    background: url('../img/sprite.png') no-repeat -13px -106px;
  }
  .deva {
    width: 158px;
    height: 70px;
    background: url('../img/sprite.png') no-repeat -361px -191px;
  }
  .pen_chemie {
    width: 150px;
    height: 39px;
    background: url('../img/sprite.png') no-repeat -391px -285px;
  }
  .karcher {
    width: 199px;
    height: 42px;
    background: url('../img/sprite.png') no-repeat -127px -302px;
  }
  .greenspeed {
    width: 199px;
    height: 72px;
    background: url('../img/sprite.png') no-repeat -169px -358px;
  }



@media only screen and (max-width: 700px),
    only screen and (max-device-width: 900px) {

    .l--request-form {
        position: static;
    }
    footer div,
    section div {
        width: auto;
        margin: 0 10%;
    }
    .b--main-usp {
        width: 70%;
    }
    .l--request-form {
        width: auto;
        margin: 20px;
    }
}