@import "skeleton.css";
/* LESS styles (general)
================================================== */
.gradient-reflected {
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(20%, #fafafa), color-stop(50%, #fafafa), color-stop(80%, #fafafa), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
  background: -o-linear-gradient(left, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
  background: -ms-linear-gradient(left, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
  background: linear-gradient(to right, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
}
.gradient-transparent {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.08)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}
.no-text-shadow {
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -o-text-shadow: none;
  -ms-text-shadow: none;
  -khtml-text-shadow: none;
  text-shadow: none;
}
.no-box-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -khtml-box-shadow: none;
  box-shadow: none;
}
.scale {
  max-width: 100%;
  height: auto;
}
/* LESS styles (site specific)
================================================== */
/* Reset
================================================== */
* {
  outline: 0;
}
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
body {
  font: 13px/1.231 sans-serif;
  *font-size: small;
}
/* Hack retained to preserve specificity */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:hover,
a:active {
  outline: none;
}
a,
a:active,
a:visited {
  color: #607890;
}
a:hover {
  color: #036;
}
ul,
ol {
  margin-left: 2em;
}
ol {
  list-style-type: decimal;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
b,
strong,
th {
  font-weight: bold;
}
td {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
button,
input,
select,
textarea {
  width: auto;
  overflow: visible;
  margin: 0;
  font-size: 100%;
  font-family: sans-serif;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
  vertical-align: text-top;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* Colors for form validity */
input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
body,
select,
input,
textarea {
  color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
::-moz-selection {
  background: #ff5900;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #ff5900;
  color: #fff;
  text-shadow: none;
}
a:link {
  -webkit-tap-highlight-color: #ff5900;
}
/* Full-screen only */
@media only screen and (min-width: 960px) {
  #home article.team {
    margin-top: -50px;
  }
  section#offerteForm p {
    width: 680px;
    padding-top: 14px;
  }
}
/* Desktop and tablet only */
@media only screen and (min-width: 768px) {
  #container {
    padding-top: 122px;
  }
  #container > header {
    position: fixed;
    width: 100%;
    top: 0;
  }
  #stickybar {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }
  #stickybar.big {
    padding: 25px 0 30px;
  }
  #stickybar.big #logo a {
    position: absolute;
    top: 0;
    clip: rect(auto, auto, auto, auto);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }
  #stickybar.small {
    padding: 0 0 7px;
  }
  #stickybar.small #logo a {
    background-size: 156px 55px;
    position: absolute;
    top: 15px;
    clip: rect(auto, auto, 40px, auto);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }
  #stickybar.small:hover {
    background: white;
  }
  #nav-toggle {
    display: none;
  }
  nav#menu {
    float: right;
    padding-top: 15px;
    padding-bottom: 11px;
  }
  nav#menu ul {
    float: right;
  }
  nav#menu ul li {
    float: left;
    margin-left: 8px;
  }
  nav#menu ul li a {
    padding: 6px 10px;
    display: block;
    text-transform: lowercase;
    color: #ff5900;
    font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
  }
  nav#menu ul li a.active,
  nav#menu ul li a:hover,
  nav#menu ul li a:active {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25) inset;
    background: #ebebeb;
    color: #707070;
    text-decoration: none !important;
  }
  nav#menu ul li a:active,
  nav#menu ul li a:focus {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25) inset;
  }
  nav#menu ul li.search a {
    margin-left: 10px;
    padding: 9px 12px 8px;
    font-size: 16px;
    color: #bbb;
  }
  nav#menu ul li.search a:hover {
    color: #707070;
  }
  aside.intro .right.column {
    float: right;
    padding-top: 5px;
  }
  aside .clients ul li:first-child,
  aside.clients ul li:first-child {
    padding-left: 0px;
  }
  aside .clients ul li:last-child,
  aside.clients ul li:last-child {
    padding-right: 0px;
  }
  aside .clients ul li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  section.inner .sidebar {
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  article.team.overview .content,
  article.team.first .content {
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #home article.team .content {
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #container {
    padding-top: 115px;
  }
  h1#logo a {
    width: 156px;
    height: 55px;
    background-size: 156px 55px;
  }
  nav#menu {
    padding-top: 13px;
  }
  nav#menu ul li {
    margin-left: 3px;
  }
  nav#menu ul li a {
    font-size: 18px;
  }
  nav#menu ul li.search a {
    margin-left: 5px;
    padding-top: 8px;
    font-size: 15px;
  }
  #slideshow {
    height: 415px;
  }
  #slideshow img {
    height: 415px;
  }
  #slideshow figcaption {
    top: 24px;
  }
  #slideshow figcaption strong {
    font-size: 56px;
  }
  #slideshow figcaption small {
    font-size: 18px;
  }
  aside.intro .left.column h1 {
    font-size: 17px !important;
  }
  aside.intro .left.column h2 {
    font-size: 14px !important;
  }
  aside.intro .right.column {
    padding-top: 1px;
  }
  aside.intro .right.column a {
    font-size: 14px;
  }
  article.team {
    margin-top: -20px;
  }
  section#offerteForm h1,
  section#offerteForm h2 {
    clear: left;
  }
  section#offerteForm p {
    width: 520px;
    padding-top: 7px;
  }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  #container > header {
    position: relative;
    padding-top: 0px !important;
  }
  #container > header .container,
  #container > header .columns {
    width: 100% !important;
  }
  #container > header h1#logo {
    padding-bottom: 12px;
  }
  #container > header h1#logo a {
    margin: 0 auto;
  }
  a#nav-toggle {
    display: block;
    height: auto;
    margin-bottom: 20px;
    padding: 5px 5% 0;
    text-align: right;
    font-size: 28px;
    color: #ff5900;
  }
  a#nav-toggle:hover {
    text-decoration: none;
  }
  nav#menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ff5900;
    margin: 0;
    padding: 10px;
  }
  nav#menu ul {
    padding-bottom: 15px;
  }
  nav#menu ul li {
    width: 43.5%;
    margin: 0 3% 10px;
    display: inline-block;
  }
  nav#menu ul li a {
    padding: 5px 20px;
    display: block;
    text-align: center;
    color: white;
    font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0px;
  }
  nav#menu ul li a:hover,
  nav#menu ul li a.active {
    background: white;
    text-decoration: none;
    color: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    -khtml-text-shadow: none;
    text-shadow: none;
  }
  nav#menu ul li.search {
    width: 93.5%;
    clear: both;
  }
  .js #menu {
    clip: rect(0 0 0 0);
    max-height: 0;
    margin-bottom: 10px;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
  }
  aside.intro .column {
    width: 100%;
  }
  aside.intro .column.left {
    text-align: center;
  }
  aside.intro .column.left h1 {
    font-size: 26px;
  }
  aside.intro .column.left h2 {
    font-size: 16px;
  }
  aside.intro .column.right {
    padding-top: 20px;
  }
  section#offerteForm p {
    margin-bottom: 30px;
  }
  #search-window .search-container {
    top: 169px;
  }
  #search-window .search-container .paging {
    margin-bottom: 169px;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #slideshow {
    height: 227px;
  }
  #slideshow img {
    height: 227px;
  }
  #slideshow figcaption {
    top: 12px;
  }
  #slideshow figcaption strong {
    font-size: 32px;
  }
  #slideshow figcaption small {
    font-size: 12px;
  }
  aside .clients ul li,
  aside.clients ul li {
    width: 33.333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  #slideshow {
    height: 162px;
  }
  #slideshow img {
    height: 162px;
  }
  #slideshow figcaption {
    top: 10px;
  }
  #slideshow figcaption strong {
    font-size: 24px;
  }
  #slideshow figcaption small {
    display: none;
  }
  #container aside.intro h1 {
    font-size: 36px;
  }
  #container aside.intro h2 {
    font-size: 18px;
  }
  #container aside.intro .column.left h1 {
    font-size: 20px;
  }
  #container aside.intro .column.left h2 {
    font-size: 15px;
  }
  #container aside.intro a.btn {
    float: none;
    width: 100%;
    margin: 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #container aside .clients ul li,
  #container aside.clients ul li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #container article.services h1,
  #container article.team h1,
  #container article.blog h1 {
    font-size: 20px;
  }
  #container article.services h2,
  #container article.team h2,
  #container article.blog h2 {
    font-size: 15px;
  }
  #home article.team h1 {
    font-size: 30px;
  }
  .paging li.prev,
  .paging li.next {
    display: none;
  }
}
/* Mobile Portrait Only */
/* Buttons
================================================== */
a.btn,
button.btn {
  display: block;
  float: left;
  padding: 9px 15px 11px;
  color: white !important;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);
  -o-text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);
  -ms-text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);
  -khtml-text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
a.btn:hover,
button.btn:hover {
  text-decoration: none !important;
}
a.btn:active,
button.btn:active {
  padding: 11px 15px 9px;
}
a.btn.red,
button.btn.red {
  border: 1px solid #c64500;
  box-shadow: 0 0 0 1px #ff8343 inset;
  background: #fc5700;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #fc5700, to #c94500);
  background: -webkit-linear-gradient(top, #fc5700, #c94500);
  background: -moz-linear-gradient(top, #fc5700, #c94500);
  background: -ms-linear-gradient(top, #fc5700, #c94500);
  background: -o-linear-gradient(top, #fc5700, #c94500);
  background: linear-gradient(top, #fc5700, #c94500);
  color: #fff;
}
a.btn.red:hover,
button.btn.red:hover {
  background: #d74a00;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #d74a00, to #a43800);
  background: -webkit-linear-gradient(top, #d74a00, #a43800);
  background: -moz-linear-gradient(top, #d74a00, #a43800);
  background: -ms-linear-gradient(top, #d74a00, #a43800);
  background: -o-linear-gradient(top, #d74a00, #a43800);
  background: linear-gradient(top, #d74a00, #a43800);
  color: #fff;
}
a.btn.red:active,
button.btn.red:active {
  box-shadow: 0 0 0 1px #c54400 inset;
  background: #d74a00;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #d74a00, to #f15300);
  background: -webkit-linear-gradient(top, #d74a00, #f15300);
  background: -moz-linear-gradient(top, #d74a00, #f15300);
  background: -ms-linear-gradient(top, #d74a00, #f15300);
  background: -o-linear-gradient(top, #d74a00, #f15300);
  background: linear-gradient(top, #d74a00, #f15300);
  color: #fff;
}
a.btn.green,
button.btn.green {
  border: 1px solid #788823;
  box-shadow: 0 0 0 1px #bccb6a inset;
  background: #a0b52e;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #a0b52e, to #7c8c24);
  background: -webkit-linear-gradient(top, #a0b52e, #7c8c24);
  background: -moz-linear-gradient(top, #a0b52e, #7c8c24);
  background: -ms-linear-gradient(top, #a0b52e, #7c8c24);
  background: -o-linear-gradient(top, #a0b52e, #7c8c24);
  background: linear-gradient(top, #a0b52e, #7c8c24);
  color: #fff;
}
a.btn.green:hover,
button.btn.green:hover {
  background: #90a51d;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #90a51d, to #6a7a15);
  background: -webkit-linear-gradient(top, #90a51d, #6a7a15);
  background: -moz-linear-gradient(top, #90a51d, #6a7a15);
  background: -ms-linear-gradient(top, #90a51d, #6a7a15);
  background: -o-linear-gradient(top, #90a51d, #6a7a15);
  background: linear-gradient(top, #90a51d, #6a7a15);
  color: #fff;
}
a.btn.green:active,
button.btn.green:active {
  box-shadow: 0 0 0 1px #627014 inset;
  background: #90a51d;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #90a51d, to #a3bb21);
  background: -webkit-linear-gradient(top, #90a51d, #a3bb21);
  background: -moz-linear-gradient(top, #90a51d, #a3bb21);
  background: -ms-linear-gradient(top, #90a51d, #a3bb21);
  background: -o-linear-gradient(top, #90a51d, #a3bb21);
  background: linear-gradient(top, #90a51d, #a3bb21);
  color: #fff;
}
a.btn i,
button.btn i {
  font-size: 1.1em;
}
a.btn i.left,
button.btn i.left {
  float: left;
  margin-right: 8px;
}
a.btn i.right,
button.btn i.right {
  float: right;
  margin-left: 8px;
}
.ie7 a.btn.red,
.ie8 a.btn.red {
  border: 1px solid #ff8343 !important;
}
.ie7 a.btn.red:active .ie8 a.btn.red:active {
  border: 1px solid #c54400 !important;
}
.ie7 a.btn.green,
.ie8 a.btn.green {
  border: 1px solid #bccb6a !important;
}
.ie7 a.btn.green:active,
.ie8 a.btn.green:active {
  border: 1px solid #627014 !important;
}
/* Basic styling
================================================== */
#container {
  background: white;
}
body {
  background: black;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0px;
}
a {
  text-decoration: none;
}
section.inner .main {
  float: right;
  margin-bottom: 50px;
}
/* Header
================================================== */
#container > header {
  background: rgba(255, 255, 255, 0.96);
  border-top: 5px solid #ff5900;
  padding: 25px 0 30px;
  z-index: 9999;
  -webkit-box-shadow: 0px -5px 10px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px -5px 10px 6px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px -5px 10px 6px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px -5px 10px 6px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: 0px -5px 10px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -5px 10px 6px rgba(0, 0, 0, 0.4);
}
h1#logo a {
  background: url("../img/layout/logo-qaraqter.svg") no-repeat left top;
  background-size: 177px 62px;
  display: block;
  text-indent: -9999px;
  width: 177px;
  height: 62px;
}
/* Looking for the menu? Navigatie staat in responsive.lesss!! */
.ie7 #container nav ul li a,
.ie8 #container nav ul li a {
  padding: 0;
}
.ie7 #container nav ul li a span,
.ie8 #container nav ul li a span {
  padding: 6px 0 6px 10px;
  display: block;
  margin-right: 10px;
}
.ie7 #container nav ul li a.active,
.ie7 #container nav ul li a:hover,
.ie8 #container nav ul li a.active,
.ie8 #container nav ul li a:hover {
  background: url(../img/menu-bg-ie.gif) right top no-repeat;
}
.ie7 #container nav ul li a.active span,
.ie7 #container nav ul li a:hover span,
.ie8 #container nav ul li a.active span,
.ie8 #container nav ul li a:hover span {
  background: url(../img/menu-bg-ie.gif) left top no-repeat;
}
/* Slider
================================================== */
#slideshow {
  background-color: #a6c129;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 530px;
}
#slideshow img {
  max-width: 100%;
  height: 530px;
}
#slideshow figure {
  position: relative;
}
#slideshow figure a:hover {
  text-decoration: none;
}
#slideshow figcaption {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  text-align: center;
}
#slideshow figcaption strong {
  display: block;
  color: #000;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 72px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0px;
  -webkit-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
  -moz-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
  -o-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
  -ms-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
  -khtml-text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
}
#slideshow figcaption small {
  color: #777;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: -1px;
}
/* Positioning */
#slideshow .slide,
#bag .slide {
  width: 100%;
  position: absolute;
  right: -100%;
  margin: 0 !important;
  text-align: center;
}
#slideshow .slide.left,
#bag .slide.left {
  right: auto;
  left: -100%;
}
/* Controls */
#slideshow #btn-prev,
#slideshow #btn-next,
#slideshow #subslide-prev,
#slideshow #subslide-next {
  width: 39px;
  height: 55px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  z-index: 1003;
  top: 50%;
  margin-top: -24px;
  background: url(../img/slideshow-controls.png) left top no-repeat;
}
#slideshow #btn-prev,
#slideshow #subslide-prev {
  left: 5%;
}
#slideshow #btn-prev:hover,
#slideshow #subslide-prev:hover {
  background-position: 0 -57px;
}
#slideshow #btn-prev:active,
#slideshow #subslide-prev:active {
  background-position: 0 -114px;
}
#slideshow #btn-next,
#slideshow #subslide-next {
  right: 5%;
  background-position: -54px 0;
}
#slideshow #btn-next:hover,
#slideshow #subslide-next:hover {
  background-position: -54px -57px;
}
#slideshow #btn-next:active,
#slideshow #subslide-next:active {
  background-position: -54px -114px;
}
#slideshow ul#controls {
  position: absolute;
  bottom: 20px;
  overflow: hidden;
  z-index: 4000;
  width: 100%;
  margin: 0 !important;
  display: block;
  text-align: center;
}
#slideshow ul#controls li {
  background: url(../img/slideshow-controls-dots.png) 0 0 no-repeat;
  text-indent: -9999px;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 2px;
  cursor: pointer;
}
#slideshow ul#controls li:hover {
  background: url(../img/slideshow-controls-dots.png) 0 -15px no-repeat;
}
#slideshow ul#controls li.active {
  background: url(../img/slideshow-controls-dots.png) 0 -30px no-repeat;
}
/* Content
================================================== */
aside.intro {
  padding: 40px 0 70px;
  text-align: center;
  background: #eeeeee;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #eeeeee, to #ffffff);
  background: -webkit-linear-gradient(top, #eeeeee, #ffffff);
  background: -moz-linear-gradient(top, #eeeeee, #ffffff);
  background: -ms-linear-gradient(top, #eeeeee, #ffffff);
  background: -o-linear-gradient(top, #eeeeee, #ffffff);
  background: linear-gradient(top, #eeeeee, #ffffff);
  color: #fff;
}
aside.intro h1 {
  margin-bottom: 30px;
  color: #000;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 72px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0px;
}
aside.intro h2 {
  color: #777;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -1px;
}
aside.intro.detail {
  padding-top: 0px;
  padding-bottom: 50px;
}
aside.intro.detail h1 {
  font-size: 43px;
  margin-top: 30px;
  line-height: 50px;
}
aside.intro.detail.blog {
  background: none;
  position: relative;
}
aside.intro.detail.blog .overlay {
  position: absolute;
  width: 100%;
  height: 220px;
  z-index: 99;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.08)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}
aside.intro.landing h1 {
  line-height: 1em;
}
#home aside.intro {
  background: white;
  padding-bottom: 30px;
  text-align: left;
}
#home aside.intro h1 {
  margin-bottom: 3px;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0px;
}
#home aside.intro h2 {
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
}
#home aside.intro a.btn {
  padding-right: 30px !important;
  position: relative;
}
#home aside.intro a.btn:before {
  content: "\f101";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 16px;
  position: absolute;
  top: 11px;
  right: 14px;
}
#home aside.intro a.btn:active::before {
  top: 13px;
}
#home aside.intro a.green {
  float: right;
  margin-left: 8px;
}
aside.sidebar {
  margin-bottom: 25px;
}
aside.sidebar h3 {
  color: black;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0px;
}
aside.sidebar a {
  color: #ff5900;
}
aside.sidebar nav#submenu {
  margin-bottom: 50px;
}
aside.sidebar nav#submenu h3 {
  border-bottom: 1px solid #eee;
}
aside.sidebar nav#submenu h3 a {
  display: block;
  padding: 15px 0;
  color: black;
  cursor: pointer;
}
aside.sidebar nav#submenu h3 a:hover {
  color: #f75500;
  text-decoration: none;
}
aside.sidebar nav#submenu h3 a.active {
  color: #ff5900;
}
aside.sidebar nav#submenu ul#contact li,
aside.sidebar nav#submenu ul.theParent li {
  border-bottom: 1px solid #eee;
  margin-bottom: 0px;
}
aside.sidebar nav#submenu ul#contact li:hover,
aside.sidebar nav#submenu ul.theParent li:hover {
  background: #f7f7f7;
}
aside.sidebar nav#submenu ul#contact li a,
aside.sidebar nav#submenu ul.theParent li a {
  display: block;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 400;
}
aside.sidebar nav#submenu ul#contact li a:hover,
aside.sidebar nav#submenu ul.theParent li a:hover {
  text-decoration: none;
}
aside.sidebar nav#submenu ul#contact li a.active,
aside.sidebar nav#submenu ul.theParent li a.active {
  color: #444;
  background: #eee;
}
aside.sidebar nav#submenu.contact h3 {
  padding: 15px 0;
}
aside.sidebar .rating p {
  clear: both;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
}
aside.sidebar .rating span.mark {
  float: left;
  height: 48px;
  width: 48px;
  margin: 0 10px 8px 0;
  padding-top: 11px;
  background: #ff5900;
  color: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
aside.sidebar .rating span.text {
  float: left;
  padding-top: 10px;
  font-size: 18px;
  color: #999;
}
aside.sidebar .portfolio img {
  max-width: 100%;
  height: auto;
}
aside.sidebar .clients,
aside.sidebar .content {
  margin-bottom: 50px;
}
aside.sidebar .clients h3,
aside.sidebar .content h3 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
aside.sidebar .content p {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 25px;
}
aside.sidebar .content ul,
aside.sidebar .content ol {
  font-size: 14px;
  line-height: 24px;
}
aside.sidebar .content ul li,
aside.sidebar .content ol li {
  margin-bottom: 7px;
  color: #777;
}
aside.sidebar .content ul a,
aside.sidebar .content ol a {
  color: #777;
}
aside.sidebar .content ul.tags li,
aside.sidebar .content ol.tags li {
  padding-left: 18px;
  position: relative;
}
aside.sidebar .content ul.tags li:before,
aside.sidebar .content ol.tags li:before {
  content: "\f02b";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 14px;
  position: absolute;
  top: 1px;
  left: 0;
}
aside.sidebar .content ul.tags li:active::before,
aside.sidebar .content ol.tags li:active::before {
  top: 3px;
}
aside.sidebar .content ul {
  list-style: none;
  margin: 0;
}
aside.sidebar .content ul li {
  padding-left: 16px;
  position: relative;
}
aside.sidebar .content ul li:before {
  content: "\f105";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 16px;
  position: absolute;
  top: 1px;
  left: 0;
}
aside.sidebar .content ul li:active::before {
  top: 3px;
}
aside.sidebar .content .left {
  float: left;
  width: 42%;
}
aside.sidebar .content .left img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}
aside.sidebar .content .right {
  float: right;
  width: 50%;
}
aside.sidebar .content .right p {
  font-size: 13px;
  line-height: 19px;
}
aside.sidebar .content.contact p {
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 20px;
  color: #444;
}
aside.sidebar .content.contact strong {
  float: left;
  display: block;
  width: 20px;
  margin-right: 15px;
  color: #bbb;
}
aside.sidebar .content.contact .social {
  margin-top: 40px;
}
aside.sidebar .content.contact .social a {
  margin-bottom: 8px;
}
aside .clients,
aside.clients {
  text-align: center;
}
aside .clients h3,
aside.clients h3 {
  text-align: left;
}
aside .clients ul,
aside.clients ul {
  display: inline-block;
  margin: 0px;
  list-style-type: none;
}
aside .clients ul li,
aside.clients ul li {
  display: table;
  float: left;
  height: 65px;
  padding: 10px;
}
aside .clients ul li a,
aside.clients ul li a {
  display: table-cell;
  vertical-align: middle;
  max-width: 120px;
  height: 40px;
  opacity: 0.6;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
aside .clients ul li a:hover,
aside.clients ul li a:hover {
  opacity: 1;
}
aside .clients ul li a img,
aside.clients ul li a img {
  filter: gray;
  /* IE6-9 */
  filter: url("../img/layout/filters.svg#grayscale");
  /* Firefox 3.5+ */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transform: translateZ(0);
  /* Retina fix */
  max-width: 100%;
  max-height: 40px;
  width: auto;
}
aside .clients ul li a img:hover,
aside.clients ul li a img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}
#home aside .clients,
#home aside.clients {
  background: url("../img/klanten-shade.jpg") no-repeat center top;
  min-height: 220px;
}
#home aside .clients ul,
#home aside.clients ul {
  padding: 30px 0 40px;
}
aside.author {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 0 70px;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(20%, #fafafa), color-stop(50%, #fafafa), color-stop(80%, #fafafa), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
  background: -o-linear-gradient(left, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
  background: -ms-linear-gradient(left, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
  background: linear-gradient(to right, #ffffff 0%, #fafafa 20%, #fafafa 50%, #fafafa 80%, #ffffff 100%);
}
aside.author .image img {
  max-width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
}
aside.author .content h2 {
  margin-bottom: 15px;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -1px;
}
aside.author .content a {
  color: #ff5900;
}
aside.author .content a:hover {
  text-decoration: underline;
}
aside.author .content p {
  font-size: 14px;
  line-height: 22px;
  color: #777;
}
.ie9 aside.intro {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}
article {
  color: black;
}
article h1 {
  margin-bottom: 25px;
  color: #000;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 36px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0px;
}
article h2 {
  margin-bottom: 20px;
  color: #000;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 24px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0px;
}
article h3 {
  margin-bottom: 20px;
  color: #000;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
}
article p {
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 25px;
}
article a,
article a:hover,
article a:active,
article a:visited {
  color: #ff5900;
}
article a:hover {
  text-decoration: underline;
}
article .intro,
article .intro p {
  line-height: 28px;
  color: #777;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 19px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0px;
}
article .content h2 {
  margin-bottom: 30px;
}
article .content p + h2 {
  margin-top: 50px;
}
article .content ul,
article .content ol {
  list-style: none;
  margin: 0 0 30px 12px;
  font-size: 16px;
  line-height: 25px;
}
article .content ul li {
  margin-bottom: 4px;
  padding-left: 18px;
  position: relative;
}
article .content ul li:before {
  content: "\f105";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 17px;
  position: absolute;
  top: 0px;
  left: 0;
}
article .content ul li:active::before {
  top: 2px;
}
article .content ol li {
  margin-bottom: 8px;
  margin-left: 20px;
  padding-left: 5px;
  list-style: decimal;
}
article .content > img,
article .content > p > img,
article .content > p > a > img {
  max-width: 100%;
  height: auto;
}
article .content img.left {
  float: left;
  margin: 0 20px 10px 0;
}
article .content img.right {
  float: right;
  margin: 0 0 10px 20px;
}
article.services,
article.team,
article.blog {
  background: url("../img/layout/divider.png") no-repeat center top;
  background-size: contain;
  padding: 70px 0;
}
article.services.first,
article.team.first,
article.blog.first {
  background: none;
  padding-top: 0px;
}
article.services h1 a,
article.team h1 a,
article.blog h1 a,
article.services h2 a,
article.team h2 a,
article.blog h2 a {
  color: black;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
article.services h1 a:hover,
article.team h1 a:hover,
article.blog h1 a:hover,
article.services h2 a:hover,
article.team h2 a:hover,
article.blog h2 a:hover {
  text-decoration: none;
  color: #ff5900;
}
article.services p,
article.team p,
article.blog p {
  clear: both;
}
article.services .image,
article.team .image,
article.blog .image {
  margin-bottom: 25px;
}
article.services a.btn,
article.team a.btn,
article.blog a.btn {
  padding: 5px 30px 7px 15px;
  position: relative;
}
article.services a.btn:before,
article.team a.btn:before,
article.blog a.btn:before {
  content: "\f101";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 16px;
  position: absolute;
  top: 5px;
  right: 12px;
}
article.services a.btn:active::before,
article.team a.btn:active::before,
article.blog a.btn:active::before {
  top: 7px;
}
article.services a.btn:active,
article.team a.btn:active,
article.blog a.btn:active {
  padding: 7px 30px 5px 15px;
}
article.services ul.submenu li {
  border-bottom: 1px solid #eee;
  margin-bottom: 0px;
  position: relative;
}
article.services ul.submenu li:before {
  content: "\f105";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: #999999;
  font-size: 16px;
  position: absolute;
  top: 4px;
  left: 6px;
}
article.services ul.submenu li:active::before {
  top: 6px;
}
article.services ul.submenu li:first-child {
  border-top: 1px solid #eee;
}
article.services ul.submenu li:hover {
  background: #f7f7f7;
}
article.services ul.submenu li a {
  display: block;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 400;
}
article.services ul.submenu li a:hover {
  text-decoration: none;
}
article.services .or {
  float: left;
  display: block;
  padding: 7px 15px;
  font-weight: 400;
}
article.services .call-us {
  float: left;
  display: block;
  margin: 10px 0 0 15px;
  color: #849f07;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 19px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0px;
}
article.team {
  /*
        &.even div.image {
            float: right;
            text-align: right;
        }
        */
}
article.team.overview h1 {
  margin-bottom: 5px;
}
article.team.blog h2 {
  margin: 20px 0 10px;
}
article.team.blog .post-meta {
  margin-bottom: 30px;
}
article.team.detail .project a {
  display: block;
  margin: 10px 0 0px;
  border: 4px solid #ddd;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
article.team.detail .project a:hover {
  border-color: #ff5900;
}
article.team.detail .project a img {
  width: 100%;
  /* fix voor rare witruimte */
  margin-bottom: -5px;
}
article.team.detail .project h2 {
  background: url("../img/layout/divider.png") no-repeat center top;
  background-size: contain;
  margin: 0 0 5px;
  padding-top: 20px;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0px;
}
article.team.detail .project p {
  font-size: 14px;
  color: #777;
}
article.team.detail .social span.link {
  display: inline-block;
  overflow: auto;
}
#home article.team {
  background: none;
  padding-top: 0px;
}
#home article.team h1 {
  margin-bottom: 25px;
}
#home article.team .image {
  margin-top: 10px;
}
article.blog h1 {
  margin-bottom: 15px;
}
article.blog .post-meta {
  margin-bottom: 40px;
}
article.blog .post-meta p {
  display: inline-block;
  margin-bottom: 0px;
  font-size: 14px;
  color: #999;
}
article.blog .post-meta p span {
  margin-right: 25px;
  padding-left: 25px;
  display: inline-block;
}
article.blog .post-meta p span.author {
  position: relative;
}
article.blog .post-meta p span.author a {
  color: #ff5900;
}
article.blog .post-meta p span.author:before {
  content: "\f007";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 16px;
  position: absolute;
  top: 0px;
  left: 0;
}
article.blog .post-meta p span.author:active::before {
  top: 2px;
}
article.blog .post-meta p span.date {
  position: relative;
}
article.blog .post-meta p span.date:before {
  content: "\f073";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 16px;
  position: absolute;
  top: 0px;
  left: 0;
}
article.blog .post-meta p span.date:active::before {
  top: 2px;
}
article.blog .post-meta p span.tags {
  position: relative;
}
article.blog .post-meta p span.tags:before {
  content: "\f02c";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 16px;
  position: absolute;
  top: 0px;
  left: 0;
}
article.blog .post-meta p span.tags:active::before {
  top: 2px;
}
article.blog .post-meta p span.readtime {
  position: relative;
}
article.blog .post-meta p span.readtime:before {
  content: "\f017";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 16px;
  position: absolute;
  top: 0px;
  left: 2px;
}
article.blog .post-meta p span.readtime:active::before {
  top: 2px;
}
article.blog .post-meta p a {
  color: #777;
}
article.blog .post-meta .star-rating-default,
article.blog .post-meta .total-votes {
  display: inline-block;
}
article.blog .post-meta .star-rating-default {
  top: 3px;
}
article.blog .post-meta .star-rating-default a {
  display: none;
}
article.blog .post-meta .total-votes {
  margin-left: 10px;
  font-size: 14px !important;
  color: #999;
}
article.blog.even div.image {
  float: right;
}
article.blog.detail .post-meta {
  background: url("../img/layout/divider-thin.png") no-repeat center bottom;
  background-size: contain;
  text-align: center;
  margin-top: -15px;
  margin-bottom: 50px;
  padding-bottom: 10px;
}
article.blog.detail .intro {
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 35px;
}
article.blog.detail .content pre {
  margin-top: -20px;
  margin-bottom: 30px;
  padding: 15px 20px;
  background: #f7f7f7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
article.blog.detail .rating {
  margin-top: 50px;
  color: #999;
  opacity: 0.6;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
article.blog.detail .rating:hover {
  opacity: 1;
}
article.blog.detail .rating .rate-this,
article.blog.detail .rating .star-rating-default,
article.blog.detail .rating .total-votes {
  display: inline-block;
}
article.blog.detail .rating .rate-this {
  margin-right: 40px;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
}
article.blog.detail .rating .star-rating-default {
  background-size: 24px;
  height: 24px;
  top: 4px;
}
article.blog.detail .rating .star-rating-default .current-rating,
article.blog.detail .rating .star-rating-default a:hover,
article.blog.detail .rating .star-rating-default a:active,
article.blog.detail .rating .star-rating-default a:focus {
  background-size: 24px;
}
article.blog.detail .rating .star-rating-default a,
article.blog.detail .rating .star-rating-default .current-rating {
  height: 24px;
}
article.blog.detail .rating .total-votes {
  display: none;
}
article .contact h2 {
  margin-top: 0px;
}
article .contact p {
  font-size: 14px;
}
article .contact p.left {
  float: left;
  width: 32%;
}
article .contact p.right {
  float: right;
  width: 60%;
}
article .contact p.right strong {
  text-align: center;
}
article .contact p strong {
  display: inline-block;
  width: 40px;
  font-weight: 400;
  color: #777;
}
article #contactForm {
  overflow: auto;
  margin-bottom: 50px;
}
/* Misc
================================================== */
#skills {
  height: 400px;
}
#js #accordion > li ul {
  height: 0;
  overflow: hidden;
}
.paging ul {
  list-style: none;
  margin: 0;
  padding: 80px 0 90px;
  text-align: center;
  background: url("../img/layout/divider.png") no-repeat center top;
  background-size: contain;
  position: relative;
}
.paging ul li.control {
  display: inline-block;
  color: #ff5900;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 19px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -1px;
}
.paging ul li.control a {
  padding: 6px 14px;
  color: #ff5900;
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.paging ul li.control a:hover,
.paging ul li.control a.active {
  border: 1px solid #ddd;
  color: #777 !important;
  background: #fefefe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #fefefe, to #eaeaea);
  background: -webkit-linear-gradient(top, #fefefe, #eaeaea);
  background: -moz-linear-gradient(top, #fefefe, #eaeaea);
  background: -ms-linear-gradient(top, #fefefe, #eaeaea);
  background: -o-linear-gradient(top, #fefefe, #eaeaea);
  background: linear-gradient(top, #fefefe, #eaeaea);
  color: #fff;
}
.paging ul li.prev,
.paging ul li.next {
  position: absolute;
  top: 80px;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 19px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -1px;
}
.paging ul li.prev a,
.paging ul li.next a {
  font-size: 17px;
  color: #ff5900;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.paging ul li.prev a:hover,
.paging ul li.next a:hover {
  color: #777;
}
.paging ul li.prev a:active::before,
.paging ul li.next a:active::before {
  top: 1px !important;
}
.paging ul li.prev {
  left: 0;
}
.paging ul li.prev a {
  padding-left: 27px;
  position: relative;
}
.paging ul li.prev a:before {
  content: "\f100";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 17px;
  position: absolute;
  top: 1px;
  left: 10px;
}
.paging ul li.prev a:active::before {
  top: 3px;
}
.paging ul li.next {
  right: 0;
}
.paging ul li.next a {
  padding-right: 27px;
  position: relative;
}
.paging ul li.next a:before {
  content: "\f101";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 17px;
  position: absolute;
  top: 1px;
  right: 10px;
}
.paging ul li.next a:active::before {
  top: 3px;
}
.social {
  overflow: auto;
}
.social a {
  float: left;
  display: table;
  position: relative;
  height: 36px;
  width: 36px;
  margin-right: 6px;
  background: #bbb;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.6;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.social a:hover {
  text-decoration: none;
  opacity: 1;
}
.social a i {
  display: table-cell;
  vertical-align: middle;
  padding-left: 2px;
  font-size: 22px;
  color: white;
}
.social a span {
  display: block;
  text-indent: -9999px;
}
.social a.text {
  float: left;
  display: block;
  width: auto;
  margin-right: 20px;
  padding-top: 6px;
  background: none;
  font-size: 15px;
  opacity: 1;
}
.social a.text:hover {
  text-decoration: underline;
}
#map-canvas {
  height: 400px;
  margin-bottom: 30px;
}
#dir-header {
  clear: both;
}
#dir-header h3 {
  float: left;
}
#dir-header a.print {
  float: right;
  font-size: 22px;
  text-decoration: none;
  color: #bbb;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
#dir-header a.print:hover {
  color: #444;
}
#directions {
  clear: both;
}
#directions .adp,
#directions .adp table,
#directions .adp-list {
  color: #444;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0px;
}
#directions .adp {
  margin-bottom: 60px;
}
#directions .adp-placemark {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  border-left: 0 none;
  border-right: 0 none;
  border-color: #eee;
}
#directions .adp-placemark td.adp-text {
  padding: 15px 0 15px 50px;
  background: #ffffff url("../img/layout/qbox-clear-orange.svg") no-repeat left 12px;
  background-size: 24px 24px;
  color: #ff5900;
}
#directions .adp-placemark img {
  display: none;
}
#directions #adp-placemark {
  border: 0 none;
}
#directions #adp-placemark td.adp-text {
  background: url("https://chart.googleapis.com/chart?chst=d_map_pin_icon&chld=home|FF0000|FFFFFF") no-repeat scroll 10px 5px !important;
  background-size: auto;
}
#directions .adp-summary {
  float: right;
  margin-top: -32px;
  color: #ff5900;
}
#directions .adp-directions tr:hover td {
  background: #f7f7f7;
}
#directions .adp-step,
#directions .adp-substep {
  padding: 7px 3px !important;
  border-top: 1px solid #eee;
}
#directions .adp-legal {
  display: none;
}
/* 
CSS Star Rating Snippet for MODx Content Management Framework (http://modxcms.com)
Copyright (C) 2007 Garry Nutting
CSS amended from: http://www.m3nt0r.de/devel/raterDemo/
*/
.star-rating-default {
  background: url(../img/layout/star-grey-empty.svg) left -1000px repeat-x;
  background-size: 18px;
  background-position: left top;
  position: relative;
  height: 18px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}
.star-rating-default .current-rating {
  background: url(../img/layout/star-grey.svg) left center repeat-x;
  background-size: 18px;
  z-index: 1;
}
.star-rating-default a:hover,
.star-rating-default a:active,
.star-rating-default a:focus {
  background: #ffffff url(../img/layout/star-orange.svg) left top repeat-x;
  background-size: 18px;
}
.star-rating-default li.star {
  padding: 0;
  margin: 0;
  background: none;
  display: inline;
  list-style: none;
}
.star-rating-default li.star span {
  display: none;
}
.star-rating-default a,
.star-rating-default .current-rating {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000em;
  height: 18px;
  line-height: 25px;
  outline: none;
  overflow: hidden;
  border: none;
}
/* Forms
================================================== */
#contactForm input,
#offerteForm input,
#searchForm input,
#routeForm input,
#qwartaalForm input,
#contactForm textarea,
#offerteForm textarea,
#searchForm textarea,
#routeForm textarea,
#qwartaalForm textarea {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: 8px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
}
#contactForm input,
#offerteForm input,
#searchForm input,
#routeForm input,
#qwartaalForm input {
  height: 38px;
}
#contactForm textarea,
#offerteForm textarea,
#searchForm textarea,
#routeForm textarea,
#qwartaalForm textarea {
  height: 130px;
}
#contactForm .input input,
#offerteForm .input input,
#searchForm .input input,
#routeForm .input input,
#qwartaalForm .input input,
#contactForm textarea,
#offerteForm textarea,
#searchForm textarea,
#routeForm textarea,
#qwartaalForm textarea {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#contactForm .dropdown,
#offerteForm .dropdown,
#searchForm .dropdown,
#routeForm .dropdown,
#qwartaalForm .dropdown {
  position: relative;
}
#contactForm .dropdown i,
#offerteForm .dropdown i,
#searchForm .dropdown i,
#routeForm .dropdown i,
#qwartaalForm .dropdown i {
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: 99;
  font-size: 13px;
}
#contactForm .dropdown i.icon-left-warning-sign,
#offerteForm .dropdown i.icon-left-warning-sign,
#searchForm .dropdown i.icon-left-warning-sign,
#routeForm .dropdown i.icon-left-warning-sign,
#qwartaalForm .dropdown i.icon-left-warning-sign {
  display: none;
}
#contactForm .dropdown ul,
#offerteForm .dropdown ul,
#searchForm .dropdown ul,
#routeForm .dropdown ul,
#qwartaalForm .dropdown ul {
  position: absolute;
  overflow: hidden;
  list-style: none;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  top: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
#contactForm .dropdown ul li,
#offerteForm .dropdown ul li,
#searchForm .dropdown ul li,
#routeForm .dropdown ul li,
#qwartaalForm .dropdown ul li {
  padding: 9px 10px;
  border-bottom: 1px solid white;
  border-top: 1px solid #d7d7d7;
  color: #777;
}
#contactForm .dropdown ul li:hover,
#offerteForm .dropdown ul li:hover,
#searchForm .dropdown ul li:hover,
#routeForm .dropdown ul li:hover,
#qwartaalForm .dropdown ul li:hover {
  background: #f75500;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #f75500, to #c44300);
  background: -webkit-linear-gradient(top, #f75500, #c44300);
  background: -moz-linear-gradient(top, #f75500, #c44300);
  background: -ms-linear-gradient(top, #f75500, #c44300);
  background: -o-linear-gradient(top, #f75500, #c44300);
  background: linear-gradient(top, #f75500, #c44300);
  color: #fff;
}
#contactForm .dropdown ul li:first-child,
#offerteForm .dropdown ul li:first-child,
#searchForm .dropdown ul li:first-child,
#routeForm .dropdown ul li:first-child,
#qwartaalForm .dropdown ul li:first-child {
  margin-top: 20px;
  padding-top: 14px;
}
#contactForm .dropdown ul li:last-child,
#offerteForm .dropdown ul li:last-child,
#searchForm .dropdown ul li:last-child,
#routeForm .dropdown ul li:last-child,
#qwartaalForm .dropdown ul li:last-child {
  padding-bottom: 12px;
  border-bottom: 0 none;
}
#contactForm .dropdown.active,
#offerteForm .dropdown.active,
#searchForm .dropdown.active,
#routeForm .dropdown.active,
#qwartaalForm .dropdown.active {
  z-index: 1001;
}
#contactForm .dropdown input.error,
#offerteForm .dropdown input.error,
#searchForm .dropdown input.error,
#routeForm .dropdown input.error,
#qwartaalForm .dropdown input.error {
  border-color: #b30000;
  background: #ff0000 !important;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #ff0000, to #e60000) !important;
  background: -webkit-linear-gradient(top, #ff0000, #e60000) !important;
  background: -moz-linear-gradient(top, #ff0000, #e60000) !important;
  background: -ms-linear-gradient(top, #ff0000, #e60000) !important;
  background: -o-linear-gradient(top, #ff0000, #e60000) !important;
  background: linear-gradient(top, #ff0000, #e60000) !important;
  color: #fff !important;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -o-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -ms-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -khtml-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
}
#contactForm .dropdown ul li:hover,
#offerteForm .dropdown ul li:hover,
#searchForm .dropdown ul li:hover,
#routeForm .dropdown ul li:hover,
#qwartaalForm .dropdown ul li:hover,
#contactForm .dropdown input:hover,
#offerteForm .dropdown input:hover,
#searchForm .dropdown input:hover,
#routeForm .dropdown input:hover,
#qwartaalForm .dropdown input:hover {
  cursor: pointer;
}
#contactForm a.btn,
#offerteForm a.btn,
#searchForm a.btn,
#routeForm a.btn,
#qwartaalForm a.btn {
  float: right;
}
#contactForm .input i,
#offerteForm .input i,
#searchForm .input i,
#routeForm .input i,
#qwartaalForm .input i {
  display: none;
}
#contactForm .error,
#offerteForm .error,
#searchForm .error,
#routeForm .error,
#qwartaalForm .error {
  position: relative;
}
#contactForm .error input,
#offerteForm .error input,
#searchForm .error input,
#routeForm .error input,
#qwartaalForm .error input,
#contactForm .error textarea,
#offerteForm .error textarea,
#searchForm .error textarea,
#routeForm .error textarea,
#qwartaalForm .error textarea {
  border-color: #b30000;
  background: #ff0000 !important;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #ff0000, to #ff1a1a) !important;
  background: -webkit-linear-gradient(top, #ff0000, #ff1a1a) !important;
  background: -moz-linear-gradient(top, #ff0000, #ff1a1a) !important;
  background: -ms-linear-gradient(top, #ff0000, #ff1a1a) !important;
  background: -o-linear-gradient(top, #ff0000, #ff1a1a) !important;
  background: linear-gradient(top, #ff0000, #ff1a1a) !important;
  color: #fff !important;
  -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -o-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -ms-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -khtml-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
}
#contactForm .error i.icon-warning-sign,
#offerteForm .error i.icon-warning-sign,
#searchForm .error i.icon-warning-sign,
#routeForm .error i.icon-warning-sign,
#qwartaalForm .error i.icon-warning-sign {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 999;
  font-size: 16px;
  color: yellow;
  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -khtml-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
#contactForm .check,
#offerteForm .check,
#searchForm .check,
#routeForm .check,
#qwartaalForm .check {
  position: absolute;
  left: -9999px;
}
#contactForm .checkbox-cont,
#offerteForm .checkbox-cont,
#searchForm .checkbox-cont,
#routeForm .checkbox-cont,
#qwartaalForm .checkbox-cont {
  width: 22px;
  height: 22px;
  margin: 8px 10px 0 0;
  display: inline-block;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}
#contactForm .checkbox-cont.checked .checker,
#offerteForm .checkbox-cont.checked .checker,
#searchForm .checkbox-cont.checked .checker,
#routeForm .checkbox-cont.checked .checker,
#qwartaalForm .checkbox-cont.checked .checker {
  background: #ff5805;
  width: 14px;
  height: 14px;
  margin: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}
#contactForm .mask,
#offerteForm .mask,
#searchForm .mask,
#routeForm .mask,
#qwartaalForm .mask {
  background: rgba(255, 88, 0, 0.7) url(../img/loading.gif) center center no-repeat;
  z-index: 1000;
}
#contactForm input,
#routeForm input,
#qwartaalForm input,
#contactForm textarea,
#routeForm textarea,
#qwartaalForm textarea,
#contactForm .checkbox-cont,
#routeForm .checkbox-cont,
#qwartaalForm .checkbox-cont {
  color: #666 !important;
  border: 1px solid #d7d7d7;
}
#contactForm .input input,
#routeForm .input input,
#qwartaalForm .input input,
#contactForm textarea,
#routeForm textarea,
#qwartaalForm textarea,
#contactForm .checkbox-cont,
#routeForm .checkbox-cont,
#qwartaalForm .checkbox-cont {
  background: #eeeeee;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #eeeeee, to #ffffff);
  background: -webkit-linear-gradient(top, #eeeeee, #ffffff);
  background: -moz-linear-gradient(top, #eeeeee, #ffffff);
  background: -ms-linear-gradient(top, #eeeeee, #ffffff);
  background: -o-linear-gradient(top, #eeeeee, #ffffff);
  background: linear-gradient(top, #eeeeee, #ffffff);
  color: #fff;
  -webkit-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  -moz-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  -o-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  -ms-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  -khtml-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
}
#contactForm .input input:hover,
#routeForm .input input:hover,
#qwartaalForm .input input:hover,
#contactForm textarea:hover,
#routeForm textarea:hover,
#qwartaalForm textarea:hover,
#contactForm .checkbox-cont:hover,
#routeForm .checkbox-cont:hover,
#qwartaalForm .checkbox-cont:hover,
#contactForm .input input:focus,
#routeForm .input input:focus,
#qwartaalForm .input input:focus,
#contactForm textarea:focus,
#routeForm textarea:focus,
#qwartaalForm textarea:focus,
#contactForm .checkbox-cont:focus,
#routeForm .checkbox-cont:focus,
#qwartaalForm .checkbox-cont:focus {
  background: #f6f6f6;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #f6f6f6, to #ffffff);
  background: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
  background: -moz-linear-gradient(top, #f6f6f6, #ffffff);
  background: -ms-linear-gradient(top, #f6f6f6, #ffffff);
  background: -o-linear-gradient(top, #f6f6f6, #ffffff);
  background: linear-gradient(top, #f6f6f6, #ffffff);
  color: #fff;
}
#contactForm textarea,
#routeForm textarea,
#qwartaalForm textarea {
  margin-bottom: 15px;
}
#contactForm a.btn,
#routeForm a.btn,
#qwartaalForm a.btn {
  position: relative;
}
#contactForm .dropdown input,
#routeForm .dropdown input,
#qwartaalForm .dropdown input {
  background: #fefefe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #fefefe, to #eaeaea);
  background: -webkit-linear-gradient(top, #fefefe, #eaeaea);
  background: -moz-linear-gradient(top, #fefefe, #eaeaea);
  background: -ms-linear-gradient(top, #fefefe, #eaeaea);
  background: -o-linear-gradient(top, #fefefe, #eaeaea);
  background: linear-gradient(top, #fefefe, #eaeaea);
  color: #fff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
#contactForm .dropdown input:hover,
#routeForm .dropdown input:hover,
#qwartaalForm .dropdown input:hover,
#contactForm .dropdown input:focus,
#routeForm .dropdown input:focus,
#qwartaalForm .dropdown input:focus {
  background: #fefefe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #fefefe, to #f9f9f9);
  background: -webkit-linear-gradient(top, #fefefe, #f9f9f9);
  background: -moz-linear-gradient(top, #fefefe, #f9f9f9);
  background: -ms-linear-gradient(top, #fefefe, #f9f9f9);
  background: -o-linear-gradient(top, #fefefe, #f9f9f9);
  background: linear-gradient(top, #fefefe, #f9f9f9);
  color: #fff;
}
#contactForm .dropdown i,
#routeForm .dropdown i,
#qwartaalForm .dropdown i {
  color: #777;
  opacity: 0.75;
}
#contactForm .dropdown ul,
#routeForm .dropdown ul,
#qwartaalForm .dropdown ul {
  background: #f0f0f0;
  border: 1px solid #d7d7d7;
}
#contactForm label.subscribe,
#routeForm label.subscribe,
#qwartaalForm label.subscribe {
  margin: 11px 0 30px;
  display: block;
}
#contactForm .error input,
#routeForm .error input,
#qwartaalForm .error input,
#contactForm .error textarea,
#routeForm .error textarea,
#qwartaalForm .error textarea {
  border-color: white;
  background: #fac9b0 !important;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #fac9b0, to #fcd9c8) !important;
  background: -webkit-linear-gradient(top, #fac9b0, #fcd9c8) !important;
  background: -moz-linear-gradient(top, #fac9b0, #fcd9c8) !important;
  background: -ms-linear-gradient(top, #fac9b0, #fcd9c8) !important;
  background: -o-linear-gradient(top, #fac9b0, #fcd9c8) !important;
  background: linear-gradient(top, #fac9b0, #fcd9c8) !important;
  color: #fff !important;
  -webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -o-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -ms-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  -khtml-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
  box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
}
#contactForm .error input::-webkit-input-placeholder,
#routeForm .error input::-webkit-input-placeholder,
#qwartaalForm .error input::-webkit-input-placeholder,
#contactForm .error isindex::-webkit-input-placeholder,
#routeForm .error isindex::-webkit-input-placeholder,
#qwartaalForm .error isindex::-webkit-input-placeholder,
#contactForm .error textarea::-webkit-input-placeholder,
#routeForm .error textarea::-webkit-input-placeholder,
#qwartaalForm .error textarea::-webkit-input-placeholder {
  color: #444 !important;
}
#contactForm button.btn,
#routeForm button.btn,
#qwartaalForm button.btn {
  float: right;
  margin: 15px 10px 10px;
}
#contactForm button.btn i,
#routeForm button.btn i,
#qwartaalForm button.btn i {
  float: none;
}
#offerteForm {
  background: #ff5900 url(../img/footer-gradient.jpg) center top no-repeat;
  padding: 35px 0 20px;
  -webkit-box-shadow: inset 1px 6px 9px -6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 1px 6px 9px -6px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 1px 6px 9px -6px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 1px 6px 9px -6px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: inset 1px 6px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 6px 9px -6px rgba(0, 0, 0, 0.5);
}
#offerteForm h1,
#offerteForm h2 {
  float: left;
  color: white;
}
#offerteForm h1 {
  padding-right: 15px;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 26px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#offerteForm h2 {
  padding-top: 8px;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
}
#offerteForm p {
  float: left;
  font-size: 13px;
  font-weight: 400;
  color: white;
}
#offerteForm form {
  margin-top: 15px;
}
#offerteForm form .columns {
  margin-bottom: 20px;
}
#offerteForm input,
#offerteForm textarea {
  color: white;
  border: 1px solid #ff955c;
}
#offerteForm .input input,
#offerteForm textarea {
  background: #ff7200;
  -webkit-box-shadow: inset 0px 0px 6px 0px rgba(189, 66, 0, 0.8);
  -moz-box-shadow: inset 0px 0px 6px 0px rgba(189, 66, 0, 0.8);
  -o-box-shadow: inset 0px 0px 6px 0px rgba(189, 66, 0, 0.8);
  -ms-box-shadow: inset 0px 0px 6px 0px rgba(189, 66, 0, 0.8);
  -khtml-box-shadow: inset 0px 0px 6px 0px rgba(189, 66, 0, 0.8);
  box-shadow: inset 0px 0px 6px 0px rgba(189, 66, 0, 0.8);
}
#offerteForm .input input:hover,
#offerteForm textarea:hover,
#offerteForm .input input:focus,
#offerteForm textarea:focus {
  background: #ff811a;
}
#offerteForm .dropdown input {
  background: #f37e00;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #f37e00, to #f35600);
  background: -webkit-linear-gradient(top, #f37e00, #f35600);
  background: -moz-linear-gradient(top, #f37e00, #f35600);
  background: -ms-linear-gradient(top, #f37e00, #f35600);
  background: -o-linear-gradient(top, #f37e00, #f35600);
  background: linear-gradient(top, #f37e00, #f35600);
  color: #fff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
#offerteForm .dropdown input:hover,
#offerteForm .dropdown input:focus {
  background: #fd8300;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from #fd8300, to #fd5900);
  background: -webkit-linear-gradient(top, #fd8300, #fd5900);
  background: -moz-linear-gradient(top, #fd8300, #fd5900);
  background: -ms-linear-gradient(top, #fd8300, #fd5900);
  background: -o-linear-gradient(top, #fd8300, #fd5900);
  background: linear-gradient(top, #fd8300, #fd5900);
  color: #fff;
}
#offerteForm .dropdown i {
  color: white;
  opacity: 0.75;
}
#offerteForm .dropdown ul {
  background: #f0f0f0;
  border: 1px solid white;
}
#offerteForm input::-webkit-input-placeholder,
#offerteForm isindex::-webkit-input-placeholder,
#offerteForm textarea::-webkit-input-placeholder {
  color: white;
}
.ie7 #offerte-form {
  width: 100%;
  position: relative;
}
.ie7 #offerteForm,
.ie7 #offerteForm .dropdown,
.ie7 #offerteForm .dropdown input,
.ie7 #offerteForm .dropdown ul {
  zoom: 1;
}
#searchForm fieldset {
  position: relative;
  margin: 90px 7% 20px;
}
#searchForm input {
  float: left;
  width: 90%;
  height: auto;
  padding: 8px 3% 10px;
  color: #666 !important;
  border: 1px solid #d7d7d7;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0px;
  -webkit-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  -moz-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  -o-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  -ms-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  -khtml-box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
  box-shadow: inset 2px 2px 3px 0px rgba(186, 186, 186, 0.2);
}
#searchForm button {
  position: absolute;
  height: 24px;
  top: 9px;
  right: 12.5%;
  z-index: 99;
  background: none;
  border: none;
  color: #777;
}
#searchForm button i {
  font-size: 22px;
}
#searchForm a.close {
  display: block;
  float: left;
  cursor: pointer;
  width: 5%;
  margin-left: 1%;
  padding: 11px;
  font-size: 18px;
  color: #ff5900;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#routeForm {
  margin-bottom: 30px;
}
#routeForm label {
  float: left;
  padding: 8px 12px 0 0;
}
#routeForm input {
  width: 50%;
}
#routeForm a.btn {
  padding: 6px 30px 8px 15px !important;
  cursor: pointer;
  position: relative;
}
#routeForm a.btn:before {
  content: "\f101";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  font-size: 16px;
  position: absolute;
  top: 8px;
  right: 12px;
}
#routeForm a.btn:active::before {
  top: 10px;
}
#routeForm a.btn:active {
  padding: 8px 30px 6px 15px !important;
}
/* Footer
================================================== */
#container > footer {
  background: black;
  padding: 50px 0;
}
#container > footer section h1 {
  color: white;
  margin-bottom: 15px;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
}
#container > footer section p {
  color: #888;
  line-height: 20px;
  font-size: 14px;
}
#container > footer section a {
  font-weight: 400;
  color: #bbb;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
#container > footer section a:hover {
  color: white;
  text-decoration: none;
}
#container > footer nav#bottom .social {
  margin-bottom: 20px;
}
#container > footer nav#bottom .social a {
  margin-right: 8px;
  background: white;
}
#container > footer nav#bottom .social a i {
  color: black;
}
#container > footer nav#bottom .menu ul {
  float: right;
}
#container > footer nav#bottom .menu ul li {
  float: left;
  margin-left: 8px;
}
#container > footer nav#bottom .menu ul li a {
  padding: 6px 10px;
  display: block;
  text-transform: lowercase;
  color: #ff5900;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
#container > footer nav#bottom .menu ul li a.active,
#container > footer nav#bottom .menu ul li a:hover,
#container > footer nav#bottom .menu ul li a:active {
  color: #777;
  text-decoration: none !important;
}
#container > footer nav#bottom .menu ul li.search {
  display: none;
}
#container > footer #twitter h1 a {
  color: white;
}
#container > footer #twitter a.image {
  display: block;
  float: left;
  border: 5px solid #333;
  margin: 0 15px 15px 0;
}
#container > footer #twitter a.image img {
  border: 0px none;
  display: block;
  float: left;
}
#container > footer #twitter a.image:hover {
  border-color: #ff5900;
}
#container > footer #twitter p {
  font-size: 14px;
}
#container > footer #twitter p.author {
  clear: both;
  font-size: 12px;
  font-style: italic;
}
#container > footer #contact .col1,
#container > footer #contact .col2 {
  float: left;
}
#container > footer #contact .col1 {
  width: 45%;
}
#container > footer #contact .col2 {
  width: 55%;
}
#container > footer #links p.meta {
  font-size: 12px;
}
#container > footer #copy {
  background-size: 20px 20px;
  text-align: right;
  margin-top: 20px;
  padding: 6px 0;
  font-size: 14px;
  color: white;
  opacity: 0.4;
}
#container > footer .container section.columns {
  margin-bottom: 20px;
}
/* Portfolio
================================================== */
#portfolio.container {
  position: inherit;
}
#portfolio a:hover {
  text-decoration: none;
}
#portfolio article.pos3 {
  margin-right: 0;
}
#portfolio article {
  float: left;
  margin: 0 28px 20px 0;
  padding: 0 !important;
  width: 294px;
  position: relative;
  z-index: 2;
}
#portfolio article p,
#portfolio article h1 {
  text-overflow: ellipsis;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
}
#portfolio article a img {
  width: 100%;
}
#port-calc {
  overflow: hidden;
}
#no-js #portfolio article:nth-child(3n) {
  margin-right: 0;
}
/* Search
================================================== */
#container.search {
  padding-top: 0px;
  background: #f4f4f4;
}
#search-window {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  z-index: 9998;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Search form itself is in Forms section */
}
#search-window .search-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 74px;
  overflow-y: scroll;
}
#search-window .search-container .paging {
  margin-bottom: 74px;
}
#search-results .highlight {
  color: #ff5900;
}
#search-results .results {
  padding: 0 7% 40px 10%;
  color: #999;
}
#search-results .content a {
  display: block;
  padding: 30px 7% 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#search-results .content a:hover {
  background: white;
  text-decoration: none;
}
#search-results .content h2 {
  float: left;
  margin: 0px;
  font-size: 22px;
}
#search-results .category {
  float: left;
  background: #ff5900;
  margin-right: 15px;
  margin-bottom: 3px;
  padding: 5px 10px;
  text-transform: lowercase;
  color: white;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  -khtml-border-radius: 30px;
  border-radius: 30px;
}
#search-results .url {
  clear: both;
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
}
#search-results .extract {
  color: #777;
  font-family: 'museo-slab', 'Arvo', 'Helvetica', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
}
#search-results .paging ul {
  background: none;
}
#filter {
  margin: 0 10px 40px;
  height: 49px;
  background: #ededed;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ededed 0%, #fefefe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #fefefe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ededed 0%, #fefefe 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ededed 0%, #fefefe 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ededed 0%, #fefefe 100%);
  /* IE10+ */
  background: linear-gradient(top, #ededed 0%, #fefefe 100%);
  /* W3C */
  border: 1px solid #d7d7d7;
  box-shadow: 0 1px 3px 0 #bababa inset;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
#filter h1 {
  font-size: 18px !important;
  margin: 0 !important;
  padding: 15px 20px !important;
  float: left;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  background: #fefefe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
  /* IE10+ */
  background: linear-gradient(top, #fefefe 0%, #ececec 100%);
  /* W3C */
  border-right: 1px solid #dbdbdb;
}
#filter ul {
  margin-left: 0;
  list-style-type: none;
}
#filter ul li {
  float: left;
  cursor: pointer;
}
#filter ul li.droppable {
  background: url(../img/filter-border.png) right top no-repeat;
}
#filter ul li.droppable span {
  padding: 15px 25px 15px 23px;
}
#filter ul li.active span {
  color: #FFF;
}
#filter ul li span {
  display: block;
  font-size: 18px;
  margin: 0;
  padding: 15px 23px;
  color: #afafaf;
  z-index: 9;
  position: relative;
}
#filter ul {
  position: relative;
  overflow: hidden;
}
#schuivert,
#schuivert span {
  background: url(../img/filter-listing.png) right 3px no-repeat;
}
#schuivert {
  z-index: 2 !important;
  position: absolute !important;
  border: 0 none;
}
#schuivert-drag {
  z-index: 10 !important;
  position: absolute !important;
  border: 0 none;
  cursor: pointer;
}
#schuivert span,
#schuivert-drag span {
  background-position: -1px -49px;
  border: 0 none !important;
  padding: 15px 3px 15px 23px !important;
  margin-right: 20px !important;
  width: 45px;
  height: 22px;
}
#schuivert-drag {
  cursor: e-resize !important;
  cursor: ew-resize !important;
}
#portfolio .last article {
  margin-bottom: 0;
}
#portfolio article {
  color: #d8d8d8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#portfolio article:hover {
  cursor: pointer;
}
#portfolio article.last {
  margin-right: 0px;
}
#portfolio article h1 {
  font-size: 15px;
  text-align: left;
  color: #707070;
  margin: 0 0 2px;
}
#portfolio article p {
  color: #929292;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
#portfolio article a {
  position: relative;
  display: block;
}
#portfolio article a .overlay {
  height: 125px;
  position: absolute;
  top: 0;
  left: 0;
  width: 215px;
  opacity: 0;
}
#portfolio article:hover a .overlay {
  opacity: 1;
  background: url(../img/portfolio_overlay_active.png) left top no-repeat;
}
#portfolio article.active a .overlay {
  opacity: 1;
  background: url(../img/portfolio_overlay.png) left top no-repeat;
}
#portfolio article a.big {
  display: none;
}
#portfolio article:hover p,
#portfolio article.active p {
  color: #707070;
}
#portfolio article:hover h1,
#portfolio article.active h1 {
  color: #ff5900;
}
#portfolio article div.img {
  background: url(../img/portfolio_shade.jpg) no-repeat scroll center bottom transparent;
  padding-bottom: 15px;
}
#portfolio article a img {
  display: block;
}
#portfolio article:hover a,
#portfolio article.active a {
  border-color: #ff5900 !important;
  cursor: pointer;
}
#bag {
  background: #ebebeb;
  position: relative;
  left: 0;
  right: 0;
  padding: 0;
  overflow: hidden;
}
#bag #controls {
  top: 500px;
  bottom: auto;
}
#bag .icon-lefts {
  list-style: none;
  overflow: hidden;
  margin: 0;
}
#bag .cont {
  margin: 30px 0 0;
}
#bag .w980.clear {
  margin-bottom: 25px;
}
#bag .icon-lefts td {
  width: 225px;
  color: #929292;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
}
#bag .icon-lefts div.subtitle {
  clear: both;
}
#bag .icon-lefts .title {
  overflow: hidden;
}
#bag .icon-lefts .subtitle,
#bag .icon-lefts .title {
  padding: 10px 26px 10px 50px;
  vertical-align: middle;
}
#bag .icon-lefts .start.title {
  background: url(../img/icons/whoami.jpg) left center no-repeat;
}
#bag .icon-lefts .start.subtitle {
  background: url(../img/icons/title.jpg) left center no-repeat;
}
#bag .icon-lefts .wedid.title {
  background: url(../img/icons/folder.jpg) left center no-repeat;
}
#bag .icon-lefts .wedid.subtitle {
  background: url(../img/icons/case.jpg) left center no-repeat;
}
#bag .icon-lefts .tech.title {
  background: url(../img/icons/settings.jpg) left center no-repeat;
}
#bag .icon-lefts .tech.subtitle {
  background: url(../img/icons/date.jpg) left center no-repeat;
}
#bag .icon-lefts .dislike.title {
  background: url(../img/icons/like.jpg) left center no-repeat;
}
#bag .icon-lefts .dislike.subtitle {
  background: url(../img/icons/visit.jpg) left center no-repeat;
}
#bag figure {
  padding-bottom: 27px;
  width: 100%;
  background: url(../img/portfolio_shade_big.jpg) center bottom no-repeat;
  float: left;
  min-height: 500px;
}
#bag ul.icon-lefts li.dislike {
  margin-right: 0;
}
#bag ul.icon-lefts li span {
  display: block;
}
#bag .cont {
  position: relative;
  height: 530px;
}
#subslide-close,
#subslide-next,
#subslide-prev {
  position: absolute;
  top: 240px;
  text-indent: -4000px;
  z-index: 50;
}
#subslide-close {
  background: url(../img/portfolio_button.png) left top no-repeat;
  height: 40px;
  width: 40px;
  margin-right: -500px;
  right: 50%;
  top: 20px;
}
#subslide-close:hover {
  background-position: 0 -43px;
}
#subslide-close:active {
  background-position: 0 -86px;
}
#bag .slide img {
  display: block;
  margin: 0 auto;
}
#fake-port {
  clear: both;
  display: block;
}
#article .img a {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 5px solid #d8d8d8;
  background: url(../img/lazyload.gif) center center no-repeat;
}
#lunchbox {
  overflow: hidden;
  display: block;
  float: none;
  clear: both;
  position: relative;
  margin: 0 10px 50px;
}
#lunchbox article {
  z-index: 1;
}
#lunchbox article.hidden {
  opacity: 0;
  z-index: 0;
  pointer-events: none;
}
#js #lunchbox article,
#js #portfolio,
#js #portfolio article .img a,
#js #portfolio article .img a .overlay,
#js #bag figure,
#js #bag .cont {
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
#subslide-prev,
#subslide-next,
#subslide-close {
  -webkit-transition: left 0.8s ease, top 0.8s ease;
  -moz-transition: left 0.8s ease, top 0.8s ease;
  -ms-transition: left 0.8s ease, top 0.8s ease;
  -o-transition: left 0.8s ease, top 0.8s ease;
  transition: left 0.8s ease, top 0.8s ease;
}
#bag .slide img {
  -webkit-transition: width 0.8s ease;
  -moz-transition: width 0.8s ease;
  -ms-transition: width 0.8s ease;
  -o-transition: width 0.8s ease;
  transition: width 0.8s ease;
}
#filter {
  -webkit-transition: width 0.8s ease, opacity 0.8s ease;
  -moz-transition: width 0.8s ease, opacity 0.8s ease;
  -ms-transition: width 0.8s ease, opacity 0.8s ease;
  -o-transition: width 0.8s ease, opacity 0.8s ease;
  transition: width 0.8s ease, opacity 0.8s ease;
}
#bag .slide img {
  width: 980px;
}
#lunchbox {
  -webkit-transition: height 0.8s ease;
  -moz-transition: height 0.8s ease;
  -ms-transition: height 0.8s ease;
  -o-transition: height 0.8s ease;
  transition: height 0.8s ease;
}
.w980 {
  padding: 0 5px;
  width: 980px;
  margin: 0 auto;
}
#no-js #portfolio article:nth-child(3n) {
  margin-right: 0;
}
#portfolio article a .overlay {
  width: 100%;
  height: 100%;
}
#portfolio article:hover a .overlay,
#portfolio article.active a .overlay {
  background: rgba(255, 255, 255, 0.5);
}
#portfolio article.active .img a {
  border: 5px solid #ff5800;
}
#portfolio article .overlay:after {
  font-family: FontAwesome;
  content: "";
  width: 100%;
  text-align: center;
  top: 50%;
  font-size: 66px;
  position: absolute;
  margin-top: -40px;
}
#portfolio article .img a {
  border: 5px solid #d8d8d8;
}
#portfolio article .img a:hover {
  border: 5px solid #ff5800;
}
#portfolio article:hover .overlay:after {
  content: "\f078";
}
#portfolio article.active .overlay:after {
  content: "\f077";
}
.notransition * {
  -webkit-transition: all 0 ease 0 !important;
  -moz-transition: all 0 ease 0 !important;
  -ms-transition: all 0 ease 0 !important;
  -o-transition: all 0 ease 0 !important;
  transition: all 0 ease 0 !important;
}
#btn-prev,
#btn-next,
#subslide-prev,
#subslide-next {
  width: 39px;
  height: 55px;
  display: block;
  text-indent: -3000px;
  position: absolute;
  z-index: 1003;
  top: 210px;
  background: url(../img/slideshow-controls.png) left top no-repeat;
}
#subslide-prev {
  left: 50%;
  margin-left: -500px;
}
#subslide-next {
  right: 50%;
  margin-right: -500px;
  background-position: -54px 0;
}
#subslide-prev:hover {
  background-position: 0 -57px;
}
#subslide-next:hover {
  background-position: -54px -57px;
}
#subslide-prev:active {
  background-position: 0 -114px;
}
#subslide-next:active {
  background-position: -54px -114px;
}
.noScroll {
  overflow-y: hidden;
}
#link {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-indent: -4000px;
  display: block;
  z-index: 1002;
}
#bag #controls {
  top: 500px;
  bottom: auto;
}
#bag #controls {
  position: absolute;
  bottom: 30px;
  left: 50%;
  list-style-type: none;
  overflow: hidden;
  z-index: 4000;
}
#filter ul li {
  left: 0;
}
#bag #controls li {
  background: url(../img/slideshow-controls-dots.png) 0 0 no-repeat;
  text-indent: -3000px;
  display: block;
  width: 11px;
  height: 11px;
  float: left;
  margin: 0 2px;
  cursor: pointer;
}
#bag #controls li:hover {
  background: url(../img/slideshow-controls-dots.png) 0 -15px no-repeat;
}
#bag #controls li.active {
  background: url(../img/slideshow-controls-dots.png) 0 -30px no-repeat;
}
#bag {
  height: 0;
}
#bagCalc {
  height: 689px;
}
#bag .icons {
  list-style: none;
  overflow: hidden;
  margin: 0;
}
#bag .cont {
  margin: 30px 0 0;
}
#bag .w980.clear {
  margin-bottom: 25px;
}
#bag .icons td {
  width: 225px;
  color: #929292;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
}
#bag .icons div.subtitle {
  clear: both;
}
#bag .icons .title {
  overflow: hidden;
}
#bag .icons .subtitle,
#bag .icons .title {
  padding: 10px 26px 10px 50px;
  vertical-align: middle;
}
#bag .icons .start.title {
  background: url(../img/icons/whoami.jpg) left center no-repeat;
}
#bag .icons .start.subtitle {
  background: url(../img/icons/title.jpg) left center no-repeat;
}
#bag .icons .wedid.title {
  background: url(../img/icons/folder.jpg) left center no-repeat;
}
#bag .icons .wedid.subtitle {
  background: url(../img/icons/case.jpg) left center no-repeat;
}
#bag .icons .tech.title {
  background: url(../img/icons/settings.jpg) left center no-repeat;
}
#bag .icons .tech.subtitle {
  background: url(../img/icons/date.jpg) left center no-repeat;
}
#bag .icons .dislike.title {
  background: url(../img/icons/like.jpg) left center no-repeat;
}
#bag .icons .dislike.subtitle {
  background: url(../img/icons/visit.jpg) left center no-repeat;
}
#bag figure {
  padding-bottom: 27px;
  width: 100%;
  background: url(../img/portfolio_shade_big.jpg) center bottom no-repeat;
  float: left;
  min-height: 500px;
}
#facebook-like {
  border: none;
  overflow: hidden;
  width: 450px;
  height: 24px;
}
#fb-root {
  float: left;
  width: 88px;
  overflow: hidden;
}
.twitter-share-button {
  float: left;
}
#bag ul.icons li.dislike {
  margin-right: 0;
}
#bag ul.icons li span {
  display: block;
}
#bag .cont {
  position: relative;
  height: 530px;
}
#no-js #filter {
  opacity: 0.0;
}
#contactForm .mask,
#offerteForm .mask,
#searchForm .mask {
  background: rgba(255, 255, 255, 0.7) url(../img/loading-contact2.gif) center center no-repeat;
  z-index: 1000;
  position: relative;
}
input[type='checkbox'],
input[type='radio'] {
  height: auto !important;
  width: auto !important;
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
  #filter ul li span,
  #filter h1 {
    font-size: 15px !important;
    line-height: 23px;
  }
  .ie6 #portfolio article,
  .ie7 #portfolio article,
  .ie8 #portfolio article,
  .ie9 #portfolio article,
  #no-js #portfolio article {
    width: 230px !important;
  }
  #subslide-next {
    margin-right: -380px;
  }
  #subslide-prev {
    margin-left: -380px;
  }
  #subslide-close {
    margin-right: -380px;
  }
  #bagCalc {
    height: 609px;
  }
  #bag .slide img {
    width: 750px;
  }
  #bag .cont {
    height: 420px;
  }
  #bag figure {
    min-height: 380px;
    padding-bottom: 20px;
    background-size: 79% auto;
  }
  #bag #controls {
    top: 390px;
  }
  .w980 {
    width: 740px;
  }
}
@media only screen and (max-width: 767px) {
  #portfolio.container {
    width: 320px;
  }
  .ie6 #portfolio article,
  .ie7 #portfolio article,
  .ie8 #portfolio article,
  .ie9 #portfolio article,
  #no-js #portfolio article {
    width: 320px !important;
  }
  .w980 {
    width: 100%;
  }
  table.icons {
    margin: 10px auto 0 !important;
    width: 300px;
  }
  table.icons tr {
    display: block;
  }
  table.icons tr td {
    display: inline-block;
  }
  #bagCalc {
    height: 630px;
  }
  #bag .cont {
    height: 250px;
  }
  #bag .slide img {
    width: 470px;
  }
  #subslide-prev {
    margin-left: -220px;
    top: 130px;
  }
  #subslide-next {
    margin-right: -220px;
    top: 130px;
  }
  #subslide-close {
    margin-right: -220px;
  }
  #bag #controls {
    top: 250px;
    bottom: auto;
  }
  #bag figure {
    min-height: 240px;
    background-size: 60% auto;
    padding-bottom: 12px;
  }
  #filter {
    margin: 0 10px 40px;
    width: 300px;
    height: auto !important;
  }
  #filter h1 {
    position: relative;
    color: #707070;
    border-radius: 10px;
    -moz-border-radius: 10px;
  }
  #filter h1.open {
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
  }
  #filter h1:hover {
    color: black;
  }
  #filter h1:after {
    font-family: FontAwesome;
    content: "\f0ab";
    font-size: 22px;
    position: absolute;
    top: 13px;
    right: 16px;
  }
  #filter h1.open:after {
    content: "\F0AA";
  }
  #filter h1 {
    float: none;
    display: block;
    border-right: 0 none;
    cursor: pointer;
  }
  #filter ul {
    background: white;
    height: 0;
    overflow: hidden;
  }
  #filter ul.open {
    height: auto;
  }
  #filter ul li {
    float: none;
  }
  #filter ul li.droppable {
    background: transparent;
  }
  #filter ul li.droppable.active {
    padding-right: 20px;
  }
  #filter ul li.droppable.active,
  #filter ul li.droppable.active span {
    background: url(../img/filter-listing.png) right 3px no-repeat;
  }
  #filter ul li.droppable.active span {
    background-position: -1px -49px;
  }
  #lunchbox {
    margin-left: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  #filter ul li span {
    -webkit-transition: color 0ms;
    -moz-transition: color 0ms;
    transition: color 0ms;
  }
  #portfolio.container {
    width: 420px;
  }
  .ie6 #portfolio article,
  .ie7 #portfolio article,
  .ie8 #portfolio article,
  .ie9 #portfolio article,
  #no-js #portfolio article {
    width: 400px !important;
  }
  #filter {
    width: 400px;
  }
  #lunchbox {
    margin-left: 10px;
    width: 100%;
  }
  #bag .slide img {
    width: 310px;
  }
  #bag figure {
    min-height: 153px;
  }
}
.dislike.title {
  overflow: visible;
}
.ie7 #port-calc,
.ie8 #port-calc,
.ie9 #port-calc {
  width: 970px;
}
.ie7 #bag,
.ie8 #bag,
.ie9 #bag {
  z-index: 9000;
}
.ie7 #portfolio article.hidden,
.ie8 #portfolio article.hidden,
.ie9 #portfolio article.hidden {
  display: none;
}
/* PRINT STYLING
================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}