@font-face {
  font-family: 'MaisonNeue';
  src:
  url('../fonts/MaisonNeue-Book.woff2') format('woff2'),
  url('../fonts/MaisonNeue-Book.woff') format('woff');
}

@font-face {
  font-family: 'MaisonNeueDemi';
  src:
  url('../fonts/MaisonNeue-Demi.woff2') format('woff2'),
  url('../fonts/MaisonNeue-Demi.woff') format('woff');
}

@font-face {
  font-family: 'MaisonNeueBold';
  src:
  url('../fonts/MaisonNeue-Bold.woff2') format('woff2'),
  url('../fonts/MaisonNeue-Bold.woff') format('woff');
}

.demi {
  font-family: 'MaisonNeueDemi', arial, sans-serif;
}

.bold {
  font-family: 'MaisonNeueBold', arial, sans-serif;
}

h1, .h1 {
  margin: 0;
  padding: 0;
  font-family: 'MaisonNeue', arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

h2, .h2 {
  margin: 0;
  padding: 0;
  font-family: 'MaisonNeueDemi', arial, sans-serif;
  font-size: 60px;
  line-height: 70px;
}

h3, .h3 {
  margin: 0;
  padding: 0;
  font-family: 'MaisonNeue', arial, sans-serif;
  font-size: 26px;
  line-height: 32px;
}

h4, .h4 {
  margin: 0;
  padding: 0;
  font-family: 'MaisonNeueBold', arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
}

.font-xxxxsmall {
  font-size: 9px;
}

.font-xxxsmall {
  font-size: 10px;
}

.font-xxsmall {
  font-size: 12px;
}

.font-xsmall {
  font-size: 14px;
}

.font-small {
  font-size: 16px;
  line-height: 24px;
}

.font-regular {
  font-size: 18px;
  line-height: 28px;
}

.font-large {
  font-size: 20px;
  line-height: 36px;
}

.font-xlarge {
  font-size: 24px;
  line-height: 38px;
}

.font-xxlarge {
  font-size: 30px;
  line-height: 42px;
}

.font-xxxlarge {
  font-size: 34px;
  line-height: 48px;
}

.line-through {
  text-decoration: line-through;
}

.line-height-less {
  line-height: 22px;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

.no-underline:hover {
  text-decoration: none;
}

.dropcap {
  font-family: 'Karla', arial, sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
  margin-right: 10px;
  line-height: 56px;
  font-size: 60px;
}

.caps {
  text-transform: uppercase;
}

a.white {
  color: #ffffff !important;
}

a.red {
  color: #FE7F70 !important;
}

a.red:hover {
  color: #CF5B4E !important;
}

a.grey:hover {
  color: #646363;
}

/* Icon Font */

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?sajmgt');
  src:  url('../fonts/icomoon.eot?sajmgt#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?sajmgt') format('truetype'),
    url('../fonts/icomoon.woff?sajmgt') format('woff'),
    url('../fonts/icomoon.svg?sajmgt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-computable:before {
  content: "\e917";
}
.icon-emerce:before {
  content: "\e916";
}
.icon-pin:before {
  content: "\e915";
}
.icon-paper-plane:before {
  content: "\e914";
}
.icon-arrow-left:before {
  content: "\e911";
}
.icon-hoedje:before {
  content: "\e90e";
}
.icon-wrench:before {
  content: "\e90f";
}
.icon-rgb:before {
  content: "\e910";
}
.icon-hamburger:before {
  content: "\e90d";
}
.icon-arrow-big:before {
  content: "\e909";
}
.icon-stripes-big:before {
  content: "\e90c";
}
.icon-logo2:before {
  content: "\e90b";
}
.icon-top-accents:before {
  content: "\e90a";
}
.icon-star:before {
  content: "\e913";
}
.icon-corner-star-1:before {
  content: "\e902";
}
.icon-corner-star-2:before {
  content: "\e912";
}
.icon-get-icon-1:before {
  content: "\e903";
}
.icon-get-icon-2:before {
  content: "\e904";
}
.icon-get-icon-3:before {
  content: "\e905";
}
.icon-get-icon-4:before {
  content: "\e906";
}
.icon-get-icon-5:before {
  content: "\e907";
}
.icon-get-icon-6:before {
  content: "\e908";
}
.icon-brandmark:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e900";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-linkedin2:before {
  content: "\eaca";
}
