/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* 15/30/60px basis */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px; }

html, body {
  height: 100%; }

html {
  -webkit-text-size-adjust: 100%; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div, header, nav, figure, main, footer, section {
  display: block;
  margin: 0;
  padding: 0; }

body {
  font-family: 'gt_pressuraregular', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  color: #1A252C;
  background-color: #F1EBE1; }

body.dark {
  color: #FFFFFF;
  background-color: #1A252C; }

img {
  border: none; }

strong, b {
  font-family: 'gt_pressurabold', sans-serif;
  font-weight: normal; }

em {
  font-family: 'gt_pressuralight_italic', sans-serif;
  font-weight: normal;
  font-style: normal; }

a {
  color: #2CA8BC;
  text-decoration: underline;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

a:hover, a:active {
  color: #096F8B; }

a[href^="tel:"] {
  color: #1A252C;
  text-decoration: none !important; }

a[href^="tel:"]:hover {
  text-decoration: underline !important; }

h1 {
  font-family: 'gt_pressurabold_italic';
  font-size: 50px;
  font-weight: normal;
  line-height: 1;
  color: #FFFFFF; }

h2 {
  font-family: 'gt_pressurabold_italic';
  font-size: 25px;
  font-weight: normal;
  line-height: 1.25;
  color: #1A252C;
  text-transform: uppercase;
  margin-bottom: 15px; }

h2.border {
  display: inline-block;
  border-top: 3px solid #2CA8BC;
  padding-top: 3px; }

body.dark h2 {
  color: #FFFFFF; }

h3 {
  font-family: 'gt_pressurabold_italic';
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  color: #1A252C;
  text-transform: uppercase;
  margin-bottom: 15px; }

body.dark h3 {
  color: #FFFFFF; }

h5 {
  font-family: 'gt_pressuraregular_italic';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.25;
  color: #2CA8BC;
  margin-bottom: 5px; }

h6 {
  font-family: 'gt_pressuraregular_italic';
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  color: #2CA8BC;
  text-transform: lowercase;
  margin-bottom: 10px; }

h6.border {
  display: inline-block;
  border-top: 3px solid #2CA8BC;
  padding-top: 3px; }

hr {
  width: 100%;
  clear: both;
  background-color: #DDDDDD;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0; }

hr.topS {
  margin-top: 5px !important; }

hr.btmS {
  margin-bottom: 5px !important; }

hr.topM {
  margin-top: 10px !important; }

hr.btmM {
  margin-bottom: 10px !important; }

hr.topL {
  margin-top: 20px !important; }

hr.btmL {
  margin-bottom: 20px !important; }

hr.topXL {
  margin-top: 30px !important; }

hr.btmXL {
  margin-bottom: 30px !important; }

hr.topXXL {
  margin-top: 40px !important; }

hr.btmXXL {
  margin-bottom: 40px !important; }

hr.bigline {
  width: 150px;
  height: 10px;
  background-color: #2CA8BC;
  margin: 0 auto; }

hr.bigline.top {
  margin-bottom: 25px; }

hr.bigline.btm {
  margin-top: 25px; }

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=password], textarea, select {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 30px;
  border: 1px solid #DDDDDD;
  padding: 0 8px;
  font-family: 'gt_pressuraregular', Arial;
  font-size: 15px;
  line-height: 30px;
  color: #000000;
  text-transform: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  /* mobile firefox too! */ }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 25px;
  padding: 0 4px;
  background-color: #FFFFFF;
  background-image: url(../img/layout/select-angle.png);
  background-position: right center;
  background-repeat: no-repeat; }

::-webkit-input-placeholder {
  color: #9E9E9E;
  opacity: 1; }

::-moz-placeholder {
  color: #9E9E9E;
  opacity: 1; }

:-ms-input-placeholder {
  color: #9E9E9E;
  opacity: 1; }

::-ms-input-placeholder {
  color: #9E9E9E;
  opacity: 1; }

::placeholder {
  color: #9E9E9E;
  opacity: 1; }

:-ms-input-placeholder {
  color: #9E9E9E;
  opacity: 1; }

::-ms-input-placeholder {
  color: #9E9E9E;
  opacity: 1; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9E9E9E;
  opacity: 1; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #9E9E9E;
  opacity: 1; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #9E9E9E;
  opacity: 1; }

select.placeholder {
  color: #9E9E9E;
  opacity: 1; }

input.xlarge, textarea.xlarge, select.xlarge {
  max-width: 500px; }

input.large, textarea.large, select.large {
  max-width: 350px; }

input.medium, textarea.medium, select.medium {
  max-width: 185px; }

input.small, textarea.small, select.small {
  max-width: 55px; }

input.mini, textarea.mini, select.mini {
  max-width: 25px; }

input.akkoord {
  display: none; }

.clearboth {
  float: none !important;
  width: 100% !important;
  clear: both !important; }

.hide, .verberg {
  display: none !important; }

/* - - - - - - BASIC STYLES - - - - - -  */
.hoofdkleur {
  color: #05B4DD; }

.steunkleur {
  color: #BECD02; }

.grijs {
  color: #999999; }

.klein {
  font-size: 14px; }

.kleiner {
  font-size: 13px; }

.kleinst {
  font-size: 12px; }

/* - - - - - - FRMROWS - - - - - -  */
.frmrow {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  padding-right: 7px; }

.frmrow.noform {
  margin-bottom: 10px; }

.frmrow.compact {
  margin-bottom: 5px; }

.frmrow.wide {
  margin-bottom: 25px; }

.frmrow.xwide {
  margin-bottom: 50px; }

.frmrow.btns {
  margin-top: 25px; }

.frmrow.half {
  display: inline-table;
  width: calc(50% - 3px); }

.frmrow > div {
  display: table-cell;
  vertical-align: middle; }

.frmrow > div:nth-child(1) {
  width: 200px; }

.frmrow.check > div:nth-child(1) {
  width: 30px; }

.frmrow.vb > div {
  vertical-align: bottom; }

.frmrow.vt > div {
  vertical-align: top; }

.frmrow > div.ar {
  text-align: right; }

.frmrow.rows {
  display: block; }

.frmrow.rows > div {
  display: block; }

.frmrow.rows > div:nth-child(1) {
  display: block;
  width: 100%;
  color: #000000;
  padding-bottom: 5px; }

/* - - - - - - FEEDBACK - - - - - -  */
.goed {
  background-color: #F2FFF2;
  border: 1px solid #73CC73;
  padding: 10px;
  color: #404040;
  margin-bottom: 15px;
  border-radius: 4px; }

.fout {
  background-color: #FFF2F2;
  border: 1px solid #FF7373;
  padding: 10px;
  color: #404040;
  margin-bottom: 15px;
  border-radius: 4px; }

.alertgoed {
  color: #009900; }

.alertfout {
  color: #FF0000; }

.invulmis {
  background-color: #FFF2F2;
  border: 1px solid #FF7373; }

/* - - - - - - CONTENTBLOCKS - - - - - -  */
.contentblok {
  display: block;
  width: 100%;
  margin: 40px 0; }

.contentblok > div.content > div.img > img {
  display: block;
  width: 100%;
  margin: 0; }

/* default contentblok met foto boven */
.contentblok.boven > div.content > div.img {
  margin-bottom: 40px; }

/* default contentblok met foto onder */
.contentblok.onder > div.content > div.img {
  margin-top: 40px; }

/* default contentblok met foto links/rechts */
.contentblok.links > div.content,
.contentblok.rechts > div.content {
  display: table;
  width: 100%; }

.contentblok.links > div.content > div,
.contentblok.rechts > div.content > div {
  display: table-cell;
  vertical-align: top; }

.contentblok.links > div.content > div.img,
.contentblok.rechts > div.content > div.img {
  width: 38%; }

/* default contentblok met foto links */
.contentblok.links > div.content > div.img {
  padding: 0 40px 0 0; }

/* default contentblok met foto rechts */
.contentblok.rechts > div.content {
  direction: rtl; }

.contentblok.rechts > div.content > div {
  direction: ltr; }

.contentblok.rechts > div.content > div.img {
  padding: 0 0 0 40px; }

a.pcButton {
  display: inline-block;
  vertical-align: baseline;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 10px;
  margin-top: 20px;
  background-color: #05B4DD; }

a.pcButton:hover,
a.pcButton:active {
  color: #05B4DD;
  background-color: #BECD02; }

a.pcButton i {
  padding-left: 10px; }

/* - - - - - - ROWS - - - - - -  */
.row {
  display: table;
  width: 100%;
  margin-top: 30px;
  padding-top: 30px; }

.row > div {
  display: table-cell;
  vertical-align: top; }

.row > div.img {
  width: 50%;
  padding: 0 60px 0 0; }

.row.rtl {
  direction: rtl; }

.row.rtl > div {
  direction: ltr; }

.row.rtl > div.img {
  width: 40%;
  padding: 0 0 0 30px; }

.row > div.img img {
  display: block;
  width: 100%; }

.row:nth-child(1) {
  margin-top: 0;
  border-top: none;
  padding-top: 0; }

/* - - - - - - PAGER - - - - - -  */
ul.pager {
  margin: 30px 0 0 0;
  padding: 0;
  border: 0;
  text-align: center; }

ul.pager > li {
  display: inline;
  vertical-align: middle; }

ul.pager > li > a {
  text-decoration: none;
  color: #333333;
  line-height: 1;
  padding: 5px 13px;
  border: 1px solid #DDDDDD;
  border-right: none; }

ul.pager > li > a:hover, ul.pager > li > a:active {
  color: #626060;
  text-decoration: none;
  background-color: #F2F2F2; }

ul.pager > li i {
  font-size: 16px;
  line-height: 1; }

ul.pager > li > a.active {
  background-color: #C6C7C9; }

ul.pager > li > a.disabled {
  cursor: pointer; }

ul.pager > li > a.disabled:hover, ul.pager > li > a.disabled:active {
  background-color: #FFFFFF; }

ul.pager > li:nth-child(1) > a {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

ul.pager > li:nth-last-child(1) > a {
  border-right: 1px solid #DDDDDD;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* - - - - - - SOCIAL SHARE - - - - - -  */
ul.socialshare {
  display: block;
  margin: 0;
  padding: 0;
  border: 0; }

ul.socialshare > li {
  display: inline-block;
  list-style: none;
  margin-right: 12px; }

ul.socialshare > li > a {
  font-size: 24px;
  line-height: 1;
  color: #999999; }

ul.socialshare > li > a.facebook:hover, ul.socialshare > li > a.facebook:active {
  color: #39579A; }

ul.socialshare > li > a.twitter:hover, ul.socialshare > li > a.twitter:active {
  color: #059FF5; }

ul.socialshare > li > a.google:hover, ul.socialshare > li > a.google:active {
  color: #C23B2A; }

ul.socialshare > li > a.linkedin:hover, ul.socialshare > li > a.linkedin:active {
  color: #0083C1; }

ul.socialshare > li > a.mail:hover, ul.socialshare > li > a.mail:active {
  color: #F5C300; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* WEBSITE SETTINGS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section {
  padding: 60px 0; }

div.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 37, 44, 0.3);
  /*#1A252C*/ }

div.rasterTop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/layout/raster-top.png);
  background-position: left top;
  background-repeat: repeat-x; }

div.rasterBtm {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/layout/raster-btm.png);
  background-position: left bottom;
  background-repeat: repeat-x; }

div.videoWrap {
  position: relative;
  width: 100%;
  height: 0; }

div.videoWrap.r16-9 {
  padding-bottom: 56.25%; }

div.videoWrap > iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CASES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body#page-cases div#headerpush {
  display: none; }

/* Slider */
figure div.slider {
  position: relative;
  width: 100%;
  height: 600px; }

figure div.slider > div {
  width: 100%;
  height: 100%;
  display: none;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

figure div.slider > a {
  position: absolute;
  top: calc(50% - 20px);
  z-index: 900;
  font-size: 20px;
  line-height: 1;
  color: #FFFFFF;
  padding: 10px 15px;
  background-color: rgba(26, 37, 44, 0.5);
  /*#1A252C*/ }

figure div.slider > a:hover,
figure div.slider > a:active {
  background-color: #1a252c;
  /*#1A252C*/ }

figure div.slider > a.cycle-prev {
  left: 0; }

figure div.slider > a.cycle-next {
  right: 0; }

/* info */
section.cases-info h1 {
  font-family: 'gt_pressurabold_italic';
  font-size: 30px;
  font-weight: normal;
  line-height: 1.25;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0px; }

section.cases-info h6 {
  margin-bottom: 5px;
  text-transform: none; }

section.cases-info p {
  font-size: 18px; }

section.cases-info div.icons {
  display: block;
  width: 100%; }

section.cases-info div.icons > div {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 60px) / 3); }

section.cases-info div.icons > div:nth-child(2) {
  width: calc((100% - 60px) / 3);
  margin: 0 30px; }

section.cases-info div.iconrow {
  display: table;
  width: 100%;
  margin-top: 30px; }

section.cases-info div.iconrow > div {
  display: table-cell;
  vertical-align: top; }

section.cases-info div.iconrow > div:nth-child(1) {
  width: 50px;
  padding-right: 20px;
  padding-top: 8px; }

section.cases-info div.iconrow > div:nth-child(1) img {
  display: block;
  width: 100%; }

section.cases-info div.buffer img {
  display: inline-block;
  height: 25px; }

/* More */
section.cases-more {
  padding: 0; }

section.cases-more div.caseCol {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 40px) / 5);
  margin: 0 5px; }

section.cases-more div.caseCol:nth-child(5n+1) {
  margin-left: 0; }

section.cases-more div.caseCol:nth-child(5n+5) {
  margin-right: 0; }

div.caseCol div.img {
  position: relative;
  margin-bottom: 10px; }

div.caseCol div.img a {
  font-size: 16px;
  line-height: 1;
  color: #FFFFFF; }

div.caseCol div.img a > span {
  position: absolute;
  left: 0;
  top: 0;
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url(../img/layout/raster-blauw.png);
  background-position: left top;
  background-repeat: repeat;
  opacity: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  border-radius: 4px; }

div.caseCol div.img a > span > strong {
  display: table-cell;
  vertical-align: middle; }

div.caseCol div.img a > span > strong i {
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
  margin-left: 5px;
  font-size: 12px;
  line-height: 1; }

div.caseCol img {
  display: block;
  width: 100%;
  border-radius: 4px; }

/* Navi */
section.cases-navi div.col {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 40px) / 3);
  margin: 0 10px; }

section.cases-navi div.col:nth-child(1) {
  margin-left: 0; }

section.cases-navi div.col:nth-child(2) {
  text-align: center; }

section.cases-navi div.col:nth-child(3) {
  text-align: right;
  margin-right: 0; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CASES OVERZICHT */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.casesTitle {
  text-align: center;
  padding-bottom: 0; }

section.casesWrap div.caseCol {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 40px) / 3);
  margin: 20px 10px 0 10px;
  text-align: center; }

section.casesWrap div.caseCol:nth-child(3n+1) {
  margin-left: 0; }

section.casesWrap div.caseCol:nth-child(3n+3) {
  margin-right: 0; }

section.casesWrap div.caseCol h2 {
  margin-bottom: 0; }

section.casesWrap a.btn2 {
  margin-top: 10px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HOME */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body#page-home div#headerpush {
  display: none; }

/* Splash */
section.home-splash {
  position: relative;
  height: 100vh;
  /*background-image:url('https://drainphalt.be/site/assets/img/backgrounds/header.jpg');*/
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat; }

section.home-splash .wrapper {
  height: 100%; }

section.home-splash .rasterTop {
  z-index: 100; }

section.home-splash .overlay {
  z-index: 95; }

section.home-splash .slogan {
  display: none;
  position: absolute;
  z-index: 110;
  width: 100%;
  max-width: 450px;
  left: 50%;
  margin-left: -225px;
  text-align: center; }

/* Info */
section.home-info div.col {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 60px) / 4);
  margin: 0 10px; }

section.home-info div.col:nth-child(4n+1) {
  margin-left: 0; }

section.home-info div.col:nth-child(4n+4) {
  margin-right: 0; }

/* Video */
section.home-video {
  /*background-image:url('https://drainphalt.be/site/assets/img/backgrounds/header.jpg');*/
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

section.home-video .wrapper {
  max-width: 800px;
  text-align: center; }

section.home-video h6 {
  color: #FFFFFF; }

section.home-video h6.border {
  border-color: #FFFFFF; }

section.home-video h2 {
  color: #FFFFFF; }

/* Projects */
section.home-projects {
  text-align: center;
  color: #FFFFFF;
  background-color: #1A252C; }

section.home-projects h2 {
  color: #FFFFFF;
  margin-bottom: 5px; }

section.home-projects div.list > div.caseCol {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 40px) / 3);
  margin: 20px 10px 0 10px;
  text-align: center; }

section.home-projects div.list > div.caseCol:nth-child(3n+1) {
  margin-left: 0; }

section.home-projects div.list > div.caseCol:nth-child(3n+3) {
  margin-right: 0; }

section.home-projects a.btn2 {
  margin-top: 10px; }

section.home-projects div.more {
  padding-top: 40px; }

/* Quote */
section.home-quote {
  position: relative;
  padding: 0; }

section.home-quote div.slider {
  width: 100%;
  height: 600px; }

section.home-quote div.slider > div {
  display: none;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

section.home-quote .quote {
  display: none;
  position: absolute;
  z-index: 110;
  width: 100%;
  max-width: 500px;
  text-align: center;
  padding: 30px 15px; }

section.home-quote .rasterBtm {
  z-index: 100; }

/* Downloads */
section.home-downloads {
  background-color: #1A252C;
  text-align: center; }

section.home-downloads h2 {
  color: #FFFFFF; }

section.home-downloads div.list > div.col {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 40px) / 3);
  margin: 20px 10px;
  text-align: left; }

section.home-downloads div.list > div.col:nth-child(3n+1) {
  margin-left: 0; }

section.home-downloads div.list > div.col:nth-child(3n+3) {
  margin-right: 0; }

section.home-downloads div.list a {
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase; }

section.home-downloads div.list a:hover,
section.home-downloads div.list a:active {
  text-decoration: underline; }

section.home-downloads div.list a > em {
  font-size: 13px; }

section.home-downloads div.list a > i {
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
  margin-left: 5px;
  font-size: 12px;
  line-height: 1; }

/* Contact */
section.home-contact div.tbl {
  display: table;
  width: 100%; }

section.home-contact div.tbl > div {
  display: table-cell;
  vertical-align: top; }

section.home-contact div.tbl > div.left {
  padding-right: 40px; }

section.home-contact div.tbl > div.right {
  width: 308px; }

section.home-contact form {
  max-width: 540px;
  margin-top: 20px; }

section.home-contact img.drainphalt {
  display: block;
  width: 100%;
  max-width: 160px;
  margin-top: 45px; }

section.home-contact .patented {
  margin-top: 15px;
  margin-bottom: 15px; }

section.home-contact img.willemen {
  display: block;
  width: 100%;
  max-width: 25px;
  margin-top: 30px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* TEMPLATE */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#wrap {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%; }

.wrapper {
  position: relative;
  display: block;
  max-width: 1024px;
  padding: 0 30px;
  margin: auto; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HEADER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
header {
  position: fixed;
  width: 100%;
  z-index: 999;
  padding: 15px 0 20px 0;
  /*hover style menu items */
  background-color: rgba(26, 37, 44, 0.5);
  /* #1A252C */ }

header div.logo {
  display: inline-block;
  vertical-align: top;
  width: 260px;
  padding-right: 15px;
  padding-top: 5px;
  /*hover style menu items */ }

header div.logo img {
  display: block;
  max-width: 100%;
  max-width: 150px;
  height: auto;
  margin-right: 10px; }

header div.logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* Mobile Menu */
header a#openMenu {
  display: none;
  float: right;
  font-size: 20px;
  line-height: 1;
  color: #FFFFFF;
  text-decoration: none;
  padding-top: 7px; }

header a#openMenu:hover,
header a#openMenu:active {
  color: #2CA8BC; }

/* Nav */
header nav {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 260px - 15px); }

header nav > ul {
  display: inline-block;
  vertical-align: top; }

header nav > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px; }

header nav > ul a {
  display: block;
  font-family: 'gt_pressurabold_italic';
  font-size: 16px;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
  border-top: 3px solid rgba(255, 255, 255, 0);
  padding-top: 2px; }

header nav > ul a:hover,
header nav > ul a:active {
  color: #FFFFFF;
  border-top: 3px solid white;
  padding-top: 0; }

/* Contact */
header nav > ul.contact {
  float: right; }

header nav > ul.contact > li > a {
  text-transform: uppercase; }

/* Lan */
header nav > ul.lan {
  position: fixed;
  top: 15px;
  right: 20px; }

header nav > ul.lan > li > a {
  text-transform: uppercase; }

header a[href^="tel:"] {
  color: #FFFFFF;
  text-decoration: none !important; }

header a[href^="tel:"]:hover {
  text-decoration: none !important; }

.contact-fr {
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  text-align: center;
  max-width: 80px; }

@media screen and (max-width: 1200px) {
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /* HEADER  MOBILE*/
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  header {
    background-color: #1a252c;
    /* #1A252C */ }
  header nav {
    display: none;
    width: 100%; }
  header nav > ul {
    display: block;
    text-align: center; }
  header nav > ul > li {
    margin-left: 0;
    margin-top: 8px; }
  header nav > ul:not(.lan) > li {
    display: block; }
  header nav > ul a {
    border-top: 0;
    padding-top: 0;
    text-align: center; }
  header nav > ul a:hover,
  header nav > ul a:active {
    color: #2CA8BC;
    border-top: 0; }
  /* Contact */
  header nav > ul.contact {
    float: none; }
  header nav > ul.contact > li > a {
    text-transform: lowercase; }
  /* Lan */
  header nav > ul.lan {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 15px; }
  header nav > ul.lan > li {
    margin: 0 10px; }
  header a#openMenu {
    display: block; }
  .contact-fr {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    text-align: center;
    max-width: unset; } }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* FOOTER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
footer {
  font-family: 'gt_pressurabold_italic';
  font-size: 12px;
  text-align: center;
  text-transform: lowercase;
  padding: 20px 0 20px 0; }

footer ul > li {
  display: inline-block;
  margin: 5px; }

footer ul > li > a {
  color: #1A252C;
  text-decoration: none; }

footer ul > li > a:hover,
footer ul > li > a:active {
  color: #2CA8BC; }

body.dark footer ul > li > a {
  color: #FFFFFF; }

body.dark footer ul > li > a:hover,
body.dark footer ul > li > a:active {
  color: #2CA8BC; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* LINK SETTINGS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a.link1 {
  color: #8C9295;
  text-decoration: none;
  border-top: 4px solid #8C9295;
  padding-top: 4px; }

a.link1:hover,
a.link1:active {
  color: #2CA8BC;
  border-color: #2CA8BC; }

a.link1 > i {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  margin-right: 5px;
  font-size: 12px;
  line-height: 1; }

a.link1.right > i {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  margin-right: 0;
  margin-left: 5px;
  font-size: 12px;
  line-height: 1; }

a.btn1 {
  display: inline-block;
  vertical-align: baseline;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: lowercase;
  padding: 5px 20px;
  background-color: #2CA8BC;
  border-radius: 4px; }

a.btn1:hover, a.btn1:active {
  background-color: #1A252C; }

a.btn2 {
  display: inline-block;
  vertical-align: baseline;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: lowercase;
  padding: 5px 20px;
  background-color: #2CA8BC;
  border-radius: 4px; }

a.btn2:hover, a.btn2:active {
  background-color: rgba(44, 168, 188, 0.75); }

a.witnix {
  color: #FFFFFF;
  text-decoration: none; }

a.witnix:hover, a.witnix:active {
  color: rgba(255, 255, 255, 0.65); }

.patented {
  display: inline-block;
  vertical-align: baseline;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px;
  background-color: #2CA8BC;
  border-radius: 4px;
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
          transform: skewX(-10deg); }

body#page-faq div#headerpush {
  display: none; }

body#page-partners div#headerpush {
  display: none; }

.partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: 15px; }
  .partners .partner {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    padding: 15px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
    @media screen and (max-width: 991px) {
      .partners .partner {
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%; } }
    @media screen and (max-width: 767px) {
      .partners .partner {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }
    @media screen and (max-width: 575px) {
      .partners .partner {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }
    .partners .partner:before {
      content: "";
      width: 100px;
      border-top: 4px solid #29A9BC;
      display: block;
      height: 15px; }
    .partners .partner:hover {
      background: #f5f5f5; }
      .partners .partner:hover img {
        -webkit-filter: grayscale(0%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(0%); }
    .partners .partner-logo {
      height: 50px;
      margin-bottom: 20px; }
      .partners .partner-logo img {
        max-width: 100%;
        height: auto;
        max-height: 50px;
        -webkit-filter: grayscale(100%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s; }
    .partners .partner-info {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .partners .partner a.mail {
      color: inherit;
      text-decoration: none; }
      .partners .partner a.mail:hover {
        color: #29A9BC;
        text-decoration: underline; }
    .partners .partner a.btn2 {
      margin-top: 15px; }