/* $fontColor: #838384; */
/* FastarTechniek */
/* $fontColor: #838384; */
/* FastarTechniek */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,800,900|Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700');
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

body {
  width: 100%;
  font-family: 'Rubik', sans-serif;
  overflow-y: scroll;
  background-color: #f7f7f7; }

.grecaptcha-badge {
  display: none; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

p {
  color: #606060; }

li {
  color: #606060; }

#header-slider {
  background: url('https://beta.fastartechniek.nl/media/Slider/1.jpg?v=1');
  padding: 20px 0;
  background-size: cover;
  background-position: center; }
  #header-slider h1 {
    display: inline-block;
    font-weight: bold;
    font-family: 'Montserrat';
    font-size: 32px;
    color: #fcfcfc;
    margin-top: 40px;
    text-transform: uppercase; }
  #header-slider .breadcrumbs {
    margin: 10px 0 40px;
    color: white;
    font-size: 18px; }
    #header-slider .breadcrumbs a {
      color: white; }

input {
  border-radius: 0; }
  input:focus {
    outline: none; }
  input.wrong {
    border: solid 1px red !important; }
  input.number {
    width: 40px;
    height: 28px;
    color: #808080;
    font-weight: 600;
    background-color: #f9f9f9;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    padding-left: 10px;
    margin: 17.5px 11px; }
    input.number:focus {
      outline: none; }

.wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px; }

.wrapper_desktop_only {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px; }
  @media (max-width: 1023px) {
  .wrapper_desktop_only {
    max-width: 100%;
    padding: 0; } }

@media (max-width: 1023px) {
    .hide_on_mobile {
      display: none !important; } }

section {
  background: white;
  display: block;
  padding: 100px 0; }
  section .arrow {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #eee;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }

.btn {
  display: inline-block;
  width: auto;
  line-height: 40px;
  padding: 0px 17px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: ;
  text-decoration: none;
  font-weight: normal;
  letter-spacing: 1px;
  transition: 0.2s;
  text-align: center;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out; }
  .btn:not(.btn-square) {
    border-radius: 10px; }
  .btn-clear {
    margin-left: 20px;
    background: white;
    color: #2168b2;
    border: solid 1px #2168b2; }
    .btn-clear:hover {
      background: #2168b2;
      color: white; }
  .btn-dark {
    background: #18447a;
    color: white;
    box-shadow: 1px 3px 9px 1px #aaa; }
    .btn-dark:hover {
      background-color: #0c2b52; }
  .btn-full {
    width: 100%; }
  .btn:hover {
    text-decoration: none; }

ol {
  margin-left: 15px;
  /* FastarTechniek */ }
  ol li {
    padding-left: 10px; }

.padding0 {
  padding: 0 !important; }

.inline-block {
  display: inline-block; }

.mb50px {
  margin-bottom: 50px;
  /* flex container */ }

.container_flex {
  display: flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex; }

@media (max-width: 1023px) {
  .flex_direction_column {
    flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    /* display: block; */
    -webkit-flex-direction: column; } }

.space_between {
  justify-content: space-between; }

.isflex1 {
  flex: 1;
  -o-flex: 1;
  -ms-flexbox: 1;
  -moz-flex: 1;
  -webkit-flex: 1; }

.isflex2 {
  flex: 2;
  -o-flex: 2;
  -ms-flexbox: 2;
  -moz-flex: 2;
  -webkit-flex: 2; }

.pr10px {
  padding-right: 10px; }

.pl10px {
  padding-left: 10px; }

@media (max-width: 1023px) {
  .pr10px {
    padding-right: 0; }

  .pl10px {
    padding-left: 0; } }