/* $fontColor: #838384; */
/* FastarTechniek */
html, body {
  height: 100%; }

::-webkit-input-placeholder {
  color: #dedede;
  font-style: italic;
  font-family: 'Rubik'; }

:-moz-placeholder {
  color: #dedede;
  font-style: italic;
  font-family: 'Rubik'; }

::-moz-placeholder {
  color: #dedede;
  font-style: italic;
  font-family: 'Rubik'; }

:-ms-input-placeholder {
  color: #dedede;
  font-style: italic;
  font-family: 'Rubik'; }

.overflow_none {
  overflow: hidden;
  position: relative; }

h1, h2, h3 {
  font-family: 'Montserrat', sans-serif; }

.h_blauw {
  color: #039; }

.h_wit {
  color: white; }

.h_zwart {
  color: black; }

h2 {
  font-size: 46px;
  line-height: 58px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 45px; }
  @media (max-width: 1023px) {
  h2 {
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 25px; } }

h4 {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 65px; }
  @media (max-width: 1023px) {
  h4 {
    margin-bottom: 20px; } }

.fa-chevron-top, .fa-chevron-right, .fa-chevron-bottom, .fa-chevron-left {
  cursor: pointer; }

p {
  color: #636363;
  line-height: 24px;
  font-size: 14px; }

.center_text {
  text-align: center; }

.wit {
  background-color: white; }

.blauw {
  background-color: #039; }

.zwart {
  background-color: black; }
  @media (max-width: 1023px) {
  .zwart {
    background-color: #039; } }

.pagination {
  user-select: none; }

.blok40p {
  width: 40%;
  min-height: 550px;
  position: relative;
  vertical-align: top; }
  @media (max-width: 1200px) {
  .blok40p {
    width: 30%; } }
  @media (max-width: 1023px) {
  .blok40p {
    width: 100%;
    min-height: 350px; } }

.blok60p {
  width: 60%;
  min-height: 550px;
  position: relative;
  vertical-align: top; }
  @media (max-width: 1200px) {
  .blok60p {
    width: 70%; } }
  @media (max-width: 1023px) {
  .blok60p {
    width: 100%;
    min-height: 350px; } }

.blok40p_82px {
  width: calc(40% + 82px);
  max-height: 544px;
  position: relative;
  vertical-align: top; }
  @media (max-width: 1200px) {
  .blok40p_82px {
    width: calc(30% + 82px); } }
  @media (max-width: 1023px) {
  .blok40p_82px {
    width: 100%;
    min-height: 350px; } }

.blok60p_82px {
  width: calc(60% - 82px);
  min-height: 544px;
  position: relative;
  vertical-align: top; }
  @media (max-width: 1023px) {
  .blok60p_82px {
    width: 100%;
    min-height: 300px; } }

.scroll_disabled {
  pointer-events: none;
  color: grey; }

#top {
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: center; }
  #top .flex-center {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 76; }
    #top .flex-center h1 {
      text-transform: uppercase;
      font-family: 'Montserrat';
      font-size: 80px;
      line-height: 95px;
      color: white;
      font-weight: 800;
      width: 80%;
      display: inline-block;
      position: relative; }
      @media (max-width: 1281px) {
  #top .flex-center h1 {
    font-size: 70px;
    line-height: 85px;
    width: 100%; } }
      @media (max-width: 1080px) {
  #top .flex-center h1 {
    font-size: 60px;
    line-height: 75px; } }
      @media (max-width: 940px) {
  #top .flex-center h1 {
    font-size: 45px;
    line-height: 54px; } }
      @media (max-width: 768px) {
  #top .flex-center h1 {
    font-size: 44px;
    line-height: 58px; } }
      @media (max-width: 710px) {
  #top .flex-center h1 {
    font-size: 30px;
    line-height: 35px;
    word-break: break-word; } }
  #top .chevron_container {
    width: 28px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 14px); }
    #top .chevron_container .chevron {
      position: absolute;
      width: 28px;
      height: 6.4px;
      opacity: 0;
      transform: scale(0.3);
      animation: move_chevron 3s ease-out infinite; }
      #top .chevron_container .chevron:first-child {
        animation: move_chevron 3s ease-out 1s infinite; }
      #top .chevron_container .chevron:nth-child(2) {
        animation: move_chevron 3s ease-out 2s infinite; }
      #top .chevron_container .chevron:before, #top .chevron_container .chevron:after {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 50%;
        background: rgba(180, 180, 180, .7); }
      #top .chevron_container .chevron:before {
        left: 0;
        transform: skewY(30deg); }
      #top .chevron_container .chevron:after {
        right: 0;
        width: 50%;
        transform: skewY(-30deg); }
  #top .buttons {
    position: absolute;
    bottom: 165px;
    text-align: center; }
    @media (max-width: 1023px) {
  #top .buttons {
    bottom: 10%; } }
    #top .buttons a {
      float: left;
      text-transform: uppercase;
      font-weight: 500;
      border-radius: 8px;
      padding: 8px 25px;
      cursor: pointer;
      color: black; }
    #top .buttons .webshop-button {
      background: white;
      border: 1px solid white;
      margin: 0 40px 0 2px; }
    #top .buttons .offerte-button {
      background: orange;
      border: 1px solid #fc3;
      color: white; }

@media (max-width: 1023px) {
    #over-ons {
      padding-bottom: 30px;
      padding-top: 25px; } }
  #over-ons .blok40p, #over-ons .blok60p {
    min-height: auto; }
  #over-ons h2 {
    margin-bottom: 20px; }
  #over-ons P {
    color: #000;
    line-height: 26px; }
  #over-ons .blok40p .triangle-left {
    width: 0;
    height: 0;
    border-top: 55px solid transparent;
    border-right: 70px solid white;
    border-bottom: 55px solid transparent;
    position: absolute;
    margin-left: 362px;
    margin-top: 80px; }
    @media (max-width: 1023px) {
    #over-ons .blok40p .triangle-left {
      display: none; } }
    #over-ons .blok40p img {
      margin-right: 100px;
      width: calc(100% - 40px);
      max-width: 431px; }
    @media (max-width: 1023px) {
    #over-ons .blok40p img {
      margin-right: 0;
      width: 100%; } }
  @media (max-width: 1023px) {
  #over-ons .h_blauw {
    display: none; }
    #over-ons h2 {
      margin-top: 20px; } }
  #over-ons .stats {
    width: 90%;
    height: 200px;
    background: #e5e3df;
    margin-left: auto;
    margin-top: -55px;
    display: flex; }
    @media (max-width: 1023px) {
  #over-ons .stats {
    width: 100%;
    height: auto;
    padding: 20px 0;
    margin: 20px 0 0 0; } }
    #over-ons .stats .column {
      width: 24%;
      height: 100px;
      margin-top: auto;
      flex-direction: column;
      font-family: 'Montserrat', sans-serif;
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase; }
    @media (max-width: 1023px) {
    #over-ons .stats .column {
      width: 33%;
      height: auto; } }
    #over-ons .stats .column .column_container {
      width: auto;
      text-align: center; }
    #over-ons .stats .column .counting {
      font-size: 50px;
      font-weight: bold; }
      @media (max-width: 1023px) {
    #over-ons .stats .column .counting {
      font-size: 35px; } }
    #over-ons .stats .column:nth-child(1) {
      margin-left: auto; }

.afbeelding_blok {
  height: 550px;
  width: 40%;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2; }
  @media (max-width: 1023px) {
  .afbeelding_blok {
    width: 100%;
    min-height: 300px;
    height: 250px; }
    .afbeelding_blok img {
      height: 100%; } }

#producten a {
  color: black; }
  #producten .open, #producten .fa {
    color: #039; }
  #producten .scroll_disabled .fa {
    color: inherit; }
  #producten .fa {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    cursor: pointer; }
  @media (max-width: 1023px) {
    #producten .product_content {
      min-height: auto !important; } }
  #producten .producten_blok {
    padding: 70px 50px;
    min-height: 550px;
    width: 60%;
    vertical-align: top; }
    @media (max-width: 1023px) {
  #producten .producten_blok {
    width: 100%;
    min-height: 300px; } }
    #producten .producten_blok .subtitle {
      color: white;
      font-size: 12px;
      text-transform: uppercase;
      margin: 14px 0;
      padding-top: 160px; }
    @media (max-width: 1023px) {
    #producten .producten_blok .subtitle {
      padding-top: 15px; } }
    #producten .producten_blok .product-title {
      position: relative;
      z-index: 3; }
  #producten .producten_lijst_wrapper {
    position: relative;
    overflow: hidden;
    height: 300px;
    /* height:448px; */
    margin-top: 16px;
    margin-bottom: 16px;
    /* @include mq (1023px) {
			height: 80px;
		} */ }
  #producten .producten_lijst {
    white-space: nowrap;
    transition: 0.2s;
    text-align: right;
    padding: 0px 50px;
    overflow: hidden;
    position: relative;
    z-index: 6;
    height: auto;
    overflow: hidden; }
    @media (max-width: 1023px) {
  #producten .producten_lijst {
    padding: 0 10px; } }
    #producten .producten_lijst ul {
      /* @include mq (1023px) {
				white-space: nowrap;
				position: relative;
			} */
      list-style: none; }
    #producten .producten_lijst ul li {
      color: black;
      text-transform: uppercase;
      line-height: 32px;
      font-weight: bold;
      /* @include mq(1023px){
					line-height: 42px;
					font-size: 14px;
				} */
      font-size: 12px; }
  #producten .isscroller {
    position: relative;
    /* @include mq(1023px){
			margin-top: 20px;
		} */
    transition: 0.2s; }
  #producten .product-image {
    position: absolute; }
  #producten .product_slider {
    /* display: inline-block; */ }
    @media (max-width: 1023px) {
  #producten .product_slider {
    text-align: center;
    width: 100%;
    margin-top: 0px; } }
  #producten .producten_left {
    display: none; }
    @media (max-width: 1023px) {
  #producten .producten_left {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    cursor: pointer;
    padding: 25px 0 25px 20px;
    z-index: 5;
    background-color: white; } }
  #producten .producten_right {
    display: none; }
    @media (max-width: 1023px) {
  #producten .producten_right {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0;
    cursor: pointer;
    padding: 25px 20px 25px 0;
    z-index: 5;
    background-color: white; } }
  #producten .btn_white {
    border: 1px solid white;
    border-radius: 5px;
    padding: 8px 15px;
    margin: 10px 0;
    font-size: 14px;
    color: white;
    font-weight: bold;
    text-transform: uppercase; }
    #producten .btn_white a {
      color: white !important; }
    #producten .btn_white a:hover {
      color: white !important; }
  #producten .arrow_box {
    display: inline-block;
    height: 550px;
    z-index: 5;
    position: absolute; }
  #producten .arrow-left {
    margin-top: 215px;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-right: 60px solid #039;
    margin-left: -60px; }
    @media (max-width: 1023px) {
  #producten .arrow-left {
    display: none; } }

#branches .service_images {
  width: 100%;
  height: 544px;
  position: absolute; }
  #branches .white_arrow_box {
    position: absolute;
    top: 0;
    right: 0; }
  #branches .service_blok {
    padding: 70px 50px; }
    @media (max-width: 1023px) {
  #branches .service_blok {
    padding: 50px; } }
    #branches .service_blok .select_container .fa {
      width: 5px;
      margin-right: 25px;
      color: #039;
      font-size: 12px;
      vertical-align: middle;
      transition: 0.2s; }
    #branches .service_blok .select_container .toggle_arrow {
      transform: rotate(90deg); }
    #branches .service_blok .select_container .title {
      display: inline-block;
      font-size: 46px;
      line-height: 58px;
      color: black;
      font-weight: 800;
      text-transform: uppercase;
      font-family: 'Montserrat', sans-serif;
      cursor: pointer;
      user-select: none; }
      @media (max-width: 1023px) {
    #branches .service_blok .select_container .title {
      font-size: 26px;
      line-height: 38px;
      margin-bottom: 25px; } }
    #branches .service_blok .select_container .description {
      margin-left: 45px;
      margin-bottom: 25px; }

#klanten {
  /* .afbeelding_blok {
    height: 550px;
    width: 40%;
    vertical-align: top;
    overflow: hidden;
    z-index: 2;
    position: inherit;
		position: relative;
		@include mq (1023px) {
      width: 100%;
      min-height: 250px;
      height: 250px;
    }
  } */
  display: none; }
  #klanten .imgbox {
    height: 100%; }
  #klanten .zwart {
    z-index: 10; }
  #klanten .news-image {
    position: absolute; }
  #klanten .klanten_blok {
    padding: 70px 0;
    min-height: 550px;
    width: 60%;
    vertical-align: top; }
    @media (max-width: 1023px) {
  #klanten .klanten_blok {
    padding: 40px 0;
    width: 100%;
    min-height: 250px;
    height: auto; } }
    #klanten .klanten_blok .subtitle {
      color: white;
      font-size: 12px;
      text-transform: uppercase;
      margin: 14px 0; }
    #klanten .klanten_blok .pagination {
      font-weight: bold;
      padding: 0 50px;
      position: absolute;
      bottom: 50px; }
    @media (max-width: 1023px) {
    #klanten .klanten_blok .pagination {
      margin-top: 0px; } }
    #klanten .klanten_blok .pagination .fa:hover {
      cursor: pointer; }
    #klanten .klanten_blok .pagination .news_nr, #klanten .klanten_blok .pagination .news_nr_total {
      padding: 0 5px; }
    #klanten .klanten_blok .news_container {
      overflow: hidden;
      white-space: nowrap; }
    #klanten .klanten_blok .news_scroller {
      position: relative;
      left: 0px;
      transition: 0.2s; }
    #klanten .klanten_blok .news_slide {
      display: inline-block;
      width: 100%;
      padding: 0 50px;
      white-space: normal;
      vertical-align: top; }
    #klanten .klanten_blok .news_slide h2 {
      position: relative;
      margin-bottom: 25px; }
    #klanten .klanten_blok .news_slide .news_content {
      margin-top: 25px;
      margin-bottom: 15px;
      min-height: 72px;
      max-height: 120px;
      overflow: hidden;
      text-overflow: ellipsis; }
      #klanten .klanten_blok .news_slide .news_content p {
        color: #fff; }
  #klanten .producten_lijst {
    text-align: right;
    padding: 70px 100px; }
  #klanten .btn_white {
    border: 1px solid white;
    border-radius: 5px;
    padding: 8px 15px;
    margin: 10px 0;
    font-size: 14px;
    color: white;
    font-weight: bold;
    text-transform: uppercase; }
    #klanten .btn_white:hover {
      text-decoration: none; }
  #klanten .arrow_box {
    display: inline-block;
    height: 550px;
    z-index: 5;
    position: absolute; }
  #klanten .arrow-left {
    margin-top: 215px;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-right: 60px solid #000;
    margin-left: -60px; }
    @media (max-width: 1023px) {
  #klanten .arrow-left {
    display: none; } }

#klantenslider {
  padding-top: 0; }
  #klantenslider .blok60p {
    background-color: #000;
    width: 60%;
    min-height: 100px !important;
    display: inline-block; }
    @media (max-width: 1023px) {
  #klantenslider .blok60p {
    width: 100%;
    background-color: #039; } }
  #klantenslider .blok40p {
    background-color: #fff;
    width: 40%;
    min-height: 100px !important;
    display: inline-block; }
    @media (max-width: 1023px) {
  #klantenslider .blok40p {
    display: none; } }
  @media (max-width: 1023px) {
  #klantenslider {
    padding: 50px 0; } }
  #klantenslider h4 {
    margin-bottom: 25px;
    margin-top: 15px;
    padding-top: 100px; }
    @media (max-width: 1023px) {
  #klantenslider h4 {
    padding-top: 60px; } }
  #klantenslider .wrapper {
    z-index: 2;
    /* .grey_background {
			background: #f0f0f0;
			width: 100%;
			max-width: 1120px;
			height: 340px;
			position: absolute;
			margin-top: -220px;
			z-index: 1;
			@include mq (1023px) {
				display: none;
			}
		} */ }
  #klantenslider .klanten_left {
    position: absolute;
    left: 0;
    cursor: pointer;
    padding: 25px 0 25px 20px;
    padding: 0 0 0 25px;
    padding-top: 40px;
    height: 100px;
    z-index: 5;
    background-color: white;
    user-select: none; }
  #klantenslider .klanten_right {
    position: absolute;
    right: 0;
    cursor: pointer;
    padding: 0 25px 0 0;
    padding-top: 40px;
    height: 100px;
    z-index: 5;
    background-color: white;
    user-select: none; }
  #klantenslider .scroll_disabled {
    pointer-events: all; }
  #klantenslider .klanten_box {
    white-space: nowrap;
    padding: 0 20px;
    transition: 0.2s;
    position: relative;
    background: white;
    height: 100px; }
  #klantenslider .klanten_img {
    text-align: center;
    background: white;
    width: calc(100% / 6);
    user-select: none;
    height: 100%;
    display: inline-block;
    position: relative; }
    #klantenslider .klanten_img a {
      position: relative;
      display: inline-block;
      height: 100%;
      width: 100%; }
    #klantenslider .klanten_img img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 160px; }
    #klantenslider .klanten_img img:hover {
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%); }
    @media (max-width: 1400px) {
  #klantenslider .klanten_img {
    width: calc(100% / 4); } }
    @media (max-width: 1023px) {
  #klantenslider .klanten_img {
    width: calc(100% / 3);
    padding: 0 30px; } }
    @media (max-width: 800px) {
  #klantenslider .klanten_img {
    width: calc(100% / 2); } }
    @media (max-width: 600px) {
  #klantenslider .klanten_img {
    width: calc(100% / 1); } }

@media (max-width: 1023px) {
    #merken {
      padding: 50px 0; } }
  #merken h4 {
    margin-bottom: 25px; }
  #merken .wrapper {
    z-index: 2; }
  #merken .grey_background {
    background: #f0f0f0;
    /* max-width: 1120px; */
    width: 100%;
    height: 150px;
    position: absolute;
    margin-top: -50px;
    z-index: 1; }
    @media (max-width: 1023px) {
  #merken .grey_background {
    display: none; } }
  #merken .merken_left {
    position: absolute;
    left: 0;
    cursor: pointer;
    padding: 25px 0 25px 20px;
    padding: 0 0 0 25px;
    padding-top: 40px;
    height: 100px;
    z-index: 5;
    background-color: white;
    user-select: none; }
  #merken .merken_right {
    position: absolute;
    right: 0;
    cursor: pointer;
    padding: 0 25px 0 0;
    padding-top: 40px;
    height: 100px;
    z-index: 5;
    background-color: white;
    user-select: none; }
  #merken .scroll_disabled {
    pointer-events: all; }
  #merken .merken_box {
    white-space: nowrap;
    padding: 0 20px;
    transition: 0.2s;
    position: relative;
    background: white;
    height: 100px; }
  #merken .merken_img {
    text-align: center;
    background: white;
    width: calc(100% / 6);
    user-select: none;
    height: 100%;
    display: inline-block;
    position: relative; }
    #merken .merken_img a {
      position: relative;
      display: inline-block;
      height: 100%;
      width: 100%; }
    #merken .merken_img img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    #merken .merken_img img:hover {
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%); }
    @media (max-width: 1400px) {
  #merken .merken_img {
    width: calc(100% / 4); } }
    @media (max-width: 1023px) {
  #merken .merken_img {
    width: calc(100% / 3);
    padding: 0 30px; } }
    @media (max-width: 800px) {
  #merken .merken_img {
    width: calc(100% / 2); } }
    @media (max-width: 600px) {
  #merken .merken_img {
    width: calc(100% / 1); } }

@media (max-width: 1023px) {
    #offerte {
      padding: 0; } }
  #offerte .offerteformbox {
    background-color: #039;
    border: 1px solid #039;
    width: 70%;
    height: 490px;
    display: inline-block;
    vertical-align: top;
    padding: 50px 0 50px 50px; }
    @media (max-width: 1023px) {
  #offerte .offerteformbox {
    display: block;
    width: 100%;
    height: auto;
    padding: 30px; } }
  #offerte .actiebox {
    background-color: white;
    border: 1px solid #039;
    width: 30%;
    height: 490px;
    display: inline-block;
    vertical-align: top;
    padding: 50px 0; }
    @media (max-width: 1023px) {
  #offerte .actiebox {
    display: block;
    width: 100%;
    height: auto;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #039; } }
    #offerte .actiebox h2 {
      font-size: 26px;
      line-height: 32px;
      font-weight: 900;
      width: 70%;
      height: 100px;
      text-transform: uppercase;
      margin-bottom: 25px; }
    @media (max-width: 1023px) {
    #offerte .actiebox h2 {
      width: 100%;
      height: auto; } }
    #offerte .actiebox h4 {
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      margin-bottom: 20px; }
    #offerte .actiebox .actie_foto {
      width: calc(100% - 50px);
      height: 212px;
      display: block; }
    @media (max-width: 1023px) {
    #offerte .actiebox .actie_foto {
      width: 100%;
      margin: 0 auto; } }
    #offerte .actiebox .actie_foto img {
      height: 100%;
      display: block;
      margin: 0 auto; }
    #offerte .actiebox .pagination {
      margin-top: 25px;
      font-weight: bold;
      padding: 0 50px; }
    #offerte .actiebox .pagination .fa:hover {
      cursor: pointer; }
    #offerte .actiebox .pagination .actie_nr, #offerte .actiebox .pagination .actie_nr_total {
      padding: 0 5px; }
  #offerte .acties_container {
    overflow: hidden;
    white-space: nowrap; }
  #offerte .acties_scroller {
    position: relative;
    left: 0px;
    transition: 0.2s; }
  #offerte .acties_slide {
    display: inline-block;
    width: 100%;
    padding: 0 50px;
    white-space: normal;
    vertical-align: top; }
  #offerte form {
    margin-bottom: 50px; }
  #offerte input {
    border: 1px solid white;
    border-radius: 5px;
    width: 100%;
    height: 38px;
    padding-left: 8px;
    margin-bottom: 16px;
    color: white;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none; }
    #offerte input:hover, #offerte input:focus {
      border-color: #a7c6fb; }
  #offerte textarea {
    border: 1px solid white;
    border-radius: 5px;
    width: 100%;
    height: calc(100% - 16px);
    padding: 8px 0;
    padding-left: 8px;
    margin-bottom: 16px;
    color: white;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none; }
    #offerte textarea:hover, #offerte textarea:focus {
      border-color: #a7c6fb; }
  #offerte .row {
    position: relative;
    width: 80%;
    margin-top: 15px; }
    @media (max-width: 1023px) {
  #offerte .row {
    width: 100%; } }
    #offerte .row button {
      position: absolute;
      right: 0;
      border-radius: 5px;
      background-color: #fc3;
      border-bottom: 2px solid #dda824;
      color: white;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 800;
      border-top: none;
      border-left: none;
      border-right: none;
      padding: 8px 15px;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      transition: 0.2s;
      cursor: pointer; }
    #offerte .row button:hover {
      transition: 0.2s;
      background-color: #dda824;
      border-bottom-color: #dda824; }

#downloads {
  padding-top: 0px; }
  @media (max-width: 1023px) {
  #downloads {
    padding-bottom: 30px; } }
  #downloads .mlr50px {
    margin: 0 50px; }
    @media (max-width: 1023px) {
  #downloads .mlr50px {
    margin: 0; } }
  @media (max-width: 1023px) {
    #downloads .mb50px_on_mobile {
      margin-bottom: 50px; } }
  #downloads .subtitle {
    color: #039;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 5px 0 22px 0; }
  #downloads .title {
    font-size: 26px;
    line-height: 28px;
    font-weight: 900;
    color: black;
    text-transform: uppercase;
    margin: 5px 0 15px 0;
    font-family: 'Montserrat', sans-serif; }
    @media (max-width: 1023px) {
  #downloads .title {
    font-size: 22px; } }
  #downloads .download {
    margin: 10px;
    padding: 30px 0 10px 0;
    border-radius: 20px;
    transition: 0.2s; }
    #downloads .download img {
      width: 70px; }
    #downloads .download:hover {
      background: #efefef;
      transition: 0.2s;
      text-decoration: none; }

#contact {
  margin-bottom: -5px; }
  #contact h4 {
    font-size: 12px;
    margin-bottom: 20px; }
  #contact h3 {
    font-size: 26px;
    margin-bottom: 50px;
    font-family: 'Rubik', sans-serif; }
  #contact ul {
    margin-left: 30px; }
    #contact ul li {
      list-style-type: none;
      line-height: 24px;
      margin-bottom: 14px;
      color: white;
      font-size: 14px; }
    #contact ul li .fa {
      width: 20px;
      text-align: center;
      margin-right: 10px;
      margin-left: -30px;
      font-size: 12px; }
  #contact .contact_box {
    position: relative;
    background-color: #039;
    width: 645px;
    display: inline-block;
    vertical-align: top; }
    @media (min-width: 1023px) {
  #contact .contact_box {
    height: 375px; } }
    @media (max-width: 1024px) {
  #contact .contact_box {
    width: 315px; } }
    @media (max-width: 1023px) {
  #contact .contact_box {
    width: 100%; } }
  #contact .contact_container {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: auto;
    padding: 50px 0; }
    @media (max-width: 1024px) {
  #contact .contact_container {
    left: 15px;
    width: auto; } }
    @media (max-width: 1023px) {
  #contact .contact_container {
    position: relative;
    display: block;
    margin: 0 auto;
    width: calc(100% - 30px);
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    padding: 30px 0; } }
    #contact .contact_container h3 {
      text-transform: uppercase; }
  #contact .maps_box {
    background-color: #999;
    height: 375px;
    width: calc(100% - 645px);
    display: inline-block; }
    @media (max-width: 1024px) {
  #contact .maps_box {
    width: calc(100% - 315px); } }
    @media (max-width: 1023px) {
  #contact .maps_box {
    width: 100%; } }
  #contact .arrow_box {
    display: inline-block;
    height: 250px;
    z-index: 5; }
  #contact .arrow-right {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #039;
    margin-right: -60px; }
    @media (max-width: 1023px) {
  #contact .arrow-right {
    display: none; } }

.toTop {
  display: none;
  position: fixed;
  z-index: 5000;
  right: 50px;
  bottom: 100px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 40px;
  width: 40px;
  height: 40px;
  font-size: 32px;
  color: #039;
  text-align: center; }

@media (max-width: 1023px) {
  .toTop {
    right: 5px;
    bottom: 5px; } }

@keyframes move_chevron {
  25% {
    opacity: 1; }

  33.3% {
    opacity: 1;
    transform: translateY(30.4px); }

  66.6% {
    opacity: 1;
    transform: translateY(41.6px); }

  100% {
    opacity: 0;
    transform: translateY(64px) scale(0.5); } }