@charset "UTF-8";
@import url("//hello.myfonts.net/count/2e5fbd");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.hide-all {
  display: none !important;
}

.show-small {
  display: block !important;
}

.hide-medium {
  display: none !important;
}

.hide-small {
  display: none !important;
}

.show-medium {
  display: block !important;
}

@media only screen and (min-width: 1024px) {
  .hide-large {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .show-large {
    display: block !important;
  }
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.show-desktop {
  display: none;
  /*@media only screen and (min-width:1024px) {
    display: block;
  }*/
}
@media only screen and (min-width: 1024px) {
  .show-desktop {
    display: block;
  }
}

.show-for-small-screens {
  display: none;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .show-for-small-screens {
    display: block !important;
  }
}

.show-for-mobile {
  display: none;
}
@media only screen and (max-width: 640px) {
  .show-for-mobile {
    display: block;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .show-for-mobile {
    display: block;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .show-for-mobile {
    display: block;
  }
}

.hide-for-mobile {
  display: block;
}
@media only screen and (max-width: 640px) {
  .hide-for-mobile {
    display: none;
  }
}

.row {
  margin: 0pt auto;
}
.row.padding-needed {
  padding: 0 20px;
}

[class*='col-'] {
  float: left;
  margin-left: 2.1276595745%;
}
[class*='col-']:first-of-type {
  margin-left: 0;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  [class*='col-'] {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  [class*='col-'] {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  [class*='col-'].pushed {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  [class*='col-'].pulled {
    margin-left: -100%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid.example-grid .grid-item.pushed {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid.example-grid .grid-item.pulled {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.typography img {
  max-width: 100%;
  height: auto;
}

.row {
  margin: 0pt auto;
  max-width: 980px;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1280px) {
  .xxl .row {
    max-width: 1140px;
  }
}

@media only screen and (min-width: 1280px) {
  .xxl footer .row {
    max-width: 980px;
  }
}

.col-1-4 {
  width: 25%;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-1-4 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .col-1-4 {
    width: 100%;
  }
}

.col-2-2 {
  max-width: 40em;
}
.col-2-2.centered {
  margin: 0pt auto;
  float: none;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-2-2 {
    width: auto;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  .col-2-2 {
    width: auto;
    padding: 0 20px;
  }
}

.col-3-12 {
  width: 23.4042553191%;
}
@media only screen and (min-width: 1280px) {
  .xxl .col-3-12 {
    width: 27.2727272727%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-3-12 {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .col-3-12 {
    width: 100%;
  }
}

.xxl footer .col-3-12 {
  width: 23.4042553191%;
}

.col-4-12 {
  width: 31.914893617%;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-4-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .col-4-12 {
    width: 100%;
  }
}

.col-5-12 {
  width: 40.4255319149%;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-5-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .col-5-12 {
    width: 100%;
  }
}

@media only screen and (min-width: 1280px) {
  .support-page .col-5-12.offset-1 {
    width: calc(48.9361702128 - 100px) !important;
    margin-left: 100px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .support-page .col-5-12.offset-1 {
    width: calc(48.9361702128 - 100px) !important;
    margin-left: 100px !important;
  }
}

.col-6-12 {
  width: 48.9361702128%;
}
@media only screen and (max-width: 640px) {
  .col-6-12.centered {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-6-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .col-6-12 {
    width: 100%;
  }
}

.col-6-12:nth-of-type(3n) {
  margin-left: 0;
}
.col-6-12.fifty {
  width: 50%;
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .col-6-12.fifty {
    width: 100%;
  }
}

.col-7-12 {
  width: 57.4468085106%;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-7-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .col-7-12 {
    width: 100%;
  }
}

.col-8-12 {
  width: 65.9574468085%;
}
@media only screen and (min-width: 1280px) {
  .xxl .col-8-12 {
    width: 63.6363636364%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .col-8-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-8-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .col-8-12 {
    width: 100%;
  }
}

.col-9-12 {
  width: 74.4680851064%;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .col-9-12 {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-9-12 {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .col-9-12 {
    width: 100%;
    margin-left: 0;
  }
}

.col-10-12 {
  width: 82.9787234043%;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .col-10-12 {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-10-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .col-10-12 {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .row .offset-2 {
    margin-left: 17.0212765957% !important;
  }
}

.smaller-row {
  margin: 0 auto;
  max-width: 660px;
  padding: 0 20px;
}
@media only screen and (min-width: 1280px) {
  .xxl .smaller-row {
    max-width: 700px;
  }
}
.smaller-row .col-4-12 {
  width: 48.3870967742%;
  margin-left: 3.2258064516%;
}
.smaller-row .col-4-12:first-of-type {
  margin-left: 0;
}
.smaller-row .col-4-12:nth-of-type(3n) {
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .smaller-row .col-4-12 {
    width: 100%;
  }
}
.smaller-row img {
  max-width: 100%;
  height: auto;
}

.col-12-12 {
  width: 100%;
}

.relative {
  position: relative;
}

.fifty-percent-column {
  width: 50%;
  float: left;
}
@media only screen and (min-width: 1024px) {
  .fifty-percent-column img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .fifty-percent-column {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .fifty-percent-column {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .hunderd-percent-column img {
    width: 100%;
    height: auto;
  }
}

.reset-line-height {
  line-height: 0;
}

.teaser-image {
  /*
  @include respond-to(handhelds) {
    @include center();
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  */
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .teaser-image {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}

.teaser-block:last-of-type {
  border-bottom: 1px solid #EBEBEB;
}
.teaser-block .pushed {
  margin-left: 50%;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .teaser-block .pushed {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .teaser-block .pushed {
    margin-left: 0;
  }
}
.teaser-block .pulled {
  margin-left: -100%;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .teaser-block .pulled {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .teaser-block .pulled {
    margin-left: 0;
  }
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .article-intro .col-2-2 {
    max-width: 30em;
  }
}
@media only screen and (max-width: 640px) {
  .article-intro .col-2-2 {
    max-width: 30em;
  }
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .group-choice .col-6-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .group-choice .col-6-12 {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .offset-1 {
    margin-left: 100px !important;
  }
}

body.grid-on {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 1px, transparent 5%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 1px, transparent 5%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 1px, transparent 5%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0) 5%);
  -webkit-background-size: 100% 10px;
  -moz-background-size: 100% 10px;
  -o-background-size: 100% 10px;
}

.grid-on article {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.align-center {
  max-width: 780px;
  padding: 0 5rem;
  text-align: center;
  margin: 0 auto;
}

@media only screen and (max-width: 480px) {
  .align-center {
    padding: 0;
  }
}
.full-row .negative-margin {
  margin-left: -60px;
}
@media only screen and (max-width: 640px) {
  .full-row .negative-margin {
    margin-left: 0;
  }
}

.row-1260 {
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.row-1260 .col-1-3 {
  width: calc(33.3333333% - 60px);
  margin-left: 60px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .row-1260 .col-1-3 {
    width: 50%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .row-1260 .col-1-3 {
    width: calc(100%);
    margin-left: 0;
  }
}
.row-1260 .col-1-4 {
  width: calc(25% - 60px);
  margin-left: 60px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .row-1260 .col-1-4 {
    width: calc(50% - 20px);
    margin-left: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .row-1260 .col-1-4 {
    width: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .row-1260 .negative-margin {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .row-1260 .negative-margin {
    margin-left: 0;
  }
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .function-section .col-1-4 {
    width: calc(50% - 20px);
    margin-left: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .function-section .col-1-4 {
    width: calc(100% - 20px);
    margin-left: 20px;
  }
}

.grid-item {
  width: 25%;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid-item {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .grid-item {
    width: 100%;
  }
}
.grid-item.w2 {
  width: 50%;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid-item.w2 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .grid-item.w2 {
    width: 100%;
  }
}

.grid-item.large-item {
  width: 50%;
}

.grid-item img {
  width: 100%;
  height: auto;
}

.grid-item.w3 {
  width: 100%;
}
.grid-item.w3 img {
  width: auto;
  height: auto;
}
.grid-item.partner_tile {
  width: calc(33.3333333% - 20px);
  position: relative;
}
@media only screen and (max-width: 640px) {
  .grid-item.partner_tile {
    width: calc(100% - 20px);
  }
}
.grid-item.partner_tile.highlighted_item {
  width: calc(100% - 20px);
}
.grid-item.partner_tile img {
  width: auto;
  height: auto;
}

.negative-margin {
  margin-left: -20px;
}

.pulse-shrink {
  animation-name: pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.wobble-vertical {
  transform: translateZ(0);
  backface-visibility: hidden;
  animation-name: wobble-vertical;
  animation-duration: 6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes wobble-vertical {
  79% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  85% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  90% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  95% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  97% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Pulse Shrink */
@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.icons .left {
  padding-right: 20px;
  float: left;
}
.icons .left span {
  position: relative;
}
.icons .left span:before {
  font-size: 50px;
  color: #333740;
}

.large-icon span {
  position: relative;
  padding-left: 110px;
}
.large-icon span:before {
  left: 0;
  top: 30%;
  position: absolute;
  font-size: 104px;
  color: #333740;
}

.right {
  text-align: left;
}

.content-holder {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  margin-top: 85px;
}
.content-holder span.title {
  font-size: 17px;
  color: #333740;
  display: block;
}
.content-holder p.small-icon {
  font-size: 90px;
  line-height: 90px;
  font-weight: 600;
}
.content-holder p.small-text {
  font-size: 48px;
}
.content-holder .left span {
  display: block;
  margin-top: 40px;
}

/* Social icons  */
ul.social {
  list-style: none;
}
ul.social li {
  list-style: none;
  float: left;
  margin-right: 10px;
  padding-left: 0;
  text-indent: 0;
}
ul.social li:before {
  content: "";
}
ul.social li a {
  display: block;
  font-size: 0;
  position: relative;
  content: "";
  width: 50px;
  height: 50px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background-color: #F0C32C;
}
ul.social li a:hover {
  background-color: #D5A810;
}
ul.social li a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 20px;
  color: #FFF;
}

.article-holder {
  position: relative;
}

.sticky-social {
  position: absolute;
  right: 50px;
  z-index: 60;
}
.sticky-social.fixed-sticky {
  position: fixed;
  top: 100px;
}
.sticky-social.fixed-sticky-bottom {
  position: absolute;
  bottom: 0px;
}
.sticky-social ul.social li {
  float: none;
  margin-bottom: 20px;
  padding-left: 0;
  text-indent: 0;
}
.sticky-social ul.social li:before {
  content: "";
}

.btn.close-remodal:after, .hero_cta_btn a.close-remodal:after {
  content: "\e609";
}

a.external {
  position: relative;
}
a.external:after {
  content: "\e608";
  position: absolute;
  color: #F0C32C;
  right: -23px;
  top: 4px;
}

/**
 * @license
 * MyFonts Webfont Build ID 3039165, 2015-06-09T09:12:55-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed ../fonts/melbourne(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Melbourne-Light by Marco Müller
 * URL: http://www.myfonts.com/fonts/marco-muller/melbourne/light/
 * 
 * Webfont: Melbourne-Bold by Marco Müller
 * URL: http://www.myfonts.com/fonts/marco-muller/melbourne/bold/
 * 
 * Webfont: Melbourne-Regular by Marco Müller
 * URL: http://www.myfonts.com/fonts/marco-muller/melbourne/regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3039165
 * Licensed pageviews: 800,000
 * ../fonts/melbourne copyright: Copyright © 2012 by Marco Mueller. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Melbourne-Light';
  src: url("../fonts/melbourne/2E5FBD_0_0.eot");
  src: url("../fonts/melbourne/2E5FBD_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/melbourne/2E5FBD_0_0.woff2") format("woff2"), url("../fonts/melbourne/2E5FBD_0_0.woff") format("woff"), url("../fonts/melbourne/2E5FBD_0_0.ttf") format("truetype");
}
@font-face {
  font-family: 'Melbourne-Bold';
  src: url("../fonts/melbourne/2E5FBD_1_0.eot");
  src: url("../fonts/melbourne/2E5FBD_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/melbourne/2E5FBD_1_0.woff2") format("woff2"), url("../fonts/melbourne/2E5FBD_1_0.woff") format("woff"), url("../fonts/melbourne/2E5FBD_1_0.ttf") format("truetype");
}
@font-face {
  font-family: 'Melbourne';
  src: url("../fonts/melbourne/2E5FBD_2_0.eot");
  src: url("../fonts/melbourne/2E5FBD_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/melbourne/2E5FBD_2_0.woff2") format("woff2"), url("../fonts/melbourne/2E5FBD_2_0.woff") format("woff"), url("../fonts/melbourne/2E5FBD_2_0.ttf") format("truetype");
}
body {
  -webkit-font-smoothing: antialiased;
  font-family: "Source Sans Pro", sans-serif;
  color: #333740;
}

a {
  text-decoration: none;
}

.typography {
  line-height: normal;
}

.h1, .typography h1, .typography .h1 {
  font-size: 3.125em;
  line-height: 1.2em;
  font-weight: 700;
  margin-bottom: 20px;
}

.h2, .typography h2, .typography .h2 {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 25px;
  font-weight: 700;
}

.h3, .typography h3, .typography .h3 {
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 10px;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600;
}
@media only screen and (max-width: 640px) {
  .h3, .typography h3, .typography .h3 {
    font-size: 38px;
    line-height: 72px;
  }
}

.h4, .typography h4, .typography .h4 {
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 10px;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600;
}
@media only screen and (max-width: 640px) {
  .h4, .typography h4, .typography .h4 {
    font-size: 19px;
    line-height: 36px;
  }
}

.p1 {
  font-size: 22px;
  line-height: 32px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 640px) {
  .p1 {
    line-height: 38px;
  }
}

.p2 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  .p2 {
    font-size: 22px;
    line-height: 38px;
  }
}

.p3 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 17px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
  color: #88979d;
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .p3 {
    font-size: 19px;
    line-height: 38px;
  }
}

.clr-white .h1, .clr-white .typography h1, .typography .clr-white h1, .clr-white .h2, .clr-white .typography h2, .typography .clr-white h2, .clr-white .p1, .clr-white .p2, .clr-white .link {
  color: #FFF;
}

strong {
  font-weight: 700;
}

.h1, .typography h1, .typography .h1, .h2, .typography h2, .typography .h2, .h3, .typography h3, .typography .h3, .h4, .typography h4, .typography .h4, .h5, .typography h5, .typography .h5, .h6, .typography h6, .typography .h6 {
  font-family: "Melbourne", sans-serif;
  text-rendering: optimizeLegibility;
}

p, ul, ol {
  color: #333740;
  -webkit-font-smoothing: antialiased;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 17px;
  line-height: 27px;
}
@media only screen and (max-width: 640px) {
  p, ul, ol {
    font-size: 19px;
    line-height: 36px;
  }
}

p.small {
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (max-width: 640px) {
  p.small {
    font-size: 15px;
    line-height: 25px;
  }
}

input, label {
  font-size: 0.875em;
  line-height: 2.1428571429em;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
}

.italic, .typography i, .typography em {
  font-style: italic;
}

.bold, .typography b, .typography strong {
  font-weight: 700;
}

.block-margins, .typography p, .typography ul, .typography ol, .typography pre {
  margin: 0;
  margin-bottom: 30px;
}

.unordered-list, .typography ul {
  list-style-type: none;
}

.smaller-row ul li {
  position: relative;
  padding-left: 20px;
}
.smaller-row ul li:before {
  font-size: 10px;
  left: 0;
  top: 8px;
  content: "\e60a";
  color: #F0C32C;
  position: absolute;
}

.ordered-list, .typography ol {
  list-style: decimal;
}

.typography ol {
  margin-left: 1em;
}

.centered {
  text-align: center;
}

.projects > .h3, .typography .projects > h3, .typography .projects > .h3 {
  text-transform: uppercase;
}

p.intro {
  font-weight: 700;
}

.link, h2.link, h3.link, h4.link {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 17px;
  line-height: 27px;
  font-weight: 600;
}
@media only screen and (max-width: 640px) {
  .link, h2.link, h3.link, h4.link {
    font-size: 19px;
    line-height: 36px;
  }
}

article.typography .field-intro p {
  font-size: 20px;
  line-height: 35px;
}
@media only screen and (min-width: 1280px) {
  .xxl article.typography .field-intro p {
    font-size: 22px;
    line-height: 36px;
  }
}
article.typography h2.link, article.typography h3.link, article.typography h4.link {
  line-height: 32px;
  margin-bottom: 0;
}
article.typography p {
  line-height: 32px;
}
@media only screen and (min-width: 1280px) {
  .xxl article.typography p {
    font-size: 19px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .xxl article.typography p.description {
    font-size: 14px;
    line-height: 24px;
  }
}
article.typography a {
  color: #6BDE78;
}
article.typography a:hover {
  color: #40AE4D;
  text-decoration: underline;
}

article.typography a.btn, article.typography .hero_cta_btn a, .hero_cta_btn article.typography a {
  color: #FFF;
}

.typography .three-column-holders li:before {
  top: 0;
}

@media only screen and (min-width: 1280px) {
  .xxl .typography ol li {
    font-size: 19px;
    line-height: 32px;
  }
}
.typography ul {
  list-style: none;
}
.typography ul li {
  padding-left: 1.5em;
  position: relative;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
.typography ul li:before {
  color: #6BDE78;
  left: -4px;
  top: 2px;
  font-family: 'mww';
  content: "\e630";
  position: absolute;
  font-size: 22px;
}
@media only screen and (min-width: 1280px) {
  .xxl .typography ul li {
    font-size: 19px;
    line-height: 32px;
  }
  .xxl .typography ul li:before {
    top: 5px;
  }
}
.typography ul.bullets li {
  padding-left: 1em;
}
.typography ul.bullets li:before {
  content: "\e60a";
  color: #333740;
}

article.typography .semi-bold {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
}

article.typography .larger-body-copy p {
  font-size: 20px;
  line-height: 35px;
}

p.extra-margin-bottom {
  margin-bottom: 60px;
}

.facet-icon {
  font-family: "Source Sans Pro", sans-serif !important;
}
.facet-icon:before {
  font-family: 'mww';
}
.facet-icon:after {
  font-family: 'mww';
}

span.updated {
  color: #88979d;
}

.column-icon:before {
  font-size: 50px;
}
.column-icon.centered {
  line-height: 50px;
}

.col-4-12 p:last-of-type {
  margin-bottom: 0;
}

article .col-4-12 .centered {
  max-width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  article .col-4-12 .centered {
    max-width: initial;
  }
}

/* this would be nice for all paragraph blocks but not for default content
article.typography p {
  &:last-of-type {
    margin-bottom: 0;
  }
}
*/
@font-face {
  font-family: 'mww';
  src: url("../fonts/mww/fonts/mww.eot?-bqns2");
  src: url("../fonts/mww/fonts/mww.eot?#iefix-bqns2") format("embedded-opentype"), url("../fonts/mww/fonts/mww.ttf?-bqns2") format("truetype"), url("../fonts/mww/fonts/mww.woff?-bqns2") format("woff"), url("../fonts/mww/fonts/mww.svg?-bqns2#mww") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], .iconfont, a.external:after, .smaller-row ul li:before, form.fancy-form button:after, .btn:after, .webform-client-form input.btn:after, .hero_cta_btn a:after, .remodal .typography.info ul li:before, .outside-grid.left:before, .alert-block h4:before, ul.summary li:before, .category-label:before, .mww-ball, ul.category-chooser li a:before, .results a.result-icon:after, .results a.result-icon .left-result:before, #scrollspy a.active:before, #scrollspy a.external-link:after, .align-left a.to-homepage:before, ul.support-facets li a.active:after, .yellow-arrow-link:after, [class*=" icon-"] {
  font-family: 'mww';
  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-MWW-svg-icon-set-up_how-to-guide:before {
  content: "\e901";
}

.icon-MWW-svg-icon-set-up_tricks-tips:before {
  content: "\e640";
}

.icon-MWW-svg-icon-set-up_spotlight:before {
  content: "\e641";
}

.icon-MWW-svg-icon-set-up_mobile:before {
  content: "\e642";
}

.icon-MWW-svg-icon-set-up_logo-icon-fill:before {
  content: "\e643";
}

.icon-MWW-svg-icon-set-up_logo-icon-line:before {
  content: "\e644";
}

.icon-MWW-svg-icon-set-up_helpcentrum-item:before {
  content: "\e645";
}

.icon-MWW-svg-icon-set-up_blog-item:before {
  content: "\e646";
}

.icon-idea:before {
  content: "\e63b";
}

.icon-warning:before {
  content: "\e63c";
}

.icon-loop:before {
  content: "\e63d";
}

.icon-phone:before {
  content: "\e63e";
}

.icon-email:before {
  content: "\e63f";
}

.icon-mww-icon_bullet:before {
  content: "\e630";
}

.icon-mww-icon_persoonlijk-01:before {
  content: "\e631";
}

.icon-mww-icon_persoonlijk-02:before {
  content: "\e632";
}

.icon-mww-icon_all:before {
  content: "\e633";
}

.icon-mww-icon_klantenmails:before {
  content: "\e634";
}

.icon-mww-icon_koffie:before {
  content: "\e635";
}

.icon-mww-icon_medewerkers:before {
  content: "\e636";
}

.icon-mww-icon_mobile-shopers:before {
  content: "\e637";
}

.icon-mww-icon_plezierig:before {
  content: "\e638";
}

.icon-mww-icon_regels-code:before {
  content: "\e639";
}

.icon-mww-icon_doen-waar-je-hart-ligt:before {
  content: "\e63a";
}

.icon-mww-icon-orders:before {
  content: "\e619";
}

.icon-mww-icon-producten:before {
  content: "\e61a";
}

.icon-mww-icon-review:before {
  content: "\e61b";
}

.icon-mww-icon-betaaldiensten:before {
  content: "\e61c";
}

.icon-mww-icon-verzending:before {
  content: "\e61d";
}

.icon-mww-icon-adverteren:before {
  content: "\e61e";
}

.icon-mww-icon-boekhoudpakket:before {
  content: "\e61f";
}

.icon-mww-icon-juridisch:before {
  content: "\e620";
}

.icon-mww-icon-productfotografie:before {
  content: "\e621";
}

.icon-mww-icon-reviewsites:before {
  content: "\e622";
}

.icon-mww-icon-statistieken:before {
  content: "\e623";
}

.icon-mww-icon-klantreviews:before {
  content: "\e624";
}

.icon-mww-icon-kortingscodes:before {
  content: "\e625";
}

.icon-mww-icon-nieuwsbrieven:before {
  content: "\e626";
}

.icon-mww-icon-alles-in-1-pakket:before {
  content: "\e627";
}

.icon-mww-icon-eenvoudig-beheer:before {
  content: "\e628";
}

.icon-mww-icon-support2:before {
  content: "\e629";
}

.icon-mww-icon-bestellen-en-betalen:before {
  content: "\e62a";
}

.icon-mww-icon-juridisch2:before {
  content: "\e62b";
}

.icon-mww-icon-paginas-en-artikelen:before {
  content: "\e62c";
}

.icon-mww-icon-domeinnaam:before {
  content: "\e62d";
}

.icon-mww-icon-e-mail:before {
  content: "\e62e";
}

.icon-mww-icon-starten:before {
  content: "\e62f";
}

.icon-mww-icon-mailsysteem:before {
  content: "\e613";
}

.icon-mww-icon-artikelbeheer:before {
  content: "\e614";
}

.icon-mww-icon-introductie:before {
  content: "\e615";
}

.icon-mww-icon-marketing-seo:before {
  content: "\e616";
}

.icon-mww-icon-ontwerp:before {
  content: "\e617";
}

.icon-mww-icon-support:before {
  content: "\e618";
}

.icon-linkedin:before {
  content: "\e606";
}

.icon-youtube:before {
  content: "\e60b";
}

.icon-googleplus:before {
  content: "\e60c";
}

.icon-instagram:before {
  content: "\e60d";
}

.icon-pinterest:before {
  content: "\e60e";
}

.icon-arrow-down:before {
  content: "\e60f";
}

.icon-arrow-left:before {
  content: "\e610";
}

.icon-bullet:before {
  content: "\e60a";
}

.icon-menu-close:before {
  content: "\e607";
}

.icon-link-extern:before {
  content: "\e608";
}

.icon-close-lightbox:before {
  content: "\e609";
}

.icon-arrow-down-home:before {
  content: "\e611";
}

.icon-checkmark:before {
  content: "\e604";
}

.icon-placeholder:before {
  content: "\e605";
}

.icon-arrow:before {
  content: "\e600";
}

.icon-facebook:before {
  content: "\e601";
}

.icon-twitter:before {
  content: "\e602";
}

.icon-vimeo:before {
  content: "\e603";
}

.icon-mail:before {
  content: "\e612";
}

.icon-MWW-svg-icon-set-up_mobile-point-of-sale:before {
  content: "\e903";
}

::-webkit-input-placeholder {
  color: #aaaaaa;
  font-weight: 400;
  font-size: 17px !important;
  font-family: "Source Sans Pro", sans-serif;
}

:-moz-placeholder {
  color: #aaaaaa;
  font-weight: 400;
  font-size: 17px !important;
  font-family: "Source Sans Pro", sans-serif;
}

::-moz-placeholder {
  color: #aaaaaa;
  font-weight: 400;
  font-size: 17px !important;
  font-family: "Source Sans Pro", sans-serif;
}

:-ms-input-placeholder {
  color: #aaaaaa;
  font-weight: 400;
  font-size: 17px !important;
  font-family: "Source Sans Pro", sans-serif;
}

.webform-client-form ::-webkit-input-placeholder {
  font-size: 16px !important;
}
.webform-client-form :-moz-placeholder {
  font-size: 16px !important;
}
.webform-client-form ::-moz-placeholder {
  font-size: 16px !important;
}
.webform-client-form :-ms-input-placeholder {
  font-size: 16px !important;
}

.ajax-progress.ajax-progress-throbber {
  position: absolute;
}
.ajax-progress.ajax-progress-throbber .throbber {
  position: absolute;
}

.alert-block {
  color: #FFF;
}
.alert-block.alert-error {
  background-color: #E61431;
}
.alert-block ul {
  padding: 5px;
}
.alert-block ul, .alert-block li {
  list-style: none;
  color: #FFF;
  text-align: left;
}
.alert-block ul.krumo-node li {
  color: #000;
}

form.fancy-form {
  max-width: 620px;
  position: relative;
  margin: 0 auto;
  position: relative;
}
form.fancy-form input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-radius: 4px;
  width: 100%;
  font-family: "Source Sans Pro", sans-serif;
}
form.fancy-form .input-text {
  height: 50px;
  padding-left: 25px;
  -moz-border-radius: 4px 25px 25px 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 25px 25px 4px;
  max-width: 99%;
}
@media only screen and (max-width: 640px) {
  form.fancy-form .input-text {
    border: 1px solid #eeeeee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
  }
}
form.fancy-form button {
  position: absolute;
  right: 0;
  height: 50px;
  top: 0;
  border: none;
  border-radius: 0;
  color: #FFF;
  font-size: 17px;
  font-weight: 600;
  font-family: "Source Sans Pro", sans-serif;
  padding-right: 40px;
  padding-left: 23px;
  -moz-border-radius: 0px 25px 25px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 25px 25px 0px;
}
@media only screen and (max-width: 640px) {
  form.fancy-form button {
    position: relative;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
  }
}
form.fancy-form button:hover {
  cursor: pointer;
}
form.fancy-form button:after {
  position: absolute;
  content: "\e600";
  top: 50%;
  bottom: auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  right: 17px;
}
form.fancy-form button.black {
  background-color: #212226;
}
form.fancy-form button.black:after {
  color: #F0C32C;
}
form.fancy-form button.light-grey {
  background-color: #D2D7E0;
  color: #333740;
}
form.fancy-form button.light-grey:after {
  color: #FFFFFF;
}

.btn, .webform-client-form input.btn, .hero_cta_btn a {
  border: none;
  color: #FFF;
  font-size: 17px;
  font-weight: 600;
  font-family: "Source Sans Pro", sans-serif;
  padding-right: 40px;
  padding-left: 18px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  display: inline-block;
  line-height: 17px;
  position: relative;
  padding-top: 17px;
  padding-bottom: 16px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.btn:hover, .webform-client-form input.btn:hover, .hero_cta_btn a:hover {
  cursor: pointer;
}
.btn:after, .webform-client-form input.btn:after, .hero_cta_btn a:after {
  position: absolute;
  content: "\e600";
  right: 15px;
  top: 50%;
  bottom: auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn.black, .webform-client-form input.black.btn, .hero_cta_btn a.black {
  background-color: #333740;
}
.btn.black:hover, .hero_cta_btn a.black:hover {
  background-color: #212226;
}
.btn.black:after, .hero_cta_btn a.black:after {
  color: #F0C32C;
}
.btn.white, .webform-client-form input.white.btn, .hero_cta_btn a.white {
  background-color: #FFFFFF;
  color: #333740 !important;
}
.btn.white:after, .hero_cta_btn a.white:after {
  color: #F0C32C;
}
.btn.red, .webform-client-form input.red.btn, .hero_cta_btn a.red {
  background-color: #E61431;
}
.btn.red:hover, .hero_cta_btn a.red:hover {
  background-color: #A5131A;
}
.btn.centered, .webform-client-form input.centered.btn, .hero_cta_btn a.centered {
  margin: 0 auto;
  display: block;
  max-width: 200px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.btn.arrow-down, .webform-client-form input.arrow-down.btn, .hero_cta_btn a.arrow-down {
  margin: 0 auto;
  display: block;
  max-width: 200px;
  margin-top: 80px;
  margin-bottom: 80px;
}
.btn.green, .webform-client-form input.green.btn, .hero_cta_btn a.green {
  background-color: #6BDE78;
}
.btn.green:hover, .hero_cta_btn a.green:hover {
  background-color: #40AE4D;
}
.btn.border--green, .webform-client-form input.border--green.btn, .hero_cta_btn a.border--green {
  border: 1px solid #6BDE78;
}
.btn.border--green:hover, .hero_cta_btn a.border--green:hover {
  background-color: #40AE4D;
}
.btn.border--white, .webform-client-form input.border--white.btn, .hero_cta_btn a.border--white {
  border: 1px solid #FFF;
}
.btn.border--white:hover, .hero_cta_btn a.border--white:hover {
  background-color: #FFF;
  color: #333740;
}
.btn.small, .webform-client-form input.small.btn, .hero_cta_btn a.small {
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
}
.btn.small:after, .hero_cta_btn a.small:after {
  content: "";
}
.btn.no-arrow, .webform-client-form input.no-arrow.btn, .hero_cta_btn a.no-arrow {
  padding-left: 40px;
  padding-right: 40px;
}
.btn.no-arrow:after, .hero_cta_btn a.no-arrow:after {
  content: "";
}
.btn.yellow-arrow:after, .hero_cta_btn a.yellow-arrow:after {
  color: #F0C32C;
}
.btn.to-support, .webform-client-form input.to-support.btn, .hero_cta_btn a.to-support {
  margin-bottom: 60px;
}

.select-holder {
  margin: 0 auto;
}
.select-holder select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
  background-color: #FFF;
  font-size: 16px;
  width: 100%;
  text-align: left;
  height: 50px;
  line-height: 50px;
  position: relative;
  background-image: url("../images/arrow_down.png");
  background-position: 95% center;
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-right: 24px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
}

.btn.reset, .webform-client-form input.reset.btn, .hero_cta_btn a.reset {
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background-color: #FFF;
  color: #333740;
  margin-top: 0;
  right: -120px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .btn.reset, .webform-client-form input.reset.btn, .hero_cta_btn a.reset {
    left: 0;
    right: 0;
    top: 20px;
    position: relative;
  }
}
@media only screen and (max-width: 640px) {
  .btn.reset, .webform-client-form input.reset.btn, .hero_cta_btn a.reset {
    right: 0;
    margin-left: 20px;
  }
}
.btn.reset:after, .hero_cta_btn a.reset:after {
  content: "\e609";
  color: #F0C32C;
}

/* only forms with this form-horizontal class plz */
form.form-horizontal {
  width: 60%;
}
@media only screen and (max-width: 640px) {
  form.form-horizontal {
    width: 100%;
  }
}
form.form-horizontal .control-group {
  margin-bottom: 20px;
  clear: both;
  width: 100%;
  float: left;
}
form.form-horizontal .control-label {
  clear: both;
  padding-top: 5px;
  margin: 0px;
  width: 100%;
  float: left;
  text-align: left;
}
@media only screen and (max-width: 640px) {
  form.form-horizontal .control-label {
    width: 100%;
    float: none;
    text-align: left;
  }
}
form.form-horizontal .control-label .form-required {
  color: #E61431;
}
form.form-horizontal .controls {
  clear: both;
  padding-top: 5px;
  margin: 0px;
  width: 100%;
  float: left;
  text-align: left;
}
@media only screen and (max-width: 640px) {
  form.form-horizontal .controls {
    margin-left: 0;
    margin-top: 0;
  }
}
form.form-horizontal .help-block {
  display: block;
  font-size: 12px;
}
form.form-horizontal label {
  display: block;
  margin-bottom: 5px;
}
@media only screen and (max-width: 640px) {
  form.form-horizontal input {
    width: 100%;
  }
}
form.form-horizontal .form-actions.form-wrapper {
  margin-left: 180px;
}
@media only screen and (max-width: 640px) {
  form.form-horizontal .form-actions.form-wrapper {
    margin-left: 0;
  }
}
form.form-horizontal .btn, form.form-horizontal .hero_cta_btn a, .hero_cta_btn form.form-horizontal a {
  padding-left: 40px;
  padding-right: 40px;
}
form.form-horizontal .form-actions .form-submit {
  background-color: #6BDE78;
}
form.form-horizontal .form-actions .form-submit:hover {
  background-color: #40AE4D;
}
form.form-horizontal .form-managed-file .file a {
  position: relative;
  width: auto;
  height: auto;
  display: inline;
}

.form-managed-file .form-file,
.form-managed-file .form-submit {
  margin: 0;
  line-height: 13px;
  /* border: none; */
  margin-top: 10px;
  padding-top: 15px;
}

.experts-contact-holder {
  margin-top: -80px;
  margin-bottom: 80px;
}

.experts.contact {
  width: 60%;
  max-width: 100%;
}
@media only screen and (max-width: 640px) {
  .experts.contact {
    width: 100%;
  }
}
.experts.contact p {
  margin-top: 0px !important;
  margin-bottom: 10px;
}

.webform-client-form label {
  font-size: 14px;
}
.webform-client-form span.tiny {
  font-size: 12px;
  float: left;
  margin-top: 12px;
  margin-left: 5px;
}
.webform-client-form .form-type-managed-file label {
  float: left;
  width: initial;
}
.webform-client-form input, .webform-client-form textarea {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 300px;
  max-width: 100%;
  height: 50px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #d2d7e0;
  font-size: 17px;
  line-height: 50px;
  padding: 0 20px;
}
.webform-client-form textarea {
  font-size: 16px;
  line-height: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.webform-client-form input[type='submit'] {
  background-color: #88979d;
}
.webform-client-form textarea {
  width: 100%;
  max-width: 620px;
  min-height: 200px;
  max-width: 100%;
  font-family: inherit;
}
.webform-client-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
  width: 300px;
  max-width: 100%;
  height: 50px;
  background-color: #fff;
  border: solid 1px #d2d7e0;
  background-color: #FFF;
  font-size: 16px;
  text-align: left;
  line-height: 50px;
  position: relative;
  background-image: url("../images/arrow_down.png");
  background-position: 95% center;
  background-repeat: no-repeat;
  padding-left: 10px;
}

form.form-horizontal label {
  font-size: 16px;
}

.form-managed-file .form-file {
  width: 100%;
  border: 1px dashed #D2D7E0;
}

.file-upload-js-error {
  border: 1px solid red;
  padding: 10px;
  background-color: #E61431;
  color: #FFF;
  width: calc(100% - 20px);
}

form.form-horizontal .form-type-managed-file label {
  display: none;
}

table.sticky-table .btn, table.sticky-table .hero_cta_btn a, .hero_cta_btn table.sticky-table a {
  margin: 10px 0;
}
table.sticky-table tr td:last-of-type input {
  font-size: 0;
  background-image: url(../images/svg/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  color: #FFF;
  padding: 0;
  width: 100px;
  background-size: 20%;
  margin-left: 0;
}
table.sticky-table tr td:last-of-type input.form-submit {
  margin-left: 0 !important;
}
@media only screen and (max-width: 640px) {
  table.sticky-table tr td:last-of-type input {
    height: 50px;
    width: 70px !important;
  }
}

.form-type-managed-file .help-block {
  display: block;
  width: calc(100% - 20px);
  margin-top: 10px;
  margin-left: -20px;
}

.webform-client-form span.form-required {
  display: none;
}
.webform-client-form td {
  padding-left: 20px;
}
.webform-client-form textarea {
  font-family: inherit;
}
.webform-client-form table thead th:nth-child(3) {
  display: none;
}

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  zoom: 1;
  *display: inline;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.chosen-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border-top: 0;
  background: #fff;
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 45px;
  background-color: #fff;
  background-clip: padding-box;
  color: #333740;
  text-decoration: none;
  white-space: nowrap;
  line-height: 45px;
}
.chosen-container-single .chosen-default {
  color: #333740;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: #fff url('../images/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../images/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMzODc1ZDciLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJhNjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZThlOGU4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZThlOGU4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: #fff url('../images/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../images/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../images/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
.select-holder {
  max-width: 620px;
  margin: 0 auto;
}

.chosen-container {
  width: 100% !important;
}

/*
 *  Remodal - v1.0.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
  animation: remodal-overlay-opening-keyframes 0.3s;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
  animation: remodal-overlay-closing-keyframes 0.3s;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation: remodal-opening-keyframes 0.3s;
  animation: remodal-opening-keyframes 0.3s;
}

.remodal.remodal-is-closing {
  -webkit-animation: remodal-closing-keyframes 0.3s;
  animation: remodal-closing-keyframes 0.3s;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/*
 *  Remodal - v1.0.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

.remodal {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .remodal {
    max-width: 980px;
  }
}
@media only screen and (min-width: 1024px) {
  .remodal.fullwidth--modal {
    max-width: 80%;
  }
}
@media only screen and (min-width: 1024px) {
  .remodal.small__remodal {
    max-width: 640px;
  }
}
.remodal.recaptcha__remodal .g-recaptcha {
  margin-bottom: 30px !important;
}
.remodal.recaptcha__remodal .btn, .remodal.recaptcha__remodal .hero_cta_btn a, .hero_cta_btn .remodal.recaptcha__remodal a {
  margin-top: 0px !important;
}
.remodal img {
  max-width: 100%;
  height: auto;
}
.remodal .info {
  background-color: #FFF;
  padding: 0 20px;
  padding-top: 48px;
  max-width: 620px;
  margin: 0 auto;
}
.remodal .info a {
  color: #333740;
  font-weight: 600;
}
.remodal .info .link {
  margin-bottom: 50px;
  display: inline-block;
}

.modal-header {
  padding: 28px 0;
  background-color: #FFF;
  position: relative;
  height: 80px;
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.modal-header .btn, .modal-header .webform-client-form input.btn, .webform-client-form .modal-header input.btn, .modal-header .hero_cta_btn a, .hero_cta_btn .modal-header a {
  position: absolute;
  right: 20px;
  top: 20px;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 38px;
  padding-bottom: 0;
  padding-top: 0;
}

.modal-content {
  overflow: hidden;
  line-height: 0;
}
.modal-content img {
  line-height: 0;
}
.modal-content .modal-pager {
  top: 50%;
  margin-top: 10px;
  height: 50px;
  width: 100%;
  position: absolute;
}
.modal-content .modal-pager .modal-pager-left {
  float: left;
  margin-left: 20px;
  width: 40px;
  height: 40px;
  -moz-border-radius: 19px / 20px;
  -webkit-border-radius: 19px 20px;
  border-radius: 19px / 20px;
  background-color: #333740;
  cursor: pointer;
}
.modal-content .modal-pager .modal-pager-left a {
  color: #fff;
  line-height: 40px;
  font-size: 0;
  position: relative;
}
.modal-content .modal-pager .modal-pager-left a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin-top: 6px;
  margin-left: -1px;
  content: url(../images/modal/left-side-arrow.png);
}
.modal-content .modal-pager .modal-pager-right {
  float: right;
  width: 40px;
  height: 40px;
  -moz-border-radius: 19px / 20px;
  -webkit-border-radius: 19px 20px;
  border-radius: 19px / 20px;
  background-color: #333740;
  margin-right: 20px;
  cursor: pointer;
}
.modal-content .modal-pager .modal-pager-right a {
  position: relative;
  color: #fff;
  line-height: 40px;
  font-size: 0;
}
.modal-content .modal-pager .modal-pager-right a:before {
  position: absolute;
  margin-top: 6px;
  margin-right: -1px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  content: url(../images/modal/right-side-arrow.png);
}

.logo-placeholder {
  min-height: 300px;
  width: 100%;
}
.logo-placeholder img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.remodal .typography.info ul li {
  position: relative;
  font-size: 17px;
  padding-left: 20px;
  text-indent: 0;
}
.remodal .typography.info ul li:before {
  left: 0;
  top: 8px;
  content: "\e60a";
  text-indent: 0;
  font-size: 12px;
  color: #F0C32C;
  position: absolute;
}

.remodal .btn.green, .remodal .hero_cta_btn a.green, .hero_cta_btn .remodal a.green {
  color: #FFF;
}

.g-recaptcha > div {
  margin: 0 auto;
}

.modal__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 0;
  height: 0;
}

.modal__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lazy-load-placeholder {
  min-height: 80px;
  position: relative;
  width: 100%;
}
.lazy-load-placeholder:before, .lazy-load-placeholder:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 20px;
}
.lazy-load-placeholder:before {
  z-index: 99;
  background-image: url(../images/mos-logo-top.png);
  transform-origin: 50% 13px;
  animation: logo-loader-top-general linear 1s infinite;
}
.lazy-load-placeholder:after {
  z-index: 98;
  background-image: url(../images/mos-logo-bottom.png);
  transform-origin: 50% 0;
  animation: logo-loader-bottom-general linear 2s infinite;
  animation-direction: reverse;
}
.lazy-load-placeholder:before {
  background-image: url(../images/mos-logo-grey-top.png);
}
.lazy-load-placeholder:after {
  background-image: url(../images/mos-logo-grey-bottom.png);
}

.ajax-progress .throbber {
  background: none;
}
.ajax-progress .throbber:before, .ajax-progress .throbber:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 20px;
}
.ajax-progress .throbber:before {
  z-index: 99;
  background-image: url(../images/mos-logo-top.png);
  transform-origin: 50% 13px;
  animation: logo-loader-top-general linear 1s infinite;
}
.ajax-progress .throbber:after {
  z-index: 98;
  background-image: url(../images/mos-logo-bottom.png);
  transform-origin: 50% 0;
  animation: logo-loader-bottom-general linear 2s infinite;
  animation-direction: reverse;
}
.ajax-progress .throbber:before {
  background-image: url(../images/mos-logo-grey-top.png);
}
.ajax-progress .throbber:after {
  background-image: url(../images/mos-logo-grey-bottom.png);
}

/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.top-of-page .swiper-wrapper {
  height: 100%;
}

.top-of-page .slider {
  position: relative;
  width: 100%;
  height: 100px;
}

.controls {
  position: relative;
  width: 100px;
  margin: 0 auto;
  margin-top: 50px;
}
.controls a {
  position: absolute;
  display: block;
  background-size: 100%;
  width: 12px;
  height: 12px;
}
.controls a.next {
  background-image: url(../images/arrow-right.png);
  right: 0;
}
.controls a.prev {
  background-image: url(../images/arrow-left.png);
  left: 0;
}
.controls .slides-counter {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 6px;
  font-size: 20px;
  color: #333740;
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .swiper-main-container .controls {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .swiper-main-container .controls {
    margin-top: 0;
    margin-bottom: 90px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .slideshow-fading .swiper-slide {
    float: none;
  }
}
@media only screen and (max-width: 640px) {
  .slideshow-fading .swiper-slide {
    float: none;
  }
}

.swiper-slide {
  float: none;
}

.swiper-main-container.mobile-only .swiper-slide {
  float: left;
}

.float-left {
  float: left;
}

/* move from / to  */
.page-moveToLeft {
  animation: moveToLeft .8s ease both;
}

.page-moveFromLeft {
  animation: moveFromLeft .8s ease both;
}

.page-moveToRight {
  animation: moveToRight .8s ease both;
}

.page-moveFromRight {
  animation: moveFromRight .8s ease both;
}

.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}

.come-in:nth-child(odd) {
  animation-duration: 0.6s;
  /* So they look staggered */
}

/********************************* keyframes **************************************/
/* move from / to  */
@keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
}
@keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
}
@keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
}
@keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
}
@keyframes come-in {
  to {
    transform: translateY(0);
  }
}
@keyframes moveLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-370px, 0, 0);
  }
}
@keyframes moveLeftNav {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes logo-loader-top-general {
  0% {
    transform: translateY(7px) rotate(0deg);
  }
  100% {
    transform: translateY(7px) rotate(360deg);
  }
}
@keyframes logo-loader-bottom-general {
  0% {
    transform: translateY(20px) rotate(0deg);
  }
  100% {
    transform: translateY(20px) rotate(360deg);
  }
}
/***
** Always available
***/
.always-available__shops {
  position: relative;
}
.always-available__shops .laptop__container,
.always-available__shops .tablet__container,
.always-available__shops .phone__container {
  position: absolute;
  overflow: hidden;
}
.always-available__shops .laptop__container figure,
.always-available__shops .tablet__container figure,
.always-available__shops .phone__container figure {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
}
.always-available__shops .laptop__container figure.active,
.always-available__shops .tablet__container figure.active,
.always-available__shops .phone__container figure.active {
  -moz-transform: translateX(0px) translateZ(0);
  -ms-transform: translateX(0px) translateZ(0);
  -webkit-transform: translateX(0px) translateZ(0);
  transform: translateX(0px) translateZ(0);
}
.always-available__shops .laptop__container figure.reset,
.always-available__shops .tablet__container figure.reset,
.always-available__shops .phone__container figure.reset {
  -moz-transition: -moz-transform !important;
  -o-transition: -o-transform !important;
  -webkit-transition: -webkit-transform !important;
  transition: transform !important;
}
.always-available__shops .laptop__container figure {
  -moz-transform: translateX(601px) translateZ(0);
  -ms-transform: translateX(601px) translateZ(0);
  -webkit-transform: translateX(601px) translateZ(0);
  transform: translateX(601px) translateZ(0);
}
.always-available__shops .laptop__container figure.last {
  -moz-transform: translateX(-601px) translateZ(0);
  -ms-transform: translateX(-601px) translateZ(0);
  -webkit-transform: translateX(-601px) translateZ(0);
  transform: translateX(-601px) translateZ(0);
}
.always-available__shops .laptop__container figure[data-n="0"] {
  background-image: url("../images/homepage/always-available/augustawind-laptop.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .laptop__container figure[data-n="0"] {
    background-image: url("../images/homepage/always-available/augustawind-laptop@2x.jpg");
    -webkit-background-size: 601px 338px;
    -moz-background-size: 601px 338px;
    -o-background-size: 601px 338px;
    background-size: 601px 338px;
  }
}
.always-available__shops .laptop__container figure[data-n="1"] {
  background-image: url("../images/homepage/always-available/bysoos-laptop.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .laptop__container figure[data-n="1"] {
    background-image: url("../images/homepage/always-available/bysoos-laptop@2x.jpg");
    -webkit-background-size: 601px 338px;
    -moz-background-size: 601px 338px;
    -o-background-size: 601px 338px;
    background-size: 601px 338px;
  }
}
.always-available__shops .laptop__container figure[data-n="2"] {
  background-image: url("../images/homepage/always-available/dreamkey-laptop.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .laptop__container figure[data-n="2"] {
    background-image: url("../images/homepage/always-available/dreamkey-laptop@2x.jpg");
    -webkit-background-size: 601px 338px;
    -moz-background-size: 601px 338px;
    -o-background-size: 601px 338px;
    background-size: 601px 338px;
  }
}
.always-available__shops .laptop__container figure[data-n="3"] {
  background-image: url("../images/homepage/always-available/tinnemia-laptop.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .laptop__container figure[data-n="3"] {
    background-image: url("../images/homepage/always-available/tinnemia-laptop@2x.jpg");
    -webkit-background-size: 601px 338px;
    -moz-background-size: 601px 338px;
    -o-background-size: 601px 338px;
    background-size: 601px 338px;
  }
}
.always-available__shops .laptop__container figure[data-n="4"] {
  background-image: url("../images/homepage/always-available/toolsonsite-laptop.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .laptop__container figure[data-n="4"] {
    background-image: url("../images/homepage/always-available/toolsonsite-laptop@2x.jpg");
    -webkit-background-size: 601px 338px;
    -moz-background-size: 601px 338px;
    -o-background-size: 601px 338px;
    background-size: 601px 338px;
  }
}
.always-available__shops .tablet__container figure {
  -moz-transform: translateX(275px) translateZ(0);
  -ms-transform: translateX(275px) translateZ(0);
  -webkit-transform: translateX(275px) translateZ(0);
  transform: translateX(275px) translateZ(0);
}
.always-available__shops .tablet__container figure.last {
  -moz-transform: translateX(-275px) translateZ(0);
  -ms-transform: translateX(-275px) translateZ(0);
  -webkit-transform: translateX(-275px) translateZ(0);
  transform: translateX(-275px) translateZ(0);
}
.always-available__shops .tablet__container figure[data-n="0"] {
  background-image: url("../images/homepage/always-available/augustawind-tablet.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .tablet__container figure[data-n="0"] {
    background-image: url("../images/homepage/always-available/augustawind-tablet@2x.jpg");
    -webkit-background-size: 275px 206px;
    -moz-background-size: 275px 206px;
    -o-background-size: 275px 206px;
    background-size: 275px 206px;
  }
}
.always-available__shops .tablet__container figure[data-n="1"] {
  background-image: url("../images/homepage/always-available/bysoos-tablet.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .tablet__container figure[data-n="1"] {
    background-image: url("../images/homepage/always-available/bysoos-tablet@2x.jpg");
    -webkit-background-size: 275px 206px;
    -moz-background-size: 275px 206px;
    -o-background-size: 275px 206px;
    background-size: 275px 206px;
  }
}
.always-available__shops .tablet__container figure[data-n="2"] {
  background-image: url("../images/homepage/always-available/dreamkey-tablet.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .tablet__container figure[data-n="2"] {
    background-image: url("../images/homepage/always-available/dreamkey-tablet@2x.jpg");
    -webkit-background-size: 275px 206px;
    -moz-background-size: 275px 206px;
    -o-background-size: 275px 206px;
    background-size: 275px 206px;
  }
}
.always-available__shops .tablet__container figure[data-n="3"] {
  background-image: url("../images/homepage/always-available/tinnemia-tablet.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .tablet__container figure[data-n="3"] {
    background-image: url("../images/homepage/always-available/tinnemia-tablet@2x.jpg");
    -webkit-background-size: 275px 206px;
    -moz-background-size: 275px 206px;
    -o-background-size: 275px 206px;
    background-size: 275px 206px;
  }
}
.always-available__shops .tablet__container figure[data-n="4"] {
  background-image: url("../images/homepage/always-available/toolsonsite-tablet.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .tablet__container figure[data-n="4"] {
    background-image: url("../images/homepage/always-available/toolsonsite-tablet@2x.jpg");
    -webkit-background-size: 275px 206px;
    -moz-background-size: 275px 206px;
    -o-background-size: 275px 206px;
    background-size: 275px 206px;
  }
}
.always-available__shops .phone__container figure {
  -moz-transform: translateX(82px) translateZ(0);
  -ms-transform: translateX(82px) translateZ(0);
  -webkit-transform: translateX(82px) translateZ(0);
  transform: translateX(82px) translateZ(0);
}
.always-available__shops .phone__container figure.last {
  -moz-transform: translateX(-82px) translateZ(0);
  -ms-transform: translateX(-82px) translateZ(0);
  -webkit-transform: translateX(-82px) translateZ(0);
  transform: translateX(-82px) translateZ(0);
}
.always-available__shops .phone__container figure[data-n="0"] {
  background-image: url("../images/homepage/always-available/augustawind-phone.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .phone__container figure[data-n="0"] {
    background-image: url("../images/homepage/always-available/augustawind-phone@2x.jpg");
    -webkit-background-size: 82px 145px;
    -moz-background-size: 82px 145px;
    -o-background-size: 82px 145px;
    background-size: 82px 145px;
  }
}
.always-available__shops .phone__container figure[data-n="1"] {
  background-image: url("../images/homepage/always-available/bysoos-phone.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .phone__container figure[data-n="1"] {
    background-image: url("../images/homepage/always-available/bysoos-phone@2x.jpg");
    -webkit-background-size: 82px 145px;
    -moz-background-size: 82px 145px;
    -o-background-size: 82px 145px;
    background-size: 82px 145px;
  }
}
.always-available__shops .phone__container figure[data-n="2"] {
  background-image: url("../images/homepage/always-available/dreamkey-phone.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .phone__container figure[data-n="2"] {
    background-image: url("../images/homepage/always-available/dreamkey-phone@2x.jpg");
    -webkit-background-size: 82px 145px;
    -moz-background-size: 82px 145px;
    -o-background-size: 82px 145px;
    background-size: 82px 145px;
  }
}
.always-available__shops .phone__container figure[data-n="3"] {
  background-image: url("../images/homepage/always-available/tinnemia-phone.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .phone__container figure[data-n="3"] {
    background-image: url("../images/homepage/always-available/tinnemia-phone@2x.jpg");
    -webkit-background-size: 82px 145px;
    -moz-background-size: 82px 145px;
    -o-background-size: 82px 145px;
    background-size: 82px 145px;
  }
}
.always-available__shops .phone__container figure[data-n="4"] {
  background-image: url("../images/homepage/always-available/toolsonsite-phone.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__shops .phone__container figure[data-n="4"] {
    background-image: url("../images/homepage/always-available/toolsonsite-phone@2x.jpg");
    -webkit-background-size: 82px 145px;
    -moz-background-size: 82px 145px;
    -o-background-size: 82px 145px;
    background-size: 82px 145px;
  }
}

.always-available__tablet,
.always-available__phone {
  position: absolute;
}

@media only screen and (max-width: 965px) and (min-width: 481px) {
  .always-available__shops {
    width: 782px;
    left: -291px;
    margin-left: 50%;
    margin-top: 5rem;
  }

  .centered-column .centered-div {
    max-width: 780px;
    padding: 0 5rem;
  }
}
@media only screen and (max-width: 480px) {
  .always-available__shops {
    left: -80px;
    -moz-transform: scale(0.55);
    -ms-transform: scale(0.55);
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
  }
}
.always-available__laptop {
  background-image: url("../images/homepage/always-available/devices/laptop.png");
  background-repeat: no-repeat !important;
  width: 782px;
  height: 433px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__laptop {
    background-image: url("../images/homepage/always-available/devices/laptop@2x.png");
    -webkit-background-size: 782px 423px;
    -moz-background-size: 782px 423px;
    -o-background-size: 782px 423px;
    background-size: 782px 423px;
  }
}
.always-available__laptop .laptop__container {
  left: 90px;
  top: 29px;
  width: 601px;
  height: 338px;
}
.always-available__laptop .laptop__container figure {
  -moz-transition: -moz-transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: -webkit-transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 601px;
  height: 338px;
}

.always-available__tablet {
  background-image: url("../images/homepage/always-available/devices/tablet.png");
  width: 326px;
  height: 257px;
  bottom: 6px;
  left: 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__tablet {
    background-image: url("../images/homepage/always-available/devices/tablet@2x.png");
    -webkit-background-size: 326px 257px;
    -moz-background-size: 326px 257px;
    -o-background-size: 326px 257px;
    background-size: 326px 257px;
  }
}
.always-available__tablet .tablet__container {
  left: 25px;
  top: 23px;
  width: 275px;
  height: 206px;
}
.always-available__tablet .tablet__container figure {
  -moz-transition: -moz-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: -webkit-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 275px;
  height: 206px;
}

.always-available__phone {
  background-image: url("../images/homepage/always-available/devices/phone.png");
  width: 93px;
  height: 198px;
  bottom: 5px;
  left: 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .always-available__phone {
    background-image: url("../images/homepage/always-available/devices/phone@2x.png");
    -webkit-background-size: 93px 198px;
    -moz-background-size: 93px 198px;
    -o-background-size: 93px 198px;
    background-size: 93px 198px;
  }
}
.always-available__phone .phone__container {
  left: 6px;
  top: 29px;
  width: 82px;
  height: 145px;
}
.always-available__phone .phone__container figure {
  -moz-transition: -moz-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 82px;
  height: 145px;
}

/***
** Possibilities
***/
/* Listview */
.possibilities__listview {
  position: relative;
}
.possibilities__listview .possibilities__laptop {
  position: relative;
  background-image: url("../images/animations/laptop-listview.png");
  width: 580px;
  height: 312px;
  margin-left: 50%;
  left: -290px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .possibilities__listview .possibilities__laptop {
    background-image: url("../images/animations/laptop-listview@2x.png");
    -webkit-background-size: 580px 312px;
    -moz-background-size: 580px 312px;
    -o-background-size: 580px 312px;
    background-size: 580px 312px;
  }
}
.possibilities__listview .possibilities__laptop .laptop__container {
  position: absolute;
  left: 68px;
  top: 22px;
  width: 445px;
  height: 250px;
}
.possibilities__listview .possibilities__laptop .laptop__container img {
  width: 445px;
  height: 250px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: all 450ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 450ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: all 450ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 450ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-backface-visibility: hidden;
}
.possibilities__listview .possibilities__laptop .laptop__container img.active {
  opacity: 1;
}

@media only screen and (max-width: 965px) and (min-width: 481px) {
  .possibilities__listview {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 480px) {
  .possibilities__listview {
    margin-top: 2rem;
  }

  .possibilities__laptop {
    -moz-transform: scale(0.55);
    -ms-transform: scale(0.55);
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
  }
}
/* Drag Drop */
.possibilities__drag-drop {
  position: relative;
}
.possibilities__drag-drop .drag-drop__laptop {
  position: relative;
  background-image: url("../images/animations/drag-and-drop.png");
  width: 782px;
  height: 422px;
  margin: 4rem auto 0;
  margin-left: 50%;
  left: -391px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .possibilities__drag-drop .drag-drop__laptop {
    background-image: url("../images/animations/drag-and-drop@2x.png");
    -webkit-background-size: 782px 422px;
    -moz-background-size: 782px 422px;
    -o-background-size: 782px 422px;
    background-size: 782px 422px;
  }
}
.possibilities__drag-drop .drag-drop__laptop .drag-drop__item {
  width: 79px;
  height: 20px;
  background-color: #000;
  position: absolute;
}
.possibilities__drag-drop .drag-drop__laptop .drag-drop__item.dragging .cursor {
  background-position: right top;
}
.possibilities__drag-drop .drag-drop__laptop .drag-drop__item.show .cursor {
  display: block;
}
.possibilities__drag-drop .drag-drop__laptop .drag-drop__item[data-n="0"] {
  top: 177px;
  left: 587px;
}
.possibilities__drag-drop .drag-drop__laptop .drag-drop__item[data-n="1"] {
  top: 150px;
  left: 238px;
}
.possibilities__drag-drop .drag-drop__laptop .drag-drop__item[data-n="2"] {
  top: 177px;
  left: 412px;
}
.possibilities__drag-drop .drag-drop__laptop .cursor {
  background-image: url("../images/animations/hand.png");
  background-position: left top;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 6px;
  left: 30px;
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .possibilities__drag-drop .drag-drop__laptop .cursor {
    background-image: url("../images/animations/hand@2x.png");
    -webkit-background-size: 40px 20px;
    -moz-background-size: 40px 20px;
    -o-background-size: 40px 20px;
    background-size: 40px 20px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .possibilities__drag-drop .drag-drop__laptop {
    margin-top: 90px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .possibilities__drag-drop {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin-top: -10%;
    height: 340px;
  }
}
@media only screen and (max-width: 640px) {
  .possibilities__drag-drop {
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    margin-top: -16%;
    height: 240px;
  }
}

@media only screen and (max-width: 480px) {
  .possibilities__drag-drop .drag-drop__laptop {
    margin-left: 50%;
    left: -391px;
  }
}
/* Video */
.possibilities__video {
  position: relative;
}
.possibilities__video .video__laptop {
  position: relative;
  background-image: url("../images/animations/video-laptop.png");
  width: 782px;
  height: 417px;
  margin: 4rem auto 0;
  margin-left: 50%;
  left: -391px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .possibilities__video .video__laptop {
    background-image: url("../images/animations/video-laptop@2x.png");
    -webkit-background-size: 782px 417px;
    -moz-background-size: 782px 417px;
    -o-background-size: 782px 417px;
    background-size: 782px 417px;
  }
}
.possibilities__video video {
  position: absolute;
  top: 27px;
  left: 92px;
  width: 600px;
  height: 337px;
  z-index: 1;
}
.possibilities__video .video__arrow {
  min-height: 50px;
  z-index: 2;
  width: 204px;
  position: absolute;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: italic;
  opacity: 0;
  -moz-transition: all 450ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 450ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: all 450ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 450ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  background-repeat: no-repeat;
}
.possibilities__video .video__arrow.active {
  opacity: 1;
}
.possibilities__video .video__arrow.video__arrow--left {
  padding-left: 44px;
  background-image: url("../images/animations/video/arrow-left.png");
  background-position: left center;
  text-align: left;
  right: -150px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .possibilities__video .video__arrow.video__arrow--left {
    background-image: url("../images/animations/video/arrow-left@2x.png");
    -webkit-background-size: 34px 19px;
    -moz-background-size: 34px 19px;
    -o-background-size: 34px 19px;
    background-size: 34px 19px;
  }
}
.possibilities__video .video__arrow.video__arrow--right {
  padding-right: 44px;
  background-image: url("../images/animations/video/arrow-right.png");
  background-position: right center;
  text-align: right;
  left: -150px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .possibilities__video .video__arrow.video__arrow--right {
    background-image: url("../images/animations/video/arrow-right@2x.png");
    -webkit-background-size: 34px 19px;
    -moz-background-size: 34px 19px;
    -o-background-size: 34px 19px;
    background-size: 34px 19px;
  }
}
.possibilities__video .video__arrow[data-n="0"] {
  top: 40px;
}
.possibilities__video .video__arrow[data-n="2"] {
  top: 40px;
}
.possibilities__video .video__arrow[data-n="3"] {
  top: 100px;
}
.possibilities__video .video__arrow[data-n="4"] {
  top: 110px;
}

@media only screen and (max-width: 1024px) {
  .possibilities__video {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media only screen and (max-width: 965px) and (min-width: 481px) {
  .possibilities__video {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@media only screen and (max-width: 480px) {
  .possibilities__video {
    margin-top: -40%;
    -moz-transform: scale(0.45);
    -ms-transform: scale(0.45);
    -webkit-transform: scale(0.45);
    transform: scale(0.45);
  }

  .video__arrow {
    display: none;
  }
}
/* Charts */
.possibilities__charts {
  position: relative;
}

.charts__container {
  position: relative;
  height: 400px;
  width: 440px;
}

.charts__chart-container {
  position: relative;
  height: 400px;
  display: inline-block;
  width: 120px;
  margin-right: 40px;
}
.charts__chart-container:last-child {
  margin-right: 0;
}
.charts__chart-container:hover .chart__bar-1 {
  background-color: #212226;
}
.charts__chart-container:hover .chart__bar-2 {
  background-color: #D2D7E0;
}
.charts__chart-container:hover .chart__bar-3 {
  background-color: #40AE4D;
}
.charts__chart-container[data-n="0"] {
  z-index: 3;
}
.charts__chart-container[data-n="0"] .chart__tooltip {
  bottom: 146px;
}
.charts__chart-container[data-n="0"].active:hover .chart__tooltip {
  opacity: 1;
  bottom: 166px;
}
.charts__chart-container[data-n="0"].active .chart__bar-1 {
  height: 71px;
  -moz-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.charts__chart-container[data-n="0"].active .chart__bar-2 {
  height: 141px;
  -moz-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 125ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 125ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition-delay: 125ms, 0s;
  transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 125ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.charts__chart-container[data-n="0"].active .chart__bar-3 {
  height: 93px;
  -moz-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition-delay: 300ms, 0s;
  transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.charts__chart-container[data-n="1"] {
  z-index: 2;
}
.charts__chart-container[data-n="1"] .chart__tooltip {
  bottom: 190px;
}
.charts__chart-container[data-n="1"].active:hover .chart__tooltip {
  opacity: 1;
  bottom: 210px;
}
.charts__chart-container[data-n="1"].active .chart__bar-1 {
  height: 123px;
  -moz-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.charts__chart-container[data-n="1"].active .chart__bar-2 {
  height: 185px;
  -moz-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 125ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 125ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition-delay: 125ms, 0s;
  transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 125ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.charts__chart-container[data-n="1"].active .chart__bar-3 {
  height: 113px;
  -moz-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition-delay: 300ms, 0s;
  transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.charts__chart-container[data-n="2"] {
  z-index: 1;
}
.charts__chart-container[data-n="2"] .chart__tooltip {
  bottom: 240px;
  left: auto;
  right: 6px;
}
.charts__chart-container[data-n="2"] .chart__tooltip:after, .charts__chart-container[data-n="2"] .chart__tooltip:before {
  left: auto;
  right: 40px;
}
.charts__chart-container[data-n="2"] .chart__tooltip:before {
  margin-left: auto;
  margin-right: -1px;
}
.charts__chart-container[data-n="2"].active:hover .chart__tooltip {
  opacity: 1;
  bottom: 260px;
}
.charts__chart-container[data-n="2"].active .chart__bar-1 {
  height: 103px;
  -moz-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.charts__chart-container[data-n="2"].active .chart__bar-2 {
  height: 235px;
  -moz-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 125ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 125ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition-delay: 125ms, 0s;
  transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 125ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.charts__chart-container[data-n="2"].active .chart__bar-3 {
  height: 176px;
  -moz-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition-delay: 300ms, 0s;
  transition: height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms, background-color 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.chart__bar {
  width: 40px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.chart__bar-1 {
  background-color: #333740;
  height: 0;
  left: 0;
}

.chart__bar-2 {
  background-color: #EDEFF2;
  height: 0;
  left: 40px;
}

.chart__bar-3 {
  background-color: #6BDE78;
  height: 0;
  left: 80px;
}

.box {
  width: 16px;
  height: 16px;
}

.box--black {
  background-color: #212226;
}

.box--light-grey {
  background-color: #EDEFF2;
}

.box--green {
  background-color: #6BDE78;
}

.chart__tooltip {
  width: 280px;
  padding: 15px 20px 15px 20px;
  border-radius: 4px;
  border: 1px solid #D2D7E0;
  position: absolute;
  left: 2px;
  background-color: #fff;
  opacity: 0;
  -moz-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 200ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  z-index: 1;
}
.chart__tooltip:after, .chart__tooltip:before {
  top: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.chart__tooltip:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 15px;
}
.chart__tooltip:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #D2D7E0;
  border-width: 16px;
  margin-left: -1px;
}
.chart__tooltip table {
  width: 100%;
}
.chart__tooltip td {
  height: 27px;
  vertical-align: middle;
}
.chart__tooltip td:first-child {
  padding-right: 14px;
}

@media only screen and (max-width: 965px) and (min-width: 481px) {
  .charts__container {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .possibilities__charts .charts__container {
    height: 260px;
    width: 100%;
  }
  .possibilities__charts .charts__chart-container {
    width: 60px;
    height: 260px;
    pointer-events: none;
  }
  .possibilities__charts .chart__bar {
    width: 20px;
  }
  .possibilities__charts .chart__bar-1 {
    left: 0;
  }
  .possibilities__charts .chart__bar-2 {
    left: 20px;
  }
  .possibilities__charts .chart__bar-3 {
    left: 40px;
  }
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

* {
  outline: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
html, body {
  height: 100%;
}

section.margin-needed {
  padding: 50px 0;
}
@media only screen and (max-width: 640px) {
  section.margin-needed {
    margin: 0;
  }
  section.margin-needed.products {
    margin-bottom: 20px;
  }
}

.features-wrapper {
  padding: 50px 0;
}

.image-holder {
  text-align: center;
}

section.products {
  /*background-image: url(../images/macs.png);
  background-repeat: no-repeat;
  background-image: url(../images/macs.png);
  background-repeat: no-repeat;
  width: 1079px;
  height: 505px;
  background-position: top right;*/
}
section.products .h2, section.products .typography h2, .typography section.products h2 {
  margin-top: 80px;
}

.full-row.green, .full-row.black {
  padding: 84px 0;
  color: #FFF;
}
.full-row.green .h2.white, .full-row.green .typography h2.white, .typography .full-row.green h2.white, .full-row.black .h2.white, .full-row.black .typography h2.white, .typography .full-row.black h2.white {
  color: #FFF;
}
.full-row.green p, .full-row.green a, .full-row.black p, .full-row.black a {
  color: #FFF;
}

.vimeo__full-row {
  padding: 84px 0;
}
.vimeo__full-row p, .vimeo__full-row a {
  color: inherit;
}

.centered {
  text-align: center;
}

.no-float {
  float: none;
  margin: 0 auto;
}
.no-float:first-of-type {
  margin: 0 auto;
}

.black {
  background-color: #333740;
  color: #FFF;
}
.black p {
  color: #FFF;
  margin-bottom: 40px;
}

.black_extra {
  background-color: #21252B;
  color: #FFF;
}
.black_extra p {
  color: #FFF;
}

.yellow {
  background-color: #F0C32C;
}

.grey {
  background-color: #D2D7E0;
}

.light_grey {
  background-color: #EDEFF2;
}

.green {
  background-color: #6BDE78;
}

.red {
  background-color: #E61431;
}

.mid_grey {
  background-color: #F5F5F5;
}

.light--black {
  background-color: #333740;
  color: #FFF;
}

.btn.green.outside-grid, .hero_cta_btn a.green.outside-grid {
  background-color: transparent;
}
.btn.green.outside-grid:hover:after, .hero_cta_btn a.green.outside-grid:hover:after {
  color: #333740;
}

a.btn.white:hover, .hero_cta_btn a.white:hover {
  background-color: #F4F4F4;
}

p.intro-text {
  margin-bottom: 55px;
}

.padding-needed {
  padding: 80px 0;
}

.image-paragraph {
  margin-bottom: 30px;
}

.field-intro {
  margin-top: 70px;
}
.field-intro.has-author {
  margin-top: 35px;
}

.blog-author {
  width: 100%;
  height: 60px;
  clear: both;
}
.blog-author .left {
  width: 80px;
  float: left;
}
.blog-author .right {
  float: left;
}
.blog-author .right .name {
  font-size: 18px;
  color: #444;
  line-height: 30px;
}
.blog-author .right .function {
  font-size: 13px;
  color: #9C9C9C;
  line-height: 25px;
}

/*  */
.not-centered {
  text-align: left;
}
.not-centered .left {
  margin-left: 100px;
}

.icon-placeholder {
  font-size: 70px;
  color: #444;
  line-height: 180px;
}

.large-header {
  font-size: 180px;
}

.green .dark-text {
  margin-top: 25px;
  color: #333740;
}
.green .dark-text p {
  color: #333740;
}

.some-padding-needed {
  padding: 40px 0;
}

@media only screen and (min-width: 1024px) {
  .centered .h2, .centered .typography h2, .typography .centered h2, .centered .p2 {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.centered-column h2.h2, .centered-column .typography h2, .typography .centered-column h2, .centered-column blockquote h2.h2, .centered-column blockquote .typography h2, .typography .centered-column blockquote h2 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.centered-column .centered-div {
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .centered-column .centered-div {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
  }
}
@media only screen and (max-width: 640px) {
  .centered-column .centered-div {
    padding: 0 20px;
  }
}

.fifty-percent-column.full-image-right img {
  margin-right: -40px;
  margin-top: 40px;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  .fifty-percent-column.full-image-right img {
    margin-right: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .fifty-percent-column.full-image-right img {
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  .fifty-percent-column.full-image-right img {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .fifty-percent-column.dont_upscale img {
    width: auto;
    max-width: 100%;
  }
}

.pushed-content {
  padding-top: 140px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pushed-content {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 640px) {
  .pushed-content {
    padding-top: 80px;
  }
}

.grey_block {
  background-color: #eeeeee;
}

.aside .title-link {
  margin-top: 50px;
  color: #88979d;
  font-weight: 400;
  margin-bottom: 20px;
}
.aside .title-link:first-of-type {
  margin-top: 0;
}

.left-aligned {
  text-align: left;
}

.group-shown {
  visibility: visible;
}

.group-hidden {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.blackball {
  height: 70px;
}
.blackball:before {
  content: url("../images/black-ball.png");
}

.blackbox {
  height: 70px;
}
.blackbox:before {
  content: url("../images/black-box.png");
}

.blackribbon {
  height: 70px;
}
.blackribbon:before {
  content: url("../images/black-ribbon.png");
}

@media only screen and (min-width: 1024px) {
  .features-wrapper {
    text-align: left;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .features-wrapper {
    text-align: center;
  }
  .features-wrapper p {
    max-width: 620px;
    margin: auto;
  }
}
@media only screen and (max-width: 640px) {
  .features-wrapper {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .features-wrapper .image-holder {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .features-wrapper .image-holder {
    margin-bottom: 20px;
  }
}
.features-wrapper [class*='col-'] .offset-image {
  margin-right: 0;
  margin-left: 20px;
}
.features-wrapper [class*='col-']:first-of-type .offset-image {
  margin-right: 20px;
  margin-left: 0 !important;
}
@media only screen and (max-width: 640px) {
  .features-wrapper [class*='col-'] .offset-image {
    margin: 0 !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .features-wrapper [class*='col-'] .offset-image {
    margin: 0 !important;
  }
}

.features-wrapper p:last-of-type {
  margin-bottom: 0;
}

.outside-grid {
  position: absolute;
  color: #333740 !important;
  right: 0;
  top: 0;
}
.outside-grid:after {
  color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  .outside-grid {
    right: -121px;
  }
}
@media only screen and (min-width: 1024px) {
  .outside-grid.left {
    left: -97px;
    right: auto;
  }
}
.outside-grid.left:before {
  position: absolute;
  content: "\e600";
  color: #FFFFFF;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%) scaleX(-1);
  -ms-transform: translateX(-50%) translateY(-50%) scaleX(-1);
  -webkit-transform: translateX(-50%) translateY(-50%) scaleX(-1);
  transform: translateX(-50%) translateY(-50%) scaleX(-1);
  left: 0px;
}
.outside-grid.left:hover:before {
  color: #333740;
}
.outside-grid.left:after {
  display: none;
}

img.desaturated {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

a.client-case:hover img.desaturated {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

.feature-description {
  margin: 15px 0px 10px 0px;
  font-size: 17px;
}

.col-4-12 .feature-description {
  font-size: 20px;
}

.icon-holder {
  margin: 40px 0;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

@media only screen and (min-width: 1024px) {
  .centered-div {
    width: 460px;
  }
}

.typography a:hover {
  text-decoration: none !important;
}

.alert-block h4 {
  position: relative;
  padding-left: 20px;
}
.alert-block h4:before {
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 11px;
}

.absolute-image-holder {
  position: relative;
  margin-bottom: 50px;
}
@media only screen and (min-width: 1024px) {
  .absolute-image-holder {
    margin-bottom: 0;
  }
}
.absolute-image-holder img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.smaller-row .content-image {
  margin-bottom: 40px;
}

.fifty-percent-column .centered-div {
  text-align: left;
}

.fifty-percent-column .centered-div.left-align, .fifty-percent-column .centered-div {
  text-align: left;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .fifty-percent-column .centered-div.left-align, .fifty-percent-column .centered-div {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .fifty-percent-column .centered-div.left-align, .fifty-percent-column .centered-div {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .fifty-percent-column .centered-div.left-align, .fifty-percent-column .centered-div {
    text-align: center;
  }
}

.col-4-12 .centered ul {
  text-align: left;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-4-12 .centered ul {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .col-4-12 .centered ul {
    text-align: center;
  }
}

.three-column-holders {
  margin-top: 30px;
}
.three-column-holders ul li {
  line-height: 30px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .three-column-holders .col-4-12 {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .three-column-holders .col-4-12:last-of-type {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 640px) {
  .three-column-holders .col-4-12 {
    margin-bottom: 30px;
  }
  .three-column-holders .col-4-12:last-of-type {
    margin-bottom: 0;
  }
}

.extra-padding-needed {
  padding: 98px 0;
}

.experts p.description {
  color: #333740;
}

.node-type-blog .smaller-row img {
  width: auto;
  height: auto;
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .slider .content-holder .left {
    float: left;
    width: 30%;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .slider .content-holder .left {
    float: left;
    width: 30%;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .slider .large-slider-icon {
    font-size: 50px;
    color: #333740;
  }
}
@media only screen and (max-width: 640px) {
  .slider .large-slider-icon {
    font-size: 50px;
    color: #333740;
  }
}

.results ol {
  margin-left: 0;
}
.results ol li a {
  color: #333740;
}

.results a.result-icon.support-icon .left-result:before {
  font-size: 50px;
  content: "\e645";
}

.results a.result-icon.blog-icon .left-result:before {
  font-size: 50px;
  content: "\e646";
}

.results a.result-icon.guide-icon .left-result:before {
  font-size: 50px;
  content: "\e901";
}

.front .full-row.green {
  padding-top: 70px;
}
@media only screen and (max-width: 640px) {
  .front .full-row.green {
    padding-top: 30px;
  }
}

.front p a {
  color: #6bde78;
  font-size: 1.25rem;
}

.front p a:hover {
  color: #40ae4d;
}

.front p {
  margin-top: 20px;
}

ul.menu .icon-email, ul.menu .icon-phone {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
ul.menu .icon-email:before, ul.menu .icon-phone:before {
  font-family: 'mww';
  font-weight: normal;
}
ul.menu .icon-email a, ul.menu .icon-phone a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
}

dfn, abbr {
  cursor: pointer;
  position: relative;
  margin-right: 1.75rem;
  border-bottom: 2px dotted #6BDE78;
}
dfn:after, abbr:after {
  font-family: 'mww';
  content: "\e900";
  color: #88979d;
  position: absolute;
  font-size: 1.25rem;
  margin-left: 0.40rem;
  cursor: pointer;
}
dfn .popup, abbr .popup {
  top: -30% !important;
}
dfn .popup:before, abbr .popup:before {
  top: auto !important;
}

.support-page.node-type-partner .text-image.padding-needed {
  padding: 0px;
}
.support-page.node-type-partner .text-image .features-wrapper {
  padding: 20px 0;
}
.support-page.node-type-partner .text-image .swiper-slide {
  float: right;
}
.support-page.node-type-partner .text-image .row {
  padding-left: 10px;
  padding-right: 0px;
}

.pricelist {
  margin-top: 30px;
}

ul.summary {
  text-align: left;
}
ul.summary li {
  font-size: 17px;
  color: #333740;
  position: relative;
  padding: 10px 0;
  padding-left: 34px;
}
ul.summary li:before {
  padding-right: 10px;
  content: "\e604";
  color: #6BDE78;
  position: absolute;
  left: 0;
  top: 16px;
  font-size: 14px;
}

.front .pricelist .btn, .front .pricelist .hero_cta_btn a, .hero_cta_btn .front .pricelist a {
  width: 70%;
  float: left;
}

@media only screen and (min-width: 1024px) {
  .front .fake-margin {
    margin-left: 40px;
  }
}

.smaller-row.pricelist .btn, .smaller-row.pricelist .hero_cta_btn a, .hero_cta_btn .smaller-row.pricelist a {
  width: 70%;
  float: left;
}
@media only screen and (min-width: 1024px) {
  .smaller-row.pricelist .fake-margin {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .smaller-row.pricelist .col-4-12.pushed {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .smaller-row.pricelist .col-4-12.pushed {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .smaller-row.pricelist .col-4-12.pushed {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .smaller-row.pricelist .col-4-12.pulled {
    margin-left: -100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .smaller-row.pricelist .col-4-12.pulled {
    margin-left: -100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .smaller-row.pricelist .col-4-12.pulled {
    margin-left: -100%;
  }
}

@media only screen and (min-width: 1024px) {
  .package-overview .smaller-row.pricelist .fake-margin {
    margin-left: 0;
  }
}

.dnd-atom-wrapper.type-image {
  padding: 23px;
  background-color: #EDEFF2;
  margin: 10px 0;
  display: block;
}

.pricelist .h3, .pricelist .typography h3, .typography .pricelist h3 {
  font-family: 'Melbourne' !important;
  margin-top: 20px;
  margin-left: 0;
  text-align: left;
  padding-left: 0;
  position: relative;
  line-height: 70px;
  height: 70px;
  font-weight: 300;
}
.pricelist .h3 .left-side, .pricelist .typography h3 .left-side, .typography .pricelist h3 .left-side {
  display: block;
  float: left;
  font-size: 70px;
  padding-left: 30px;
  font-family: "Melbourne-Light", sans-serif;
}
.pricelist .h3 .right-side, .pricelist .typography h3 .right-side, .typography .pricelist h3 .right-side {
  display: block;
  float: left;
  margin-left: 10px;
}
.pricelist .h3 .right-side .accented-green, .pricelist .typography h3 .right-side .accented-green, .typography .pricelist h3 .right-side .accented-green {
  font-size: 30px;
  color: #6BDE78;
  position: absolute;
  top: -17px;
  font-weight: 300;
}
.pricelist .h3 .right-side .lower, .pricelist .typography h3 .right-side .lower, .typography .pricelist h3 .right-side .lower {
  position: relative;
  font-size: 15px;
  bottom: -11px;
}

.hero-not-front.package {
  bottom: 10vh;
}

.package-overview {
  margin-top: -80px;
}
.package-overview .h2, .package-overview .typography h2, .typography .package-overview h2, .package-overview .p2 {
  display: none;
}
.package-overview .padding-needed {
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .package-overview .pricelist .col-4-12 {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.package-overview .pricelist .col-4-12 .inner {
  position: relative;
  border-radius: 4px;
  padding: 1em 1.5em 0 1.5em;
  color: rgba(0, 0, 0, 0.8);
  margin: 0 auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #edeff2;
}
.package-overview .pricelist .col-4-12 .inner:before, .package-overview .pricelist .col-4-12 .inner:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
  transform: rotate(-3deg);
}
@media only screen and (max-width: 640px) {
  .package-overview .pricelist .col-4-12 .inner:before, .package-overview .pricelist .col-4-12 .inner:after {
    box-shadow: none;
  }
}
.package-overview .pricelist .col-4-12 .inner:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

@media only screen and (max-width: 640px) {
  .package-overview .btn, .package-overview .webform-client-form input.btn, .webform-client-form .package-overview input.btn, .package-overview .hero_cta_btn a, .hero_cta_btn .package-overview a {
    font-size: 14px;
  }
}

.euro-holder {
  position: absolute;
  top: -19px;
  left: 0;
}
.euro-holder .euro {
  font-size: 44px;
  color: #CDCED3;
  font-family: "Melbourne-Light", sans-serif;
}

.html--input {
  margin-top: 20px;
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .html--input .fake--margin {
    margin-left: 40px;
  }
}
.html--input a {
  color: #6BDE78;
}
.html--input a:hover {
  color: #40AE4D;
}

.packages {
  background-color: #f8f9fb;
  padding-bottom: 120px;
}

.hero-not-front.packages-new {
  bottom: 19vh;
}

.front .pricelist-row {
  padding-bottom: 80px;
  padding-top: 0;
}

.front .pricelist-row.pricelist--new--forced-spacer {
  padding-top: 80px;
}

.pricelist--new--container-first {
  margin-top: -350px;
  margin-bottom: 80px;
}

.pricelist-row {
  max-width: 915px;
  margin: 0 auto;
  padding-bottom: 20px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pricelist-row {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 640px) {
  .pricelist-row {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .pricelist-row-negative-margin {
    margin-left: calc(-15px /2);
  }
}
@media only screen and (min-width: 1024px) {
  .pricelist-row-negative-margin {
    margin-left: calc(-15px /2);
  }
}

.pricelist-label {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}
.pricelist-label .h2, .pricelist-label .typography h2, .typography .pricelist-label h2 {
  margin-bottom: 0;
  display: block;
  padding-bottom: 10px;
  padding-top: 90px;
  text-transform: uppercase;
  color: #FFF;
}

.pricelist--new--header {
  text-align: center;
  margin-bottom: 60px;
}
.pricelist--new--header .h1, .pricelist--new--header .typography h1, .typography .pricelist--new--header h1 {
  margin-bottom: 0;
}
.pricelist--new--header .h2, .pricelist--new--header .typography h2, .typography .pricelist--new--header h2 {
  font-size: 1.25rem;
  margin-bottom: 0;
}

.pricelist-content {
  position: relative;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0;
  border-radius: 0 0 10px 10px;
  -moz-box-shadow: 0px 4px 4px rgba(204, 204, 204, 0.62);
  -webkit-box-shadow: 0px 4px 4px rgba(204, 204, 204, 0.62);
  box-shadow: 0px 4px 4px rgba(204, 204, 204, 0.62);
  padding: 1em 1.5em 0 1.5em;
  padding-top: 26px;
  padding-bottom: 20px;
  color: rgba(0, 0, 0, 0.8);
  margin: 0 auto;
  background-color: #fff;
  border: solid 1px #edeff2;
}

.pricelist--new {
  line-height: normal;
}
.pricelist--new .pricelist-content {
  padding-bottom: 40px;
}
.pricelist--new .question-icon:before {
  content: url(../images/svg/questionmark.svg) !important;
}
.pricelist--new .btn, .pricelist--new .webform-client-form input.btn, .webform-client-form .pricelist--new input.btn, .pricelist--new .hero_cta_btn a, .hero_cta_btn .pricelist--new a {
  padding-top: 15px;
  padding-bottom: 14px;
}

.packages.not--pulled .pricelist-content {
  padding-bottom: 0;
}

.pricelist-content-number {
  border-top: 1px solid #EBEBEB;
  padding-top: 10px;
  margin-top: 10px;
  position: relative;
  border-top: 1px solid #EBEBEB;
  padding-top: 12px;
  position: relative;
  max-width: 120px;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}
.pricelist-content-number.pricelist-content-1-digit {
  max-width: 90px;
}

.pricelist-currency {
  position: absolute;
  font-size: 40px;
  top: 19px;
  font-family: "Melbourne-Light", sans-serif;
}

.pricelist-price {
  font-size: 90px;
  font-weight: 300;
  font-family: "Melbourne-Light", sans-serif;
  position: relative;
}
.pricelist-price span {
  font-size: 10px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  position: absolute;
  display: block;
  right: -30px;
  top: 10px;
}

.pricelist-sticker {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
  background-color: #ff245e;
  color: #FFF;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 22px;
  width: 86px;
  height: 86px;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: -70px;
  right: -30px;
  text-transform: uppercase;
  z-index: 44;
}
.pricelist-sticker .pricelist-sticker--first-line {
  top: 30px;
  position: absolute;
  font-size: 19.2px;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pricelist-sticker .pricelist-sticker--second-line {
  top: 45px;
  position: absolute;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pricelist-sticker {
    right: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .pricelist-sticker {
    right: 30px;
  }
}
.pricelist-sticker span {
  font-size: 14px;
  display: block;
}

.pricelist-duration {
  font-weight: 300;
  margin-top: -7px;
}

.packages.not--pulled .pricelist--new .col-4-12 {
  margin-top: 120px;
}
.packages.not--pulled .pricelist--new .col-4-12:nth-of-type(2) {
  margin-top: 80px;
}

.pricelist--new .col-4-12 {
  margin-left: 0;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pricelist--new .col-4-12 {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .pricelist--new .col-4-12 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .pricelist--new .col-4-12:first-of-type {
    width: 315px;
    margin-left: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .pricelist--new .col-4-12:first-of-type {
    width: 315px;
    margin-left: 15px;
  }
}
.pricelist--new .col-4-12:first-of-type .pricelist-label {
  background-position: 12px top !important;
}
@media only screen and (min-width: 1280px) {
  .pricelist--new .col-4-12:first-of-type .pricelist-label h2 {
    margin-left: -15px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .pricelist--new .col-4-12:first-of-type .pricelist-label h2 {
    margin-left: -15px !important;
  }
}
.pricelist--new .col-4-12:first-of-type .pull-or-push-me {
  margin-left: -15px;
}
.pricelist--new .col-4-12:nth-of-type(2) {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1280px) {
  .pricelist--new .col-4-12:nth-of-type(2) {
    width: 300px;
    margin-top: -40px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 1024px) {
  .pricelist--new .col-4-12:nth-of-type(2) {
    width: 300px;
    margin-top: -40px;
    margin-left: -15px;
  }
}
.pricelist--new .col-4-12:nth-of-type(2) .pricelist-label {
  padding-top: 20px;
  padding-bottom: 20px;
  background-position: 4px top;
}
.pricelist--new .col-4-12:nth-of-type(2) .pricelist-label h2 {
  font-size: 65px;
}
.pricelist--new .col-4-12:nth-of-type(2) .btn, .pricelist--new .col-4-12:nth-of-type(2) .hero_cta_btn a, .hero_cta_btn .pricelist--new .col-4-12:nth-of-type(2) a {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
@media only screen and (min-width: 1280px) {
  .pricelist--new .col-4-12:last-of-type {
    width: 315px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 1024px) {
  .pricelist--new .col-4-12:last-of-type {
    width: 315px;
    margin-left: -15px;
  }
}
.pricelist--new .col-4-12:last-of-type .pricelist-label {
  background-position: 14px top !important;
}
@media only screen and (min-width: 1280px) {
  .pricelist--new .col-4-12:last-of-type .pricelist-label h2 {
    margin-left: 15px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .pricelist--new .col-4-12:last-of-type .pricelist-label h2 {
    margin-left: 15px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .pricelist--new .col-4-12:last-of-type .pull-or-push-me {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .pricelist--new .col-4-12:last-of-type .pull-or-push-me {
    margin-left: 15px;
  }
}
.pricelist--new ul li {
  position: relative;
}
.pricelist--new ul li:before {
  font-size: 10px;
  left: 0;
  top: 1px;
  position: absolute;
}

.pull-or-push-me {
  padding: 0 30px;
}

.pricelist-includes ul {
  display: inline-block;
}
.pricelist-includes ul li {
  white-space: nowrap;
  padding-left: 20px;
  text-align: left;
  font-size: 1rem;
  line-height: 1.8rem;
}
.pricelist-includes ul li:before {
  content: "\e604";
  font-family: 'mww';
  color: #6BDE78;
}
.pricelist-includes span.popup {
  top: -12px;
}
.pricelist-includes span.popup:before {
  top: 10px;
}

.pricelist--new--yellow .pricelist-label {
  background-image: url(../images/labels/yellow-label.png);
  background-position: center top;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pricelist--new--yellow .pricelist-label {
    background: #F0C32C;
  }
}
@media only screen and (max-width: 640px) {
  .pricelist--new--yellow .pricelist-label {
    background: #F0C32C;
  }
}
.pricelist--new--yellow .btn, .pricelist--new--yellow .webform-client-form input.btn, .webform-client-form .pricelist--new--yellow input.btn, .pricelist--new--yellow .hero_cta_btn a, .hero_cta_btn .pricelist--new--yellow a {
  background-color: #fdd016;
}
.pricelist--new--yellow .btn:hover, .pricelist--new--yellow .hero_cta_btn a:hover, .hero_cta_btn .pricelist--new--yellow a:hover {
  background-color: #D5A810;
}

.pricelist--new--green .pricelist-label {
  background-image: url(../images/labels/green-label.png);
  background-position: center top;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pricelist--new--green .pricelist-label {
    background: #6BDE78;
  }
}
@media only screen and (max-width: 640px) {
  .pricelist--new--green .pricelist-label {
    background: #6BDE78;
  }
}
.pricelist--new--green .btn, .pricelist--new--green .webform-client-form input.btn, .webform-client-form .pricelist--new--green input.btn, .pricelist--new--green .hero_cta_btn a, .hero_cta_btn .pricelist--new--green a {
  background-color: #6BDE78;
}
.pricelist--new--green .btn:hover, .pricelist--new--green .hero_cta_btn a:hover, .hero_cta_btn .pricelist--new--green a:hover {
  background-color: #40AE4D;
}

.pricelist--new--black .pricelist-label {
  background-image: url(../images/labels/black-label.png);
  background-position: center top;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pricelist--new--black .pricelist-label {
    background: #333740;
  }
}
@media only screen and (max-width: 640px) {
  .pricelist--new--black .pricelist-label {
    background: #333740;
  }
}
.pricelist--new--black .btn, .pricelist--new--black .webform-client-form input.btn, .webform-client-form .pricelist--new--black input.btn, .pricelist--new--black .hero_cta_btn a, .hero_cta_btn .pricelist--new--black a {
  background-color: #333740;
}
.pricelist--new--black .btn:hover, .pricelist--new--black .hero_cta_btn a:hover, .hero_cta_btn .pricelist--new--black a:hover {
  background-color: #212226;
}

/**
 * Inherit text colors from full-row
 */
.function p, a {
  color: inherit;
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .function {
    padding-right: 20px;
  }
}
.function .left {
  width: calc(21.0526315789% - 20px);
  float: left;
  margin-right: 20px;
}
.function .left span:before {
  color: #FFF;
  font-size: 50px;
}
.function .right {
  float: left;
  width: 78.9473684211%;
  padding-right: 15.7894736842%;
}
.function .right .h3, .function .right .typography h3, .typography .function .right h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.function .right p, .function .right a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}

.extra--margin {
  margin-top: 70px;
}

.packages-section .btn, .packages-section .webform-client-form input.btn, .webform-client-form .packages-section input.btn, .packages-section .hero_cta_btn a, .hero_cta_btn .packages-section a {
  margin-bottom: 0;
}

.reason-top {
  text-align: center;
  margin-bottom: 30px;
}

.reason-bottom .h3, .reason-bottom .typography h3, .typography .reason-bottom h3 {
  font-size: 30px;
  font-family: "Melbourne", sans-serif !important;
  color: #40AE4D;
}
.reason-bottom p, .reason-bottom a {
  font-size: 16px;
  line-height: 24px !important;
  font-weight: 300;
}

.hero-paragraph .green-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #40AE4D;
  opacity: 0.9;
}
.hero-paragraph .hero {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90% !important;
}
.hero-paragraph .logo {
  background-image: url(../images/logo-paragraph.png);
  display: block;
  width: 52px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 30px;
}

article.typography .function-row {
  margin-bottom: 90px;
}
@media only screen and (max-width: 640px) {
  article.typography .function-row {
    margin-bottom: 30px;
  }
}
article.typography .function-row:last-of-type {
  margin-bottom: 0;
}
article.typography .function-detail {
  color: #FFF;
}
article.typography .function-detail.column {
  margin-bottom: 30px;
}
article.typography .function-detail span:before {
  font-size: 46px;
}
article.typography .function-detail a {
  color: #FFF;
}
article.typography .function-detail h2 {
  font-family: "Melbourne", sans-serif !important;
  font-size: 30px;
  line-height: 36px;
  color: #FFF;
  margin-top: 10px;
  margin-bottom: 20px;
}
article.typography .function-detail h3 {
  font-size: 20px;
  line-height: 24px;
  position: relative;
  font-weight: 700;
}
article.typography .function-detail h3:before {
  font-family: 'mww';
  content: "\e604";
  font-size: 10px;
  color: #6bdd77;
  position: absolute;
  left: -22px;
  top: 0;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  article.typography .function-detail h3:before {
    position: relative;
    left: -9px;
    top: -2px;
  }
}
article.typography .function-detail p {
  font-size: 18px;
  line-height: 28px;
  color: #FFF;
  font-weight: 300;
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .function-row .col-1-4:first-of-type {
    width: calc(50% - 20px);
    clear: right;
    display: block;
    float: none;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 80px;
  }
  .function-row .col-1-4 {
    text-align: left;
  }
  .function-row .function-detail.column {
    padding-right: 20px;
  }
}

section.function-section {
  display: none;
}

@media screen and (min-width: 966px) and (max-width: 1023px) {
  .pricelist--new .col-4-12:nth-of-type(2) {
    width: 300px;
    margin-top: -40px;
    margin-left: -15px;
  }
}
@media screen and (max-width: 965px) {
  .pricelist--new .col-4-12 {
    max-width: 580px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  article.typography .function-detail.column {
    height: auto !important;
  }
}

.q-and-a {
  margin-top: -50px;
  position: relative;
}
.q-and-a .h2, .q-and-a .typography h2, .typography .q-and-a h2 {
  margin-bottom: 60px;
}
.q-and-a .col-6-12 {
  text-align: left;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .q-and-a .col-6-12 {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .q-and-a .col-6-12 {
    text-align: center;
  }
}
.q-and-a .col-6-12 span.bold {
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .q-and-a .col-6-12 {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  .q-and-a .col-6-12 {
    width: 100%;
  }
}

.q-and-a:first-of-type .h2, .q-and-a:first-of-type .typography h2, .typography .q-and-a:first-of-type h2 {
  margin-top: 50px;
}
.q-and-a:first-of-type .h2:before, .q-and-a:first-of-type .typography h2:before, .typography .q-and-a:first-of-type h2:before {
  content: "";
  border-top: 1px solid #edeff2;
  width: 100%;
  position: absolute;
  top: -70px;
  left: 0;
}

.q-and-a:first-of-type .h2.no-separator:before, .q-and-a:first-of-type .typography h2.no-separator:before, .typography .q-and-a:first-of-type h2.no-separator:before {
  border-top: none;
}

.column.padding-needed {
  padding: 35px 0;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .column.padding-needed .content {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .column.padding-needed .content {
    text-align: center;
  }
}

section.margin-needed.packages-section {
  padding-bottom: 0;
}

.experts .left-item, .experts .right-item {
  float: left;
}
.experts .left-item {
  line-height: 0;
  overflow: hidden;
  width: 41.0256410256%;
}
@media only screen and (max-width: 640px) {
  .experts .left-item {
    width: 100%;
  }
}
.experts .left-item img {
  line-height: 0;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .experts .left-item img {
    width: 110%;
    height: auto;
  }
}
@media only screen and (max-width: 640px) {
  .experts .left-item img {
    width: 100%;
    height: auto;
  }
}
.experts .right-item {
  width: 58.9743589744%;
}
@media only screen and (max-width: 640px) {
  .experts .right-item {
    width: 100%;
  }
}

@media only screen and (max-width: 756px) and (min-width: 640px) {
  .experts .left-item img {
    width: 140%;
    height: auto;
  }
}
.category-label {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 17px;
  font-weight: 700;
  position: absolute;
  left: 20px;
  bottom: 20px;
  padding-left: 40px;
  max-width: 200px;
}
.category-label:before {
  position: absolute;
  left: 0;
  font-size: 26px;
  top: -5px;
}

.item {
  margin-bottom: 20px;
}

.integration-group .item .inner-content {
  padding-bottom: 80px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .integration-group .item .category-label {
    bottom: 60px;
  }
  .integration-group .item a.external {
    left: 20px;
  }
  .integration-group .item a.external:after {
    right: 0px;
    left: 15px;
    position: relative;
  }
}
@media only screen and (max-width: 640px) {
  .integration-group .item .category-label {
    bottom: 60px;
  }
  .integration-group .item a.external {
    left: 20px;
  }
  .integration-group .item a.external:after {
    right: 0px;
    left: 15px;
    position: relative;
  }
}

.item .inner-content {
  padding: 20px 20px;
}
.item .inner-content p {
  margin-top: 20px;
  font-size: 0.92rem;
  line-height: 1.25rem;
}
.item a.external {
  position: absolute;
  right: 50px;
  bottom: 20px;
  font-size: 1.0625rem;
  line-height: 16px;
  font-weight: 700;
  color: #333740;
}
.item a.external:after {
  top: 0;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .item .absolute-links {
    height: 100px;
  }
  .item .absolute-links .integration-group .category-label {
    bottom: 60px;
  }
  .item .absolute-links .integration-group a.external {
    left: 0px;
  }
}
@media only screen and (max-width: 640px) {
  .item .absolute-links {
    height: 100px;
  }
  .item .absolute-links .integration-group .category-label {
    bottom: 60px;
  }
  .item .absolute-links .integration-group a.external {
    left: 20px;
  }
}

.partner_tile.text--left .absolute-links {
  width: 100%;
}

.mww-ball {
  content: "\e605";
}

ul.category-chooser li a {
  display: block;
  color: #333740;
  margin-bottom: 15px;
  font-weight: 400;
  position: relative;
  padding-left: 44px;
  font-family: "Source Sans Pro", sans-serif;
  padding-bottom: 10px;
}
ul.category-chooser li a:before {
  position: absolute;
  font-size: 22px;
  left: 0;
  top: -4px;
}
ul.category-chooser li a.active {
  font-weight: 700;
}

.absolute-links img {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

@media only screen and (max-width: 400px) {
  .absolute-links img {
    bottom: 50px;
  }
}
.item p.description {
  margin-top: 0;
  font-weight: 700;
  font-size: 20px;
}

.pricelist .upper {
  text-transform: uppercase;
}

p.description {
  color: #88979d;
}

.form_terms {
  position: relative;
  max-width: 80%;
}
@media only screen and (max-width: 640px) {
  .form_terms {
    max-width: 100%;
  }
}
.form_terms input {
  border-style: solid;
  border-width: 1px;
  border-color: #d2d7e0;
  background-color: white;
  padding: 0 5px;
  height: 50px;
  padding: 0 15px;
  width: calc(100% - 50px);
}
.form_terms button {
  background-color: #333740;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 50px;
  border-radius: 0 25px 25px 0;
  position: absolute;
  right: 0;
  height: 50px;
  top: 0;
  border: 0;
}
.form_terms button:before {
  content: "\e63d";
  font-family: 'mww';
  color: #F0C32C;
  font-size: 16px;
}

section.partners h2 {
  font-family: "Melbourne", sans-serif;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}
section.partners .category-label {
  height: 17px;
}
section.partners .partner-intro {
  margin-bottom: 20px;
}

.partners .absolute-links {
  position: absolute;
  bottom: 0;
  left: 0;
  width: inherit;
}

.partner_item.text--right .absolute-links {
  right: 0;
  left: initial;
}

.partner_text {
  padding: 20px;
  position: relative;
  width: 45.7142857143%;
  float: left;
  padding-bottom: 80px;
}
@media only screen and (max-width: 640px) {
  .partner_text {
    width: 100%;
  }
}
.partner_text p {
  margin-top: 30px;
}

.partner_image {
  float: left;
  line-height: 0;
  overflow: hidden;
  width: 54.2857142857%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .partner_image {
    width: 100%;
    display: none;
  }
}
.partner_image img {
  line-height: 0;
}
.partner_image a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 640px) {
  .partner_image {
    display: none !important;
  }
}

.partner_image--highlight-text {
  position: absolute;
  right: 20px;
  bottom: 30px;
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
}

.partner_row {
  margin-left: -20px;
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .partner_row {
    margin-left: 0;
  }
}

.partner_tile {
  margin-left: 20px;
  float: left;
  padding: 20px;
}
.partner_tile p {
  margin-top: 30px;
  word-wrap: break-word;
}
@media screen and (max-width: 640px) {
  .partner_tile {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
  }
}

.partner_tile {
  padding-bottom: 80px;
  margin-bottom: 20px;
}
.partner_tile .absolute-links {
  width: 100%;
}
.partner_tile.highlighted_item {
  padding: 0;
}
.partner_tile.highlighted_item .partner_text_new {
  padding-left: 0px;
  padding-right: 0px;
}
.partner_tile.highlighted_item .category-label {
  left: 20px;
}
.partner_tile.highlighted_item .partner_logo_new {
  text-align: left;
}

.partner_text_new p {
  font-size: 0.92rem;
}

.partner_logo_new {
  text-align: center;
}

.partner_image--holder {
  height: inherit;
}

.partner_background-image {
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: center;
}

a.arrow {
  position: absolute;
  right: 50px;
  bottom: 20px;
  font-size: 1.0625rem;
  line-height: 16px;
  font-weight: 700;
  color: #333740;
}
a.arrow:before {
  content: "\e600";
  position: absolute;
  color: #F0C32C;
  right: -23px;
  top: 2px;
  font-family: 'mww';
}
a.arrow:after {
  top: 0;
}

.partner_logo {
  margin-bottom: 40px;
}

.video-player {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 530px;
}
@media screen and (max-width: 640px) {
  .video-player {
    height: auto;
  }
}

.play-pause {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  z-index: 33;
  width: 54px;
  height: 54px;
  opacity: 0.9;
  background-image: url(../images/partners/play.png);
}
.play-pause:hover {
  opacity: 1;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .general-info-block-col {
    max-width: 364px;
    display: block;
    margin: 0 auto;
    transform: translateX(50%);
  }
}

.general-info-block {
  padding: 26px 80px;
  margin-top: 0;
}
@media only screen and (max-width: 640px) {
  .general-info-block {
    padding: 26px;
  }
}
.general-info-block .euro-holder {
  top: -16px;
}
.general-info-block .euro-holder .euro {
  font-family: "Melbourne-Light", sans-serif;
  color: #333740;
}
.general-info-block h2.h2, .general-info-block .typography h2, .typography .general-info-block h2 {
  font-size: 20px !important;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600 !important;
}
.general-info-block a.btn, .general-info-block .hero_cta_btn a, .hero_cta_btn .general-info-block a {
  width: 100%;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .general-info-block a.btn, .general-info-block .hero_cta_btn a, .hero_cta_btn .general-info-block a {
    width: initial;
  }
}

.detail .general-info-block ul li:before {
  color: #F0C32C;
}

.detail .usp--listed ul {
  margin-bottom: 0;
}
.detail .usp--listed ul li {
  margin-bottom: 10px;
}
.detail .usp--listed ul li:before {
  color: #6BDE78;
  content: "\e604";
  font-size: 12px;
}

.medium-padding-needed {
  padding-top: 30px;
  padding-bottom: 30px;
}

.support-page article h2.h1 {
  margin-top: -1px !important;
  margin-bottom: 16px !important;
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .photo-item .swiper-slide {
    float: none !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .photo-item img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

.swiper-package-container .swiper-slide {
  float: left;
}

.node-type-partner .partner-pull-right {
  float: right;
}
.node-type-partner .partner-offset-1 {
  margin-right: 100px !important;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .node-type-partner .partner-offset-1 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 640px) {
  .node-type-partner .partner-offset-1 {
    margin-right: 0px !important;
  }
}

.partner-read-more p {
  color: #88979d;
}
.partner-read-more a {
  margin: 0px;
}

.integration-group .offset-1 {
  margin-left: 80px !important;
}

ul.striped {
  list-style: none;
  margin-bottom: 40px;
  clear: both;
}
ul.striped li {
  padding: 15px 0;
  padding-left: 20px;
  padding-right: 20px;
  list-style: none;
  border-top: 1px solid #d2d7e0;
}
ul.striped li:before {
  content: "";
  color: transparent;
  padding: 0;
}
ul.striped li:nth-child(odd) {
  background-color: #f8f9fb;
}
ul.striped li:last-of-type {
  border-bottom: 1px solid #d2d7e0;
}

span.popup {
  position: absolute;
  display: none;
  z-index: 9;
  -moz-transition: all ease;
  -o-transition: all ease;
  -webkit-transition: all ease;
  transition: all ease;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  border: solid 1px #88979d;
  color: #333740;
  font-size: 14px;
  line-height: 20px;
  padding: 10px;
  min-width: 13em;
  top: -29px;
  left: 36px;
}
span.popup.popup-shown {
  display: block;
  white-space: normal;
}
span.popup:before {
  content: url(../images/popup-left.png);
  position: absolute;
  left: -13px;
  top: 31px;
}

@media only screen and (min-width: 1024px) {
  .stretched {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.question-icon {
  position: relative;
  margin-left: 10px;
}
.question-icon:before {
  font-family: 'mww';
  content: "\e900";
  color: #88979d;
  position: absolute;
  font-size: 20px;
}

.checkmark {
  position: relative;
}
.checkmark:before {
  font-family: 'mww';
  content: "\e604";
  color: #6bde78;
  font-size: 12px;
}

.table-holder .left, .table-holder .right {
  display: inline-block;
  float: left;
}
.table-holder .left {
  width: 40%;
}
.table-holder .right {
  width: 60%;
}
.table-holder .right .first {
  display: inline-block;
  width: 50%;
  text-align: center;
}
.table-holder .right .second {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.typography h3.select-icons, .typography .select-icons.h3 {
  padding-left: 20px;
  font-size: 19px;
  padding-left: 52px;
  position: relative;
  margin-bottom: 18px;
}
.typography h3.select-icons:before, .typography .select-icons.h3:before {
  font-family: 'mww';
  font-weight: 400;
  font-size: 30px;
  position: absolute;
  left: 20px;
}

.table-holder .pl-holder {
  float: left;
  margin-right: 20px;
}
@media only screen and (min-width: 1024px) {
  .table-holder .pl-holder {
    width: 220px;
  }
}
.table-holder .pricelist {
  float: right;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .table-holder .pricelist {
    float: none;
  }
}
@media only screen and (max-width: 640px) {
  .table-holder .pricelist {
    float: none;
  }
}
.table-holder .bg-pricelist {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #edeff2;
  padding: 10px 20px;
  margin-bottom: -10px;
  position: relative;
  z-index: 3;
}
.table-holder .shadow:before {
  content: url(../images/compare/shadow.png);
  position: absolute;
  z-index: 2;
  opacity: 1;
  left: -10px;
  top: 109px;
}

.pricelist .spacer {
  float: left;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pricelist .spacer {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .pricelist .spacer {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pricelist .right-side-holder {
    float: left;
    width: 50%;
  }
}
.pricelist .right-side-holder .mobile-spacer {
  width: 50%;
  display: inline;
}
.pricelist .right-side-holder .mobile-spacer:first-of-type {
  margin-right: 40px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pricelist .right-side-holder .mobile-spacer:first-of-type {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .pricelist .right-side-holder {
    float: right;
  }
}
.pricelist .right-side-holder .h3, .pricelist .right-side-holder .typography h3, .typography .pricelist .right-side-holder h3 {
  display: inline-block;
}

header {
  margin: 0 auto;
  position: relative;
  z-index: 88;
}

a.logo {
  float: left;
  display: inline-block;
}
a.logo span.logo-visual {
  background-image: url("../images/logo-beeldmerk.png");
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  a.logo span.logo-visual {
    background-image: url("../images/logo-beeldmerk@2x.png");
    -webkit-background-size: 34px 34px;
    -moz-background-size: 34px 34px;
    -o-background-size: 34px 34px;
    background-size: 34px 34px;
  }
}
@media only screen and (max-width: 640px) {
  .nav-visible a.logo span.logo-visual {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .nav-visible a.logo span.logo-visual {
    display: none;
  }
}
a.logo span.logo-text {
  background-image: url("../images/logo-woordmerk.png");
  width: 186px;
  height: 34px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  a.logo span.logo-text {
    background-image: url("../images/logo-woordmerk@2x.png");
    -webkit-background-size: 186px 34px;
    -moz-background-size: 186px 34px;
    -o-background-size: 186px 34px;
    background-size: 186px 34px;
  }
}
@media only screen and (min-width: 1024px) {
  a.logo span.logo-text {
    display: inline-block;
  }
}
a.logo span.support-text {
  background-image: url("../images/support.png");
  width: 51px;
  height: 13px;
  top: 5px;
  position: absolute;
  right: -60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  a.logo span.support-text {
    background-image: url("../images/support@2x.png");
    -webkit-background-size: 51px 13px;
    -moz-background-size: 51px 13px;
    -o-background-size: 51px 13px;
    background-size: 51px 13px;
  }
}
@media only screen and (min-width: 1024px) {
  a.logo span.support-text {
    display: inline-block;
  }
}

.headroom--top a.logo {
  position: absolute;
  left: 20px;
  top: 20px;
}
@media only screen and (min-width: 1024px) {
  .headroom--top a.logo {
    top: 34px;
  }
}

.headroom--not-top a.logo {
  position: absolute;
  top: 24px;
  left: 20px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .headroom--not-top a.logo {
    top: 13px;
  }
}
@media only screen and (max-width: 640px) {
  .headroom--not-top a.logo {
    top: 13px;
  }
}

.headroom--unpinned a.logo span.logo-text, .headroom--not-top a.logo span.logo-text {
  background-image: url("../images/logo-woordmerk-donker.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .headroom--unpinned a.logo span.logo-text, .headroom--not-top a.logo span.logo-text {
    background-image: url("../images/logo-woordmerk-donker@2x.png");
    -webkit-background-size: 186px 34px;
    -moz-background-size: 186px 34px;
    -o-background-size: 186px 34px;
    background-size: 186px 34px;
  }
}

header .right-aligned {
  float: right;
}

a.log-in {
  display: none;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-top: 9px;
  margin-left: 10px;
  color: #FFF;
}
.headroom--not-top a.log-in {
  color: #FFF;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .nav-visible a.log-in {
    display: inline-block;
  }
  a.log-in:after {
    content: "";
  }
}
@media only screen and (max-width: 640px) {
  .nav-visible a.log-in {
    display: inline-block;
  }
  a.log-in:after {
    content: "";
  }
}

.max-width-780 {
  max-width: 780px;
  margin: 0 auto;
}

.hero_cta_btn a {
  display: inline-block;
  min-width: 150px;
  text-align: center;
  padding-left: 40px;
  background-color: #6BDE78;
}

.facets {
  padding: 50px 0;
}
.facets ul li {
  width: 75px;
}
.facets ul.large li {
  width: 100px;
}
.facets ul.large .facet-icon {
  font-size: 17px;
  line-height: 20px;
}
.facets .facet-icon {
  font-size: 14.4px;
  position: relative;
  display: block;
  padding-top: 40px;
  line-height: 16.8px;
}
.facets .facet-icon.no-result {
  color: #babbbf;
}
.facets .facet-icon:before {
  position: absolute;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 6px;
  font-size: 30px;
}
.facets .facet-icon span.dot {
  position: absolute;
  background-color: #F0C32C;
  border-radius: 15px;
  width: 25px;
  height: 25px;
  top: -35px;
  left: 58px;
}
.facets .facet-icon span.dot span {
  position: absolute;
  color: #FFF;
  top: 4px;
  width: 25px;
  text-align: center;
  display: block;
  font-size: 16px;
}
.facets .facet-icon span.dot:before {
  content: "";
}

.facets ul li a.active:after {
  bottom: -20px !important;
}

.results .outercontainer {
  display: table;
  height: 80px;
  overflow: hidden;
}
.results .innercontainer {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.results .result {
  padding: 0 20px;
  display: block;
  position: relative;
  border-bottom: 1px solid #edeff2;
}
.results .result:first-of-type {
  margin-top: 50px;
  border-top: 1px solid #edeff2;
}
.results .result:last-of-type {
  margin-bottom: 50px;
}
.results .result:hover {
  background-color: #F5F5F5;
}
.results .left-result {
  float: left;
  top: 50%;
  bottom: auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}
.results .right-result {
  float: left;
  text-align: left;
  margin-left: 60px;
  padding-right: 30px;
}
.results a.result-icon {
  color: #333740;
  /* Change Icons here */
}
.results a.result-icon:after {
  content: "\e600";
  color: #F0C32C;
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 50%;
  bottom: auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: visible;
  margin-top: -5px;
}
.results a.result-icon .left-result:before {
  font-size: 22px;
  content: "\e605";
}
.results a.result-icon .left-result.vimeo:before {
  content: "\e603";
}
.results a.result-icon .right-result {
  font-weight: 600;
}
.results a.result-icon .right-result span {
  display: block;
  font-weight: 400;
}

.faq .col-6-12:nth-of-type(1) .result:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .faq .col-6-12:nth-of-type(2) .result {
    border-top: none;
    margin-top: 0;
  }
}
@media only screen and (max-width: 640px) {
  .faq .col-6-12:nth-of-type(2) .result {
    border-top: none;
    margin-top: 0;
  }
}

.detail .field-intro {
  margin-top: 0;
}

.detail span.date {
  margin-bottom: 40px;
  display: block;
}

.detail .content-image img {
  padding: 23px;
  background-color: #EDEFF2;
}

.detail.no-grey-borders .content-image img {
  background-color: transparent;
  padding: 0;
}

.detail ul li {
  text-indent: 0;
  padding-left: 24px;
}

.detail ul li:before {
  left: 0;
  top: 2px;
  content: "\e630";
  color: #333740;
  position: absolute;
  font-size: 22px;
}

.detail .smaller-row {
  padding: 0;
}

.poll ul li {
  float: left;
  list-style: none !important;
  padding-left: 0;
  margin-right: 10px;
}
.poll ul li:before {
  content: "";
}
.poll ul li a.small.btn, .poll ul li .hero_cta_btn a.small, .hero_cta_btn .poll ul li a.small {
  margin-top: -20px;
}
.poll .poll-options {
  margin-bottom: 1.875rem;
}
.poll .poll-options p {
  margin-bottom: 0px;
}
.poll .poll-options ul {
  margin-bottom: 1.875rem;
  float: left;
}
.poll .poll-options ul li {
  text-indent: 0;
  padding-left: 1em;
  float: left;
  clear: both;
}
.poll .poll-options ul li a {
  cursor: pointer;
  color: #333740;
}
.poll .poll-options ul li a:hover {
  color: #333740;
}
.poll .poll-options ul li:before {
  font-size: 0.625rem;
  left: 0;
  top: 8px;
  content: "\e60a" !important;
  color: #F0C32C;
  position: absolute;
}

article.typography a.direction-waypoint {
  color: #333740;
}
article.typography a.direction-waypoint:hover {
  text-underline: none;
}

.results .btn:after, .results .hero_cta_btn a:after, .hero_cta_btn .results a:after {
  content: "\e60f";
}

#scrollspy .title-link {
  color: #88979d;
  font-weight: 400;
  margin-bottom: 20px;
}
#scrollspy a {
  color: #333740;
  font-weight: 400;
  position: relative;
  display: block;
  margin-bottom: 20px;
}
#scrollspy a.active {
  font-weight: 600;
}
#scrollspy a.active:before {
  content: "\e60a";
  position: absolute;
  left: -15px;
  font-size: 10px;
  top: 8px;
}

#scrollspy {
  position: relative;
}
#scrollspy.sticky {
  width: 220px;
  position: fixed;
  top: 120px;
}
.xxl #scrollspy.sticky {
  width: 300px;
}
#scrollspy.fixed-sticky-bottom {
  position: absolute;
  bottom: 120px;
  top: auto;
}
#scrollspy .title-link {
  margin-top: 50px;
}
#scrollspy .title-link:first-of-type {
  margin-top: 0;
}
#scrollspy a.external-link {
  position: relative;
  font-weight: 500;
}
#scrollspy a.external-link:after {
  position: absolute;
  content: "\e600";
  color: #F0C32C;
  font-size: 12px;
  margin-top: 7px;
  margin-left: 5px;
}

.support-facets {
  margin-top: 40px;
}

.yellow .three-column-holders .column-icon:before {
  color: #FFF;
}

.three-column-holders .column-icon:before {
  color: #40AE4D;
}

.support-page article.typography h1, .support-page article.typography .h1 {
  font-size: 2.8em;
}
.support-page article.typography h2, .support-page article.typography .h2 {
  font-size: 29px;
  line-height: 41px;
  margin-bottom: 11px;
  margin-top: 11px;
}
.support-page article.typography h3, .support-page article.typography .h3 {
  font-size: 22.4px;
  line-height: 31px;
  margin-bottom: 8px;
  margin-top: 8px;
  font-family: "Source Sans Pro", sans-serif !important;
}
.support-page article.typography h4, .support-page article.typography .h4 {
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 8px;
  margin-top: 8px;
  font-family: "Source Sans Pro", sans-serif !important;
}
@media only screen and (max-width: 640px) {
  .support-page article.typography h4, .support-page article.typography .h4 {
    font-size: 19px;
    line-height: 36px;
  }
  .support-page article.typography h4:before, .support-page article.typography .h4:before {
    top: 12px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 1280px) {
  .support-page article.typography h4, .support-page article.typography .h4 {
    font-size: 19px;
    line-height: 32px;
  }
  .support-page article.typography h4:before, .support-page article.typography .h4:before {
    top: 12px;
    font-size: 13px;
  }
}

/*
article.typography {
  .node-type-support & {
    .h2 {
      font-size: rem(22.4);
    }
  }
}*/
.balloon--holder {
  margin-top: 20px;
}

.balloon {
  display: block;
  background-color: #6BDE78;
  color: #FFF;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 20px;
  text-align: center;
  width: 46%;
  float: left;
}
.balloon [class^="icon"] {
  color: #333740;
  font-size: 50px;
}
@media only screen and (max-width: 640px) {
  .balloon {
    width: 100%;
    margin-bottom: 20px;
  }
  .balloon:first-of-type {
    margin-right: 0;
  }
}
.balloon:first-of-type {
  margin-right: 4%;
}
.balloon p {
  color: #FFF;
}
.balloon .smaller {
  font-size: 14px;
  line-height: 1.1;
  margin-top: 6px;
  margin-bottom: 6px;
}
.balloon .small {
  font-size: 20px;
  margin-bottom: 10px;
}
.balloon:hover {
  background-color: #40AE4D;
}

.extra-margin {
  margin-top: 20px;
}

.view-support-search .p2 {
  font-size: 17px;
  line-height: 27px;
}

.address {
  font-size: 14px;
  color: #333740;
}
@media only screen and (min-width: 1280px) {
  .address {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .address {
    padding-left: 30px;
  }
}
.address p, .address a {
  font-size: 17px;
  line-height: 27px;
}
.address a {
  color: #333740;
}
.address .social-links {
  margin-top: 20px;
}

.left-column {
  float: left;
  width: 45%;
  margin-right: 5%;
}

.right-column {
  float: left;
  width: 50%;
}
.right-column a {
  color: #333740;
}

.border--needed .col-6-12:first-of-type {
  position: relative;
}
.border--needed .col-6-12:first-of-type:after {
  content: "";
  border-right: 1px solid #EBEBEB;
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .border--needed .col-6-12:first-of-type:after {
    border: none;
  }
}
@media only screen and (max-width: 640px) {
  .border--needed .col-6-12:first-of-type:after {
    border: none;
  }
}

.no__padding__left__side .results-wrapper {
  margin-bottom: 70px;
  clear: both;
}
.no__padding__left__side .results-wrapper .col-6-12:nth-of-type(1) > .result, .no__padding__left__side .results-wrapper .col-6-12:nth-of-type(2) > .result {
  border-top: 1px solid #edeff2;
}
.no__padding__left__side .results .result {
  border: none;
  border-bottom: 1px solid #edeff2;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.results .right-result {
  padding-right: 40px;
}

body.node-type-webform .article-holder {
  background-color: #6BDE78;
}
body.node-type-webform .article-holder .row {
  background-color: #FFF;
}
body.node-type-webform .article-holder .row section.padding-needed {
  max-width: 790px;
  margin: 0 auto;
}
body.node-type-webform .article-holder .row section.padding-needed h1 {
  margin-bottom: 50px;
}
body.node-type-webform .article-holder .file-upload-js-error {
  border: 1px solid red;
  padding: 10px;
  background-color: #E61431;
  color: #FFF;
}
body.node-type-webform .article-holder form.form-horizontal .form-type-managed-file label {
  display: none;
}
body.node-type-webform .article-holder form.form-horizontal {
  width: 100%;
}
body.node-type-webform .article-holder form.form-horizontal > div {
  margin-left: -20px;
}
body.node-type-webform .article-holder form.form-horizontal input[type="text"], body.node-type-webform .article-holder form.form-horizontal input[type="email"], body.node-type-webform .article-holder form.form-horizontal select {
  width: 100%;
}
body.node-type-webform .article-holder form.form-horizontal #edit-submitted-bestanden-ajax-wrapper {
  clear: both;
}
body.node-type-webform .article-holder form.form-horizontal .form-submit, body.node-type-webform .article-holder form.form-horizontal legend, body.node-type-webform .article-holder form.form-horizontal .fieldset-wrapper {
  margin-left: 20px;
}
body.node-type-webform .article-holder form.form-horizontal .form-managed-file {
  margin-left: -20px;
}
@media only screen and (max-width: 640px) {
  body.node-type-webform .article-holder form.form-horizontal .form-submit {
    width: calc(100% - 20px);
  }
}
body.node-type-webform .article-holder form.form-horizontal .form-item {
  margin-left: 20px;
}
body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-textfield, body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-webform-email, body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-select {
  width: calc(50% - 20px);
}
@media only screen and (max-width: 640px) {
  body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-textfield, body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-webform-email, body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-select {
    width: calc(100% - 20px);
  }
}
body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-textarea, body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-managed-file {
  width: 100%;
}
body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-textarea textarea, body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-textarea input, body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-managed-file textarea, body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-managed-file input {
  width: calc(100% - 20px);
}
body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-webform-email {
  width: calc(100%);
  margin-bottom: 60px;
  clear: right;
}
body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-webform-email input {
  width: calc(50% - 20px);
}
@media only screen and (max-width: 640px) {
  body.node-type-webform .article-holder form.form-horizontal .form-item.form-type-webform-email input {
    width: calc(100% - 20px);
  }
}
body.node-type-webform .article-holder form.form-horizontal .fifty-percent {
  float: left;
  clear: none;
}

form .alert-block {
  width: calc(100% - 20px);
  margin-left: 20px;
  clear: both;
}

.results-wrapper .col-6-12:nth-child(3) {
  margin-left: 0;
}
.results-wrapper .col-6-12:nth-child(5) {
  margin-left: 0;
}
.results-wrapper .col-6-12:nth-child(6) {
  margin-left: 2.1276595745%;
}
.results-wrapper .col-6-12:nth-child(7) {
  margin-left: 0;
}
.results-wrapper .col-6-12.views-row-odd {
  margin-left: 0;
}
.results-wrapper .col-6-12.views-row-even {
  margin-left: 2.1276595745%;
}
@media only screen and (max-width: 640px) {
  .results-wrapper .col-6-12.views-row-even {
    margin-left: 0;
  }
}

body.white-header nav.navbar ul li a {
  font-size: 17px;
  color: #333740;
  font-weight: 400;
}

body.support-page nav.navbar.navbar-support {
  position: absolute;
  right: 20px;
  top: 0;
}
body.support-page .headroom--not-top nav.navbar.navbar-support {
  top: -8px;
}

.align-left a.to-homepage {
  position: relative;
}
.align-left a.to-homepage:before {
  position: absolute;
  content: "\e610";
  left: 0;
  top: 14px;
  font-size: 14px;
}

/* White header needed */
body.white-header .pushed-menu.headroom--top {
  height: 80px;
  background: none;
  background-color: #FFF;
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1024px) {
  body.white-header .pushed-menu.headroom--top {
    height: 100px;
  }
}
body.white-header .pushed-menu.headroom--top a.logo span.logo-text {
  background-image: url("../images/logo-woordmerk-donker.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.white-header .pushed-menu.headroom--top a.logo span.logo-text {
    background-image: url("../images/logo-woordmerk-donker@2x.png");
    -webkit-background-size: 186px 34px;
    -moz-background-size: 186px 34px;
    -o-background-size: 186px 34px;
    background-size: 186px 34px;
  }
}

body.white-header header .toggle-menu span {
  color: #333740;
}
body.white-header header .toggle-menu .hamburger span {
  background-color: #333740;
}
body.white-header header .toggle-menu .hamburger span:before {
  background-color: #333740;
}
body.white-header header .toggle-menu .hamburger span:after {
  background-color: #333740;
}
body.white-header.nav-visible header .toggle-menu .hamburger span {
  background-color: transparent;
}

body.nav-visible header .toggle-menu .hamburger span {
  background-color: transparent;
}
body.nav-visible header .toggle-menu .hamburger span:before {
  background-color: #FFF;
}
body.nav-visible header .toggle-menu .hamburger span:after {
  background-color: #FFF;
}

.breadcrumb {
  margin: 40px 0;
}
.breadcrumb ul li {
  float: left;
  padding-left: 0px;
}
.breadcrumb ul li a {
  color: #6BDE78;
  font-size: 17px;
  font-weight: 400;
  margin-right: 20px;
  display: block;
  position: relative;
  padding-right: 20px;
}
.breadcrumb ul li a:after {
  content: "›";
  position: absolute;
  color: #333740;
  right: 0;
}
.breadcrumb ul li a:hover {
  color: #40AE4D;
}
.breadcrumb ul li:before {
  content: "" !important;
  width: 0px !important;
  left: 0px;
  right: 0px;
}
.breadcrumb ul li:last-of-type a:after {
  content: '';
}

.smaller-row .breadcrumb ul li {
  position: initial;
  padding-left: 0;
}

.smaller-row .breadcrumb ul li:before {
  content: "";
}

.smaller-row.no-padding {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .smaller-row.no-padding {
    max-width: 940px;
  }
}

@media only screen and (min-width: 1024px) {
  .xxl .smaller-row.no-padding {
    max-width: 1100px;
  }
}

article .breadcrumb {
  margin-bottom: 0;
}

.breadcrumb ul li {
  text-indent: 0;
}

.alert-block {
  margin-bottom: 20px;
  padding: 18px;
}
.alert-block p, .alert-block a {
  color: #FFF;
}
.alert-block p:last-of-type, .alert-block a:last-of-type {
  margin-bottom: 0;
}
.alert-block p a {
  color: #FFF;
  text-decoration: underline;
}
.alert-block.yellow_third {
  background-color: #edb107;
  color: #FFF;
}

article.typography .alert-block a {
  color: #FFF;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 17px;
  line-height: 27px;
  text-decoration: underline;
}
@media only screen and (max-width: 640px) {
  article.typography .alert-block a {
    font-size: 19px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1280px) {
  article.typography .alert-block a {
    font-size: 19px;
    line-height: 32px;
  }
}
article.typography .alert-block a:hover {
  color: #FFF;
}
article.typography .alert-block ol li {
  list-style: decimal;
}
article.typography .alert-block ul li, article.typography .alert-block ol li {
  color: #FFF;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 17px;
  line-height: 27px;
}
article.typography .alert-block ul li:before, article.typography .alert-block ol li:before {
  color: #FFF;
}
@media only screen and (max-width: 640px) {
  article.typography .alert-block ul li, article.typography .alert-block ol li {
    font-size: 19px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1280px) {
  article.typography .alert-block ul li, article.typography .alert-block ol li {
    font-size: 19px;
    line-height: 32px;
  }
}
article.typography .alert-block ul li:hover, article.typography .alert-block ol li:hover {
  color: #FFF;
}

@media only screen and (max-width: 640px) {
  ul.support-facets {
    text-align: center;
  }
}
ul.support-facets li {
  list-style: none;
  display: inline-block;
  padding-left: 0;
  padding-right: 10px;
  margin-bottom: 10px;
}
ul.support-facets li:before {
  content: "";
}
ul.support-facets li a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  background-color: #EDEFF2;
  color: #333740;
}
ul.support-facets li a:hover {
  background-color: #D2D7E0;
}
ul.support-facets li a.active {
  background-color: #333740;
  color: #FFF;
  padding-right: 40px;
}
ul.support-facets li a.active:after {
  position: absolute;
  content: "\e609";
  color: #F0C32C;
  right: 20px;
  font-size: 12px;
  top: 15px;
}

.facets-top {
  margin-top: 50px;
}
.facets-top .leftside {
  position: relative;
}
.facets-top .leftside h4.h4, .facets-top .leftside .typography h4, .typography .facets-top .leftside h4 {
  position: absolute;
  top: 12px;
}
@media only screen and (max-width: 640px) {
  .facets-top .leftside h4.h4, .facets-top .leftside .typography h4, .typography .facets-top .leftside h4 {
    position: relative;
    float: none;
    top: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}
.facets-top .leftside, .facets-top .rightside {
  float: left;
}
@media only screen and (max-width: 640px) {
  .facets-top .leftside, .facets-top .rightside {
    position: relative;
    float: none;
  }
}
.facets-top .rightside {
  margin-left: 10.6382978723%;
}
@media only screen and (max-width: 640px) {
  .facets-top .rightside {
    margin-left: 0;
  }
}

body.i18n-en.white-header .pushed-menu.headroom--top a.logo span.logo-text {
  background-image: url("../images/mos/myonlinestore-beta-black.png");
  width: 236px;
  height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.i18n-en.white-header .pushed-menu.headroom--top a.logo span.logo-text {
    background-image: url("../images/mos/myonlinestore-beta-black@2x.png");
    -webkit-background-size: 236px 37px;
    -moz-background-size: 236px 37px;
    -o-background-size: 236px 37px;
    background-size: 236px 37px;
  }
}
body.i18n-en .headroom--unpinned a.logo span.logo-text, body.i18n-en .headroom--not-top a.logo span.logo-text {
  background-image: url("../images/mos/myonlinestore-beta-black.png");
  width: 236px;
  height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.i18n-en .headroom--unpinned a.logo span.logo-text, body.i18n-en .headroom--not-top a.logo span.logo-text {
    background-image: url("../images/mos/myonlinestore-beta-black@2x.png");
    -webkit-background-size: 236px 37px;
    -moz-background-size: 236px 37px;
    -o-background-size: 236px 37px;
    background-size: 236px 37px;
  }
}
body.i18n-en a.logo span.logo-text {
  background-image: url("../images/mos/myonlinestore-beta-white.png");
  width: 236px;
  height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.i18n-en a.logo span.logo-text {
    background-image: url("../images/mos/myonlinestore-beta-white@2x.png");
    -webkit-background-size: 236px 37px;
    -moz-background-size: 236px 37px;
    -o-background-size: 236px 37px;
    background-size: 236px 37px;
  }
}
body.i18n-en footer a.logo span.logo-text {
  background-image: url("../images/mos/myonlinestore-beta-black.png");
  width: 236px;
  height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.i18n-en footer a.logo span.logo-text {
    background-image: url("../images/mos/myonlinestore-beta-black@2x.png");
    -webkit-background-size: 236px 37px;
    -moz-background-size: 236px 37px;
    -o-background-size: 236px 37px;
    background-size: 236px 37px;
  }
}
body.i18n-en.support-page.white-header .pushed-menu.headroom--top a.logo span.logo-text {
  background-image: url("../images/myonlinestore-black.png");
  width: 186px;
  height: 34px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.i18n-en.support-page.white-header .pushed-menu.headroom--top a.logo span.logo-text {
    background-image: url("../images/myonlinestore-black@2x.png");
    -webkit-background-size: 186px 36px;
    -moz-background-size: 186px 36px;
    -o-background-size: 186px 36px;
    background-size: 186px 36px;
  }
}
body.i18n-en.support-page .headroom--unpinned a.logo span.logo-text, body.i18n-en.support-page .headroom--not-top a.logo span.logo-text {
  background-image: url("../images/myonlinestore-black.png");
  width: 186px;
  height: 34px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.i18n-en.support-page .headroom--unpinned a.logo span.logo-text, body.i18n-en.support-page .headroom--not-top a.logo span.logo-text {
    background-image: url("../images/myonlinestore-black@2x.png");
    -webkit-background-size: 186px 36px;
    -moz-background-size: 186px 36px;
    -o-background-size: 186px 36px;
    background-size: 186px 36px;
  }
}
body.i18n-en.support-page a.logo span.logo-text {
  background-image: url("../images/myonlinestore-white.png");
  width: 186px;
  height: 34px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.i18n-en.support-page a.logo span.logo-text {
    background-image: url("../images/myonlinestore-white@2x.png");
    -webkit-background-size: 186px 36px;
    -moz-background-size: 186px 36px;
    -o-background-size: 186px 36px;
    background-size: 186px 36px;
  }
}
body.i18n-en.support-page footer a.logo span.logo-text {
  background-image: url("../images/mos/myonlinestore-beta-black.png");
  width: 236px;
  height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body.i18n-en.support-page footer a.logo span.logo-text {
    background-image: url("../images/mos/myonlinestore-beta-black@2x.png");
    -webkit-background-size: 236px 37px;
    -moz-background-size: 236px 37px;
    -o-background-size: 236px 37px;
    background-size: 236px 37px;
  }
}

.hero-wrapper {
  height: 560px;
  position: relative;
  z-index: -1;
  background-color: #333740;
  margin: 0 auto;
}
.hero-wrapper.cta--header {
  z-index: 0;
}

body.node-type-guide-article.white-header .hero-wrapper {
  margin-top: -100px;
}

.hero-wrapper-front {
  height: 100vh;
  z-index: auto;
  background-color: transparent;
}
@media only screen and (min-width: 320px) and (max-width: 965px) {
  .hero-wrapper-front {
    min-height: 440px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-wrapper-front .hero {
    width: 620px;
  }
}

.hero form {
  position: relative;
  font-family: "Source Sans Pro", sans-serif;
}
.hero input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-radius: 4px;
  width: 100%;
  font-family: "Source Sans Pro", sans-serif;
}
.hero .btn-shop {
  height: 50px;
  padding-left: 25px;
  border-radius: 4px 25px 25px 4px;
  max-width: 99%;
}
.hero button {
  position: absolute;
  right: 0;
  height: 50px;
  top: 0;
  border: none;
  border-radius: 0;
  color: #FFF;
  font-size: 17px;
  font-weight: 600;
  font-family: "Source Sans Pro", sans-serif;
  padding-right: 40px;
  padding-left: 18px;
  -moz-border-radius: 0 25px 25px 0;
  -webkit-border-radius: 0;
  border-radius: 0 25px 25px 0;
}
.hero button:hover {
  cursor: pointer;
  background-color: #40AE4D;
}
.hero button:after {
  position: absolute;
  content: url("../images/small-arrow.png");
  right: 15px;
}

.hero {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  position: absolute;
  top: auto;
  bottom: 15%;
}
@media only screen and (min-width: 1024px) {
  .hero {
    bottom: 20%;
  }
}
@media only screen and (max-width: 640px) {
  .hero {
    width: 100%;
    transform: translateX(-50%) translateY(0);
    bottom: 20%;
  }
}
.hero .h1, .hero .typography h1, .typography .hero h1 {
  color: #FFF;
}
.hero .h1 span, .hero .typography h1 span, .typography .hero h1 span {
  font-size: 0.4em;
  line-height: 1.6em;
  text-align: center;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
}
.hero .smallcopy {
  position: absolute;
  color: #FFF;
  font-style: italic;
  font-size: 0.9375rem;
  line-height: 1.625rem;
  max-width: 200px;
  text-align: left;
  left: -80px;
  bottom: -90px;
}
.hero .smallcopy:after {
  content: url("../images/arrow.png");
  position: absolute;
  right: -8px;
  top: -26px;
}

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.background-image .full-image {
  height: 100%;
  background-size: cover;
  background-position: center;
}
.background-image .full-image:after {
  content: "";
  background: linear-gradient(to top, rgba(46, 45, 46, 0.64), rgba(0, 0, 0, 0));
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 220px;
}
.background-image .full-image.no-gradient:after {
  background: none !important;
}

.count-block {
  color: #FFF;
}
@media only screen and (min-width: 1024px) {
  .count-block {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: auto;
    bottom: -150px;
  }
}
.count-block span {
  font-family: "Melbourne", sans-serif;
  display: block;
}
.count-block .counter {
  font-size: 2.125em;
  font-weight: 700;
  letter-spacing: 0.3em;
}
.count-block .missed {
  font-family: "Source Sans Pro", sans-serif;
  margin-top: 10px;
  font-size: 0.75em;
  font-weight: 600;
  font-size: 14px;
  line-height: 32px;
  text-transform: uppercase;
}

.mobile-hero {
  background-color: #f8f8f8;
  padding: 30px 0;
  position: relative;
  transform: none;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}
.mobile-hero button {
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  position: relative;
  width: 100%;
}
.mobile-hero .btn-shop {
  border: 1px solid #eeeeee;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 20px;
}
.mobile-hero .intro-text {
  display: block;
  color: #333740;
  font-size: 1.375em;
  line-height: 38px;
  margin-top: 30px;
}
.mobile-hero .count-block {
  margin-top: 22px;
  color: #333740;
}
.mobile-hero .counter {
  color: #333740;
}
.partners-new .mobile-hero {
  margin-bottom: 20px;
}

.hero-not-front {
  width: 100%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  top: auto;
  position: absolute;
  top: auto;
  bottom: 50px;
  text-align: center;
}
.hero-not-front .h1, .hero-not-front .typography h1, .typography .hero-not-front h1 {
  color: #FFF;
  margin-bottom: 0;
}

.perspective-container {
  perspective: 1500px;
  transform-style: preserve-3d;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  bottom: 10%;
  top: auto;
  position: absolute;
}
@media only screen and (max-width: 640px) {
  .perspective-container {
    bottom: 15%;
  }
}

.icon-arrow-down-home {
  position: absolute;
  color: #FFF;
  left: -15px;
}

.hero-wrapper.hero-basic-page {
  margin-bottom: 70px;
}

.typography .hero-wrapper p {
  margin-bottom: 5px;
  color: #FFF;
}

.hero .smallcopy {
  display: none;
}
.hero .smallcopy.visible {
  display: block;
}

.large-header {
  font-family: "Source Sans Pro", sans-serif;
  letter-spacing: -12px;
}
.large-header:before {
  font-family: 'mww';
  font-weight: normal;
}

footer {
  padding: 80px 0;
  background-color: #eaecef;
  color: #333740;
}
footer .h4, footer .typography h4, .typography footer h4, footer .typography .h4, .typography footer .h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 30px;
  font-family: "Source Sans Pro", sans-serif;
}
footer h4.link {
  margin-bottom: 30px;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  footer h4.link {
    margin-bottom: 15px;
  }
}
footer ul.menu li[class^="icon-"]:before, footer ul.menu li.iconfont:before, footer .smaller-row ul.menu li:before, .smaller-row footer ul.menu li:before, footer .remodal .typography.info ul.menu li:before, .remodal .typography.info footer ul.menu li:before, footer ul.menu li.outside-grid.left:before, footer ul.menu ul.summary li:before, ul.summary footer ul.menu li:before, footer ul.menu li.category-label:before, footer ul.menu li.mww-ball:before, footer ul.menu .results a.result-icon li.left-result:before, .results a.result-icon footer ul.menu li.left-result:before, footer ul.menu li[class*=" icon-"]:before {
  font-size: 13px;
  width: 22px;
  text-align: center;
  display: inline-block;
  margin-right: 8px;
}
footer ul.menu li[class^="icon-"] a, footer ul.menu li.iconfont a, footer .smaller-row ul.menu li:before a, .smaller-row footer ul.menu li:before a, footer ul.menu li.btn:after a, footer .remodal .typography.info ul.menu li:before a, .remodal .typography.info footer ul.menu li:before a, footer ul.menu li.outside-grid.left:before a, footer ul.menu ul.summary li:before a, ul.summary footer ul.menu li:before a, footer ul.menu li.category-label:before a, footer ul.menu li.mww-ball a, footer ul.menu .results a.result-icon li.left-result:before a, .results a.result-icon footer ul.menu li.left-result:before a, footer ul.menu li.yellow-arrow-link:after a, footer ul.menu li[class*=" icon-"] a {
  font-family: "Source Sans Pro", sans-serif;
  color: #333740;
  font-size: 17px;
  line-height: 37px;
  font-weight: 400;
}
footer ul li a {
  color: #333740;
  font-size: 17px;
  line-height: 37px;
  font-weight: 400;
}
footer .border {
  width: 100%;
  height: 1px;
  background-color: #D2D7E0;
  margin: 60px 0;
}
footer a.logo span.logo-text {
  background-image: url("../images/logo-woordmerk-donker.png");
  display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  footer a.logo span.logo-text {
    background-image: url("../images/logo-woordmerk-donker@2x.png");
    -webkit-background-size: 186px 34px;
    -moz-background-size: 186px 34px;
    -o-background-size: 186px 34px;
    background-size: 186px 34px;
  }
}
footer .social-wrapper .col-6-12, footer .social-wrapper .col-5-12 {
  margin-top: 60px;
}
@media only screen and (max-width: 640px) {
  footer .social-wrapper .col-6-12, footer .social-wrapper .col-5-12 {
    margin-top: 30px;
    width: 100%;
  }
}
footer .social-wrapper .col-6-12:first-of-type, footer .social-wrapper .col-5-12:first-of-type {
  float: left !important;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  footer .social-wrapper .col-6-12:first-of-type, footer .social-wrapper .col-5-12:first-of-type {
    float: none !important;
  }
}
footer .social-wrapper .col-6-12:last-of-type, footer .social-wrapper .col-5-12:last-of-type {
  float: right;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  footer .social-wrapper .col-6-12:last-of-type, footer .social-wrapper .col-5-12:last-of-type {
    float: none !important;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  footer .social-wrapper .col-6-12, footer .social-wrapper .col-5-12 {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 640px) {
  footer {
    padding: 40px 0;
  }
}

ul.language-switch {
  width: 100px;
  height: 50px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background-color: #FFFFFF;
}
ul.language-switch li {
  float: left;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
ul.language-switch li a {
  display: block;
  text-transform: uppercase;
  color: #333740;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
ul.language-switch li a.active {
  color: #FFF;
  background-color: #333740;
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  footer .col-3-12 {
    margin-bottom: 30px;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  footer .col-3-12 {
    margin-bottom: 30px;
    width: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  footer .col-6-12 {
    max-width: 620px;
    margin: 0 auto;
    margin-bottom: 30px;
    float: none;
    clear: both;
  }
  footer .col-6-12:nth-of-type(3n) {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 640px) {
  footer .col-6-12 {
    margin-bottom: 30px;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  footer button.light-grey {
    width: 100%;
    background-color: #333740 !important;
    color: #FFFFFF !important;
    margin: auto;
    display: block;
  }
  footer button.light-grey:after {
    color: #F0C32C !important;
    font-size: 1rem !important;
    right: auto !important;
    margin-left: 10px;
    margin-top: 1px;
  }
}
@media only screen and (max-width: 640px) {
  footer ul.social li {
    margin-top: 10px;
  }
}
footer ul.social.float-right {
  float: right;
}
footer ul.social.float-right li.last {
  margin-right: 0px;
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .footer-links {
    margin-top: 30px;
    float: left;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-links ul {
    float: right;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-links ul li {
    float: left;
  }
}
.footer-links ul li:last-of-type a {
  margin-right: 0;
}
.footer-links ul li a {
  display: block;
  font-size: 13px;
  margin-right: 30px;
  color: #88979d;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .footer-links ul li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .footer-links ul li a {
    font-size: 16px;
  }
}
.footer-links ul li a:hover {
  color: #333740;
}

@media only screen and (min-width: 1024px) {
  .no-margin-left a.logo, .no-margin-left img.thuiswinkel-logo {
    margin-left: -20px;
  }
}

.footer-rating {
  font-size: 15px;
  line-height: 27px;
  margin-top: 3px;
  font-family: "Source Sans Pro", sans-serif !important;
}
@media only screen and (max-width: 640px) {
  .footer-rating {
    font-size: 17px;
    line-height: 36px;
  }
}
.footer-rating a {
  color: #6BDE78;
}
.footer-rating a:hover {
  color: #40AE4D;
}
.footer-rating .rating {
  font-size: 17px;
}
@media only screen and (max-width: 640px) {
  .footer-rating .rating {
    font-size: 19px;
  }
}
.footer-rating .rating-total {
  display: none;
}

.thuiswinkel-logo {
  margin-top: -16px;
}

@media screen and (max-width: 1023px) {
  footer .row.social-wrapper {
    text-align: center;
  }
  footer ul.social.float-right {
    float: none;
  }
  footer a.logo {
    float: none;
  }
  footer .col-4-12.no-margin-left {
    width: 100% !important;
    text-align: center;
  }
  footer .col-4-12.no-margin-left .thuiswinkel-logo {
    margin-bottom: 30px;
  }
  footer .col-8-12 {
    width: 100% !important;
  }
  footer .footer-links {
    position: relative;
    padding-bottom: 60px;
    text-align: center;
    float: none;
  }
  footer .footer-links ul {
    text-align: center;
  }
  footer .footer-links ul li {
    float: none;
    display: block;
  }
  footer .footer-links ul li a {
    margin-right: 0;
  }
  footer #language-switch-dropdown {
    position: absolute;
    bottom: 0;
    left: 50%;
    right: auto;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 !important;
  }
}

.full-row.light_grey.selector {
  -moz-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
}

.tabs ul, .facets ul {
  text-align: center;
  display: block;
}
.tabs ul li, .facets ul li {
  display: inline-table;
  margin-right: 24px;
}
.tabs ul li:last-of-type, .facets ul li:last-of-type {
  margin-right: 0;
}
.tabs ul li a, .facets ul li a {
  color: #333740;
  font-weight: 400;
  line-height: 80px;
  position: relative;
}
.tabs ul li a.active:after, .facets ul li a.active:after, .tabs ul li a:hover:after, .facets ul li a:hover:after {
  content: "";
  border-bottom: 2px solid #F0C32C;
  position: absolute;
  width: 40%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 130%;
}
.tabs ul.large li, .facets ul.large li {
  margin-right: 36px;
}

.switch-holder {
  margin-top: 50px;
  margin-bottom: 50px;
}

ul.switch {
  margin-top: 20px;
  background-color: #D2D7E0;
  border-radius: 25px;
  display: inline-block;
  list-style: none;
}
ul.switch.switch-cases {
  width: 320px;
  height: 50px;
}
ul.switch li {
  list-style: none;
  float: left;
  width: 160px;
}
ul.switch li a {
  display: block;
  color: #333740;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 25px;
}
ul.switch li a.active {
  color: #FFF;
  background-color: #333740;
  color: #FFF;
}

.flip-container {
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

.flip-container .flipper .cart-back, .flip-container .flipper .cart-front {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 0.6s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.flip-container .flipper .cart-front {
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.flip-container.hover .flipper .cart-front {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-container.hover .flipper .cart-back {
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

/* Frontpage Carts */
.view-case {
  overflow: hidden;
  position: relative;
  text-align: center;
}
.view-case.switch-bw .normal {
  transition: all 0.6s linear;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.view-case.switch-bw .bw {
  margin-top: -100%;
  transition: all 0.6s linear;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.view-case.switch-bw:hover .bw {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.view-case.switch-bw:hover .normal {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.view-case .mask, .view-case .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view-case img {
  display: block;
  position: relative;
}

.centered-text {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-backface-visibility: hidden;
}

.view-case p {
  position: relative;
  font-size: 22px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.view-case p:after {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  position: absolute;
  border-bottom: 1px solid #FFF;
  width: 80%;
  left: 50%;
  height: 1px;
  bottom: 0;
}

.view-case span.category {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.view-case p, .view-case span.category {
  color: #fff;
  text-align: center;
}

.view-first img {
  transition: all 0.8s ease-in-out;
}

.view-first .mask {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.6s ease-in-out;
}

.view-first p, .view-first .category {
  opacity: 0;
  transition: all 0.2s linear;
}

.view-first:hover img {
  transform: scale(1.1);
}

.view-first:hover .mask {
  opacity: 1;
}

.view-first:hover .centered-text {
  opacity: 1;
}
.view-first:hover .centered-text p, .view-first:hover .centered-text span.category {
  opacity: 1;
}

.view-first:hover p {
  transition-delay: 0.1s;
}

.view-first:hover a.info {
  transition-delay: 0.2s;
}

.full-row.light_grey.selector {
  -moz-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
}

.tabs ul, .facets ul {
  text-align: center;
  display: block;
}
.tabs ul li, .facets ul li {
  display: inline-table;
  margin-right: 24px;
}
.tabs ul li:last-of-type, .facets ul li:last-of-type {
  margin-right: 0;
}
.tabs ul li a, .facets ul li a {
  color: #333740;
  font-weight: 400;
  line-height: 80px;
  position: relative;
}
.tabs ul li a.active:after, .facets ul li a.active:after, .tabs ul li a:hover:after, .facets ul li a:hover:after {
  content: "";
  border-bottom: 2px solid #F0C32C;
  position: absolute;
  width: 40%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 130%;
}
.tabs ul.large li, .facets ul.large li {
  margin-right: 36px;
}

.switch-holder {
  margin-top: 50px;
  margin-bottom: 50px;
}

ul.switch {
  margin-top: 20px;
  background-color: #D2D7E0;
  border-radius: 25px;
  display: inline-block;
  list-style: none;
}
ul.switch.switch-cases {
  width: 320px;
  height: 50px;
}
ul.switch li {
  list-style: none;
  float: left;
  width: 160px;
}
ul.switch li a {
  display: block;
  color: #333740;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 25px;
}
ul.switch li a.active {
  color: #FFF;
  background-color: #333740;
  color: #FFF;
}

.flip-container {
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

.flip-container .flipper .cart-back, .flip-container .flipper .cart-front {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 0.6s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.flip-container .flipper .cart-front {
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.flip-container.hover .flipper .cart-front {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-container.hover .flipper .cart-back {
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

/* Frontpage Carts */
.view-case {
  overflow: hidden;
  position: relative;
  text-align: center;
}
.view-case.switch-bw .normal {
  transition: all 0.6s linear;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.view-case.switch-bw .bw {
  margin-top: -100%;
  transition: all 0.6s linear;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.view-case.switch-bw:hover .bw {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.view-case.switch-bw:hover .normal {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.view-case .mask, .view-case .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view-case img {
  display: block;
  position: relative;
}

.centered-text {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-backface-visibility: hidden;
}

.view-case p {
  position: relative;
  font-size: 22px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.view-case p:after {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  position: absolute;
  border-bottom: 1px solid #FFF;
  width: 80%;
  left: 50%;
  height: 1px;
  bottom: 0;
}

.view-case span.category {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.view-case p, .view-case span.category {
  color: #fff;
  text-align: center;
}

.view-first img {
  transition: all 0.8s ease-in-out;
}

.view-first .mask {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.6s ease-in-out;
}

.view-first p, .view-first .category {
  opacity: 0;
  transition: all 0.2s linear;
}

.view-first:hover img {
  transform: scale(1.1);
}

.view-first:hover .mask {
  opacity: 1;
}

.view-first:hover .centered-text {
  opacity: 1;
}
.view-first:hover .centered-text p, .view-first:hover .centered-text span.category {
  opacity: 1;
}

.view-first:hover p {
  transition-delay: 0.1s;
}

.view-first:hover a.info {
  transition-delay: 0.2s;
}

.grid-item .small-item {
  height: 100%;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid-item .small-item {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .grid-item .small-item {
    width: 100%;
  }
}
.grid-item .small-item .left-item, .grid-item .small-item .right-item {
  width: 50%;
  float: left;
  height: 100%;
  text-align: center;
}

.table-holder {
  display: table;
  width: 100%;
  height: 100%;
}

.cell-holder {
  display: table-cell;
  vertical-align: middle;
}

.grid-blog .grid-sizer {
  width: 50%;
}
.grid-blog .grid-item {
  width: 50%;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid-blog .grid-item {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .grid-blog .grid-item {
    width: 100%;
  }
}
.grid-blog .grid-item .h2, .grid-blog .grid-item .typography h2, .typography .grid-blog .grid-item h2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  font-family: "Source Sans Pro", sans-serif;
  color: #333740;
  padding: 20px;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .grid-blog .grid-item .h2, .grid-blog .grid-item .typography h2, .typography .grid-blog .grid-item h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
.grid-blog .grid-item p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
.grid-blog .grid-item .left-item, .grid-blog .grid-item .right-item {
  position: relative;
  text-align: center;
}
.grid-blog .grid-item .left-item {
  overflow: hidden;
}
.grid-blog .grid-item .left-item img, .grid-blog .grid-item .right-item img {
  -moz-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  -webkit-transition: all 1.1s ease;
  transition: all 1.1s ease;
}

.left-item.pushed {
  position: relative;
}

.grid-blog .block:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.large-item .triangle div {
  display: none;
}
.large-item .h2, .large-item .typography h2, .typography .large-item h2 {
  margin-top: -20px;
}

.grid-blog figure {
  position: relative;
  background-color: #FFF;
  position: relative;
  height: 100%;
  z-index: 9;
  -moz-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.grid-blog .grid-item img {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.grid-blog .grid-item svg {
  -moz-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  position: absolute;
  z-index: 7;
  width: 100%;
  height: 100%;
}
.grid-blog .grid-item svg path {
  fill: #fff;
  z-index: 9;
}
.grid-blog .grid-item .right-item {
  overflow: hidden;
}
.grid-blog .grid-item .left-item svg {
  top: -1px;
  left: 86%;
}
.grid-blog .grid-item .right-item svg {
  top: 0;
  right: 0.1%;
}

.grid-blog .grid-item .large-item svg {
  left: 1px;
  height: 42px;
  bottom: -1px;
  top: auto;
}

.results.blog-items {
  margin: 50px 0;
}

@media only screen and (max-width: 640px) {
  .grid-blog .grid-item p.small-body {
    display: none;
  }
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid-blog .grid-item .block .pushed {
    margin-left: 50%;
  }
  .grid-blog .grid-item .block .pushed svg.default {
    display: none;
  }
  .grid-blog .grid-item .block .pushed svg.alt {
    display: block;
    top: -1px;
    left: 0px;
  }
}
@media only screen and (max-width: 640px) {
  .grid-blog .grid-item .block .pushed {
    margin-left: 50%;
  }
  .grid-blog .grid-item .block .pushed svg.default {
    display: none;
  }
  .grid-blog .grid-item .block .pushed svg.alt {
    display: block;
    top: -1px;
    left: 0px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid-blog .grid-item .block .pulled {
    margin-left: -100%;
  }
}
@media only screen and (max-width: 640px) {
  .grid-blog .grid-item .block .pulled {
    margin-left: -100%;
  }
}

.grid-blog .grid-item .block svg.alt {
  display: none;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid-blog .grid-item .block .left-item.pulled svg.default {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .grid-blog .grid-item .block .left-item.pulled svg.default {
    display: none;
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .grid-blog .grid-item .block .right-item.pulled svg.default {
    display: none;
  }
  .grid-blog .grid-item .block .right-item.pulled svg.alt {
    display: block;
    top: -1px;
    left: 86%;
  }
}
@media only screen and (max-width: 640px) {
  .grid-blog .grid-item .block .right-item.pulled svg.default {
    display: none;
  }
  .grid-blog .grid-item .block .right-item.pulled svg.alt {
    display: block;
    top: -1px;
    left: 86%;
  }
}

.guide-overview p.larger {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 60px;
  margin-top: 0px;
}
.guide-overview .guide-teaser img {
  margin-bottom: 20px;
}
.guide-overview .guide-teaser p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}
.guide-overview .guide-teaser .equalheight {
  margin-bottom: 20px;
}
.guide-overview .guide-teaser .chapter-count, .guide-overview .guide-teaser .read-count, .guide-overview .guide-teaser .coming-soon {
  font-size: 14px;
  font-weight: 600;
}
.guide-overview .guide-teaser .chapter-count {
  color: #6BDE78;
}
.guide-overview .guide-teaser .read-count {
  color: #88979d;
  padding-left: 10px;
  position: relative;
  margin-left: 10px;
}
.guide-overview .guide-teaser .read-count:before {
  content: "•";
  position: absolute;
  left: 0px;
  top: 2px;
}
.guide-overview .guide-teaser .coming-soon {
  color: #88979d;
}

.guide-overview .col-1-4 {
  width: 23.4042553191%;
  margin-left: 2.1276595745%;
}
.guide-overview .col-1-4:first-of-type {
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .guide-overview .col-1-4 {
    width: 100%;
    margin-bottom: 60px;
    margin-left: 0;
  }
  .guide-overview .col-1-4 img {
    width: 100%;
    height: auto;
  }
}
.guide-overview .col-1-4 img {
  max-width: 100%;
  height: auto;
}

.purple {
  background-color: #E61431;
}

.white-text h2.h2, .white-text .typography h2, .typography .white-text h2, .white-text h2.h1, .white-text p {
  color: #FFF;
}

.absolute-img {
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  top: 0;
}
@media only screen and (max-width: 640px) {
  .absolute-img {
    background-image: none !important;
  }
}

.col-6-12.centered-signup {
  float: none;
  margin: 0 auto;
  margin-top: 30px;
}
.col-6-12.centered-signup .centered {
  margin: 0 auto;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}
.z-index-1 a {
  margin-bottom: 0;
}

.guide-detail-header {
  padding-top: 140px;
}
.guide-detail-header h1, .guide-detail-header p, .guide-detail-header a {
  color: #FFF;
}

.guide-detail-header .guide-wrapper {
  padding: 80px 0 50px 0;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .guide-detail-header .guide-wrapper {
    padding-top: 0;
  }
}
@media only screen and (max-width: 640px) {
  .guide-detail-header .guide-wrapper {
    padding-top: 0;
  }
}
.guide-detail-header img {
  -moz-box-shadow: 21px 36.373px 60px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 21px 36.373px 60px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 21px 36.373px 60px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .guide-detail-header .col-5-12 {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .guide-detail-header .col-5-12 {
    text-align: center;
  }
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .col-7-12 {
    text-align: center;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .col-7-12 {
    margin-top: 40px;
    text-align: center;
  }
}

.results.chapters ol > li {
  counter-increment: slideNum;
}
.results.chapters ol > li a {
  color: #333740;
}
.results.chapters ol li .left-result:before {
  content: "" counter(slideNum) ".";
}

.yellow-arrow-link:after {
  content: "\e600";
  color: #F0C32C;
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 50%;
  bottom: auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: visible;
  margin-top: -5px;
}

.text-align-right {
  float: right;
}
@media only screen and (max-width: 640px) {
  .text-align-right {
    float: none;
  }
}

.choose-chapter {
  margin-top: 50px;
}
.choose-chapter p.p3 {
  margin-bottom: 0;
}
.choose-chapter .results .result:first-of-type {
  margin-top: 20px;
}
.choose-chapter .results .result a:hover {
  color: #333740;
}

@media only screen and (min-width: 1024px) {
  .guide-article {
    padding-right: 40px;
  }
}

@media only screen and (max-width: 640px) {
  .equalheight-holder-guides .guide-teaser p {
    height: auto !important;
  }
}

.detail.guide-article ul li:before {
  left: 0;
  top: 2px;
  content: "\e630";
  color: #6BDE78;
  position: absolute;
  font-size: 22px;
}

.guide-article .content-image {
  text-align: center;
}
.guide-article .content-image p {
  text-align: left;
}

body {
  overflow-x: hidden;
}

header .toggle-menu {
  right: 0;
  top: 0;
  width: 70%;
  z-index: 100;
  height: 60px;
  position: absolute;
}
@media only screen and (min-width: 1024px) {
  header .toggle-menu {
    position: fixed;
  }
}
header .toggle-menu span {
  font-size: 23px;
  text-transform: lowercase;
  color: #FFF;
  position: absolute;
  right: 50px;
  top: 16px;
  text-align: right;
}
header .hamburger {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  right: 22px;
  top: 14px;
  cursor: pointer;
  border: none;
  border-radius: none;
  background-color: transparent;
  display: block;
  z-index: 101;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 33px;
  font-size: 0;
}
header .hamburger span {
  font-size: 0;
  display: block;
  position: absolute;
  top: 44%;
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
  background: #FFF;
  transition: transform 0 0.3s;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  header .hamburger span {
    background: #FFF;
  }
}
@media only screen and (max-width: 640px) {
  header .hamburger span {
    background: #FFF;
  }
}
.nav-visible header .hamburger span {
  background: none;
}
header .hamburger span:before {
  /* This is */
  -webkit-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-delay: 0.2s, 0;
  transition-delay: 0.2s, 0.2s;
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFF;
  top: -8px;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
.nav-visible header .hamburger span:before {
  top: 0;
  transform: rotate(-45deg);
}
header .hamburger span:after {
  -webkit-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-delay: 0.2s, 0;
  transition-delay: 0.2s, 0;
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFF;
  bottom: -8px;
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
}
.nav-visible header .hamburger span:after {
  bottom: 0;
  transform: rotate(45deg);
}

body.nav-visible {
  overflow: hidden;
}

.headroom--unpinned .hamburger span, .headroom--not-top .hamburger span {
  background-color: #333740;
}
.headroom--unpinned .hamburger span:before, .headroom--not-top .hamburger span:before {
  background-color: #333740;
}
.headroom--unpinned .hamburger span:after, .headroom--not-top .hamburger span:after {
  background-color: #333740;
}
.nav-visible .headroom--unpinned .hamburger span, .nav-visible .headroom--not-top .hamburger span {
  background-color: transparent;
}
.nav-visible .headroom--unpinned .hamburger span:before, .nav-visible .headroom--not-top .hamburger span:before {
  background-color: #FFF;
}
.nav-visible .headroom--unpinned .hamburger span:after, .nav-visible .headroom--not-top .hamburger span:after {
  background-color: #FFF;
}
.headroom--unpinned .toggle-menu span, .headroom--not-top .toggle-menu span {
  color: #333740;
}
.nav-visible .headroom--unpinned .toggle-menu span, .nav-visible .headroom--not-top .toggle-menu span {
  color: #FFF;
}

.mobile-nav-wrapper {
  width: 100%;
  height: 100vh;
  background-color: #000;
  position: fixed;
  transition: all 0.4s;
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 79;
  top: 0;
  overflow-y: auto;
}
.nav-visible .mobile-nav-wrapper {
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 1024px) {
  .mobile-nav-wrapper {
    display: none;
  }
}

.mobile-menu-wrapper {
  margin-top: 80px;
}

ul.mobile-menu {
  text-align: center;
}
ul.mobile-menu li a {
  display: block;
  color: #FFF;
  font-size: 21px;
  margin-bottom: 14px;
}
ul.mobile-menu.second-menu {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  /*&:after {
    content: "";
    border-bottom:1px solid #424242;
    width: 80%;
    position: absolute;
    bottom: -20px;
    @include center(x);
  }*/
}
ul.mobile-menu.second-menu:before {
  content: "";
  top: -14px;
  border-top: 2px solid #333740;
  width: 80%;
  position: absolute;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.active-menu {
  transition: all 0.3s ease;
}

.menu-text:hover {
  cursor: pointer;
}

.switch-holder-mobile {
  position: relative;
  margin-top: 40px;
}
.switch-holder-mobile:before {
  content: "";
  top: -25px;
  border-top: 2px solid #333740;
  width: 80%;
  position: absolute;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.switch-holder-mobile ul.language-switch {
  background-color: #333740;
  margin: 0 auto;
  color: #FFF;
}
.switch-holder-mobile ul.language-switch li a {
  color: #FFF;
}
.switch-holder-mobile ul.language-switch li a.active {
  background-color: #FFF;
  color: #333740;
}

@media only screen and (max-width: 640px) {
  .menu-divider {
    position: relative;
    margin-top: 30px;
  }
  .menu-divider:before {
    content: "";
    top: -14px;
    border-top: 2px solid #333740;
    width: 80%;
    position: absolute;
    left: 50%;
    right: auto;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .menu-divider {
    position: relative;
    margin-top: 30px;
  }
  .menu-divider:before {
    content: "";
    top: -14px;
    border-top: 2px solid #333740;
    width: 80%;
    position: absolute;
    left: 50%;
    right: auto;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .menu-divider {
    position: relative;
    margin-top: 30px;
  }
  .menu-divider:before {
    content: "";
    top: -14px;
    border-top: 2px solid #333740;
    width: 80%;
    position: absolute;
    left: 50%;
    right: auto;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 641px) and (max-width: 965px) {
  .mobile-menu-wrapper a.login-link {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .mobile-menu-wrapper a.login-link {
    display: none;
  }
}

nav {
  padding-top: 34px;
  float: left;
}
nav ul li {
  float: left;
}
nav ul li a {
  color: #FFF;
  margin-right: 30px;
}

nav.centered {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 34px;
}

nav.navbar ul li a {
  position: relative;
  font-size: 20px;
}
nav.navbar ul li a:after {
  transition: all 0.3s ease;
}
nav.navbar ul li a:hover:after {
  content: "";
  border-bottom: 2px solid #6BDE78;
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 130%;
}
nav.navbar ul li a.active:after, nav.navbar ul li a.active-trail:after {
  content: "";
  border-bottom: 2px solid #6BDE78;
  position: absolute;
  width: 95%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 130%;
}

nav.menu-right {
  position: absolute;
  right: 20px;
  top: 25px;
  padding-top: 0;
}
@media only screen and (max-width: 640px) {
  nav.menu-right {
    display: none !important;
  }
}
nav.menu-right ul li {
  float: left;
}
nav.menu-right ul li a {
  color: #FFF;
  margin-right: 30px;
  font-size: 15px;
}
nav.menu-right ul li a.rounded {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #6BDE78;
  padding: 10px 20px;
}
nav.menu-right ul li a.rounded:hover {
  background-color: #40AE4D;
}

.pushed-menu {
  position: absolute;
  width: 100%;
  height: 100px;
}
.pushed-menu.headroom--top {
  background: linear-gradient(to bottom, rgba(46, 45, 46, 0.64), rgba(0, 0, 0, 0));
}
@media only screen and (min-width: 1024px) {
  .pushed-menu.headroom--top {
    top: 40px;
    height: 60px;
  }
}
.pushed-menu.headroom--not-top {
  position: fixed;
  top: 0px;
  left: 0px;
  padding-top: 0px;
  width: 100%;
  height: 80px;
  background-color: #fff;
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .pushed-menu.headroom--not-top {
    height: 60px;
  }
}
@media only screen and (max-width: 640px) {
  .pushed-menu.headroom--not-top {
    height: 60px;
  }
}
.nav-visible .pushed-menu.headroom--not-top {
  background-color: #333740;
  height: 60px;
}
@media only screen and (min-width: 641px) and (max-width: 965px) {
  .nav-visible .pushed-menu.headroom--top {
    height: 60px;
    background-color: #333740;
    transition: none;
  }
}
@media only screen and (max-width: 640px) {
  .nav-visible .pushed-menu.headroom--top {
    height: 60px;
    background-color: #333740;
    transition: none;
  }
}
.pushed-menu .menu-right {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .pushed-menu .menu-right.headroom--not-top {
    display: block;
  }
}

nav.topbar-menu {
  width: 100%;
  position: absolute;
  top: 0;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 80;
}
nav.topbar-menu li a {
  font-size: 14px;
  color: #D2D7E0;
  transition: color 0.3s ease;
}
nav.topbar-menu li a:hover {
  color: #FFF;
}

.align-right {
  position: absolute;
  top: 0;
  right: 0;
}
.align-right li a {
  line-height: 40px;
  display: block;
}
.align-right li a.seperate {
  position: relative;
  padding-left: 27px;
}
.align-right li a.seperate:before {
  content: "";
  border-left: 1px solid #4C4C4C;
  position: absolute;
  height: 20px;
  left: -2px;
  top: 10px;
}

body.support-page .align-right a.no-support {
  display: none;
}
body.support-page .align-right a.seperate {
  padding-left: 0px;
}
body.support-page .align-right a.seperate:before {
  display: none;
}

.align-left {
  position: absolute;
  top: 0;
  left: 20px;
}
.align-left li a {
  line-height: 40px;
  display: block;
  position: relative;
  padding-left: 27px;
}
.align-left li a:before {
  content: "";
  position: absolute;
}

.language-switch-top {
  position: absolute;
  top: 0;
  height: 40px;
  overflow: hidden;
  transition: all 0.4s ease-in;
}
.language-switch-top.visible {
  overflow: visible;
}
.language-switch-top li {
  float: none;
}
.language-switch-top li a {
  line-height: 40px;
  background-color: #333740;
  display: block;
  padding: 0 20px;
}
.language-switch-top li.first a {
  position: relative;
  padding-right: 15px;
}
.language-switch-top li.first a:after {
  content: url(../images/arrow-menu-switch.png);
  position: absolute;
  right: 0;
  top: -2px;
}

.language-switch-mobile {
  transition: all 0.4s ease-in;
  height: 30px;
}
.language-switch-mobile li {
  float: none;
  display: none;
}
.language-switch-mobile li a {
  display: block;
  padding: 0 20px;
}
.language-switch-mobile li.first {
  display: block;
}
.language-switch-mobile li.first a {
  display: block;
  position: relative;
  padding-right: 15px;
}
.language-switch-mobile li.first a:after {
  content: url(../images/arrow-menu-switch.png);
  position: relative;
  right: -15px;
  top: -4px;
}
.language-switch-mobile.visible li {
  display: block;
}

.headroom--not-top nav.show-desktop.centered {
  top: 20px;
}
.headroom--not-top a {
  color: #333740;
}

.pushed-menu.move-navbar-to-top {
  transform: translateY(-100%);
}

.pushed-menu.headroom--not-top {
  transform: translateY(0);
  transition: transform 0.4s ease-in;
}

body.white-header.nav-visible .pushed-menu.headroom--top {
  background-color: #333740 !important;
}

body.white-header.nav-visible header .toggle-menu span {
  color: #FFF;
}

.col-3-12.offset-1 {
  margin-left: 10.6382978723%;
}

aside a {
  color: #6BDE78;
}

/* Edit Sidebar --------------------------------------------------------------*/
#edit-sidebar {
  padding: 20px;
  width: 250px;
  background: rgba(231, 231, 231, 0.8);
  border: 1px solid rgba(51, 51, 51, 0.21);
  position: fixed !important;
  z-index: 88;
}

#edit-sidebar ul li a:hover {
  color: #343434;
}

#edit-sidebar h2 {
  color: #343434;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#edit-sidebar .handle span {
  color: white;
  font-size: 16px;
  position: absolute;
  right: 15px;
  z-index: 1001;
  margin-top: 40px;
  text-indent: 0 !important;
}

#edit-sidebar .handle {
  background-color: #40AE4D;
  width: 40px;
  height: 100px;
  text-indent: 0 !important;
  cursor: pointer;
}

#edit-sidebar .handle span::after {
  content: '»';
  color: #FFF;
  text-indent: 0 !important;
}

#edit-sidebar.open .handle span::after {
  content: '«' !important;
}

#edit-sidebar .content {
  background-color: transparent;
  border: none;
}

#edit-sidebar .menu a {
  color: #333740;
  font-size: 13px;
  text-decoration: none;
}

#edit-sidebar .menu a.active {
  color: #40AE4D;
}