@charset "UTF-8";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: 0 0; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

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

td, th {
  padding: 0; }

.cta {
  appearance: none;
  background-color: #28B464;
  border: 0;
  border-radius: 0px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1;
  padding: 0.5em 1.5em;
  text-align: center;
  text-decoration: none;
  transition: background-color 400ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: normal;
  outline: none; }
  .cta:hover, .cta:focus {
    background-color: #209050;
    color: #fff;
    text-decoration: none; }
  .cta--ghost {
    background-color: transparent;
    border: 2px solid #28B464;
    color: #28B464; }
    .cta--ghost:hover, .cta--ghost:focus {
      background-color: #28B464;
      color: #fff;
      text-decoration: none; }
  .cta--gray {
    background-color: #2c2c2c; }
    .cta--gray:hover, .cta--gray:focus {
      background-color: #232323;
      color: #fff;
      text-decoration: none; }
  .cta--gray-ghost {
    background-color: transparent;
    border: 2px solid #2c2c2c;
    color: #2c2c2c; }
    .cta--gray-ghost:hover, .cta--gray-ghost:focus {
      background-color: #2c2c2c;
      color: #fff;
      text-decoration: none; }
  .cta--white {
    background-color: #fff;
    color: #2c2c2c; }
    .cta--white:hover, .cta--white:focus {
      background-color: #e6e6e6;
      color: #2c2c2c;
      text-decoration: none; }
  .cta--white-ghost {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff; }
    .cta--white-ghost:hover, .cta--white-ghost:focus {
      background-color: #fff;
      color: #2c2c2c !important;
      text-decoration: none; }
  .cta--cyan {
    background-color: #418CD2; }
    .cta--cyan:hover, .cta--cyan:focus {
      background-color: #3470a8;
      color: #fff;
      text-decoration: none; }
  .cta--red {
    background-color: #EB3C41; }
    .cta--red:hover, .cta--red:focus {
      background-color: #bc3034;
      color: #fff;
      text-decoration: none; }
  .cta:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .cta:disabled:hover {
      background-color: #28B464;
      text-decoration: none; }

.play-button {
  display: block;
  text-align: center;
  margin: 4.5em 0; }
  .play-button img {
    height: 3rem; }

@font-face {
  font-family: 'HelveticaNeue-Bold';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Bd.eot"), url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Bd.eot#iefix") format("embedded-opentype"), url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Bd.woff") format("woff"), url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Bd.ttf") format("truetype"), url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd") format("svg"); }
@font-face {
  font-family: 'HelveticaNeue-Light';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Lt.eot"), url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Lt.eot#iefix") format("embedded-opentype"), url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Lt.woff") format("woff"), url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Lt.ttf") format("truetype"), url("/assets/fonts/Neue-Helvetica/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt") format("svg"); }
@font-face {
  font-family: 'ProximaNova-Bold';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/Proxima-Nova/ProximaNova-BoldWeb.eot");
  src: url("/assets/fonts/Proxima-Nova/ProximaNova-BoldWeb.eot#iefix") format("embedded-opentype"), url("/assets/fonts/Proxima-Nova/ProximaNova-BoldWeb.woff") format("woff"); }
@font-face {
  font-family: 'ProximaNova-Bold';
  font-weight: normal;
  font-style: italic;
  src: url("/assets/fonts/Proxima-Nova/ProximaNova-BoldItWeb.eot");
  src: url("/assets/fonts/Proxima-Nova/ProximaNova-BoldItWeb.eot#iefix") format("embedded-opentype"), url("/assets/fonts/Proxima-Nova/ProximaNova-BoldItWeb.woff") format("woff"); }
@font-face {
  font-family: 'ProximaNova-Regular';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/Proxima-Nova/ProximaNova-RegularWeb.eot");
  src: url("/assets/fonts/Proxima-Nova/ProximaNova-RegularWeb.eot#iefix") format("embedded-opentype"), url("/assets/fonts/Proxima-Nova/ProximaNova-RegularWeb.woff") format("woff"); }
@font-face {
  font-family: 'ProximaNova-Regular';
  font-weight: normal;
  font-style: italic;
  src: url("/assets/fonts/Proxima-Nova/ProximaNova-RegularItWeb.eot");
  src: url("/assets/fonts/Proxima-Nova/ProximaNova-RegularItWeb.eot#iefix") format("embedded-opentype"), url("/assets/fonts/Proxima-Nova/ProximaNova-RegularItWeb.woff") format("woff"); }
@font-face {
  font-family: "epages-font";
  src: url("/assets/fonts/epages-font/epages-font.eot");
  src: url("/assets/fonts/epages-font/epages-font.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/epages-font/epages-font.woff") format("woff"), url("/assets/fonts/epages-font/epages-font.ttf") format("truetype"), url("/assets/fonts/epages-font/epages-font.svg#epages-font") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "epages-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "epages-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-logo:before {
  content: "\61"; }

.icon-claim-secondary:before {
  content: "\62"; }

.icon-claim-primary:before {
  content: "\63"; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.25em;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.25em; }

input,
select,
textarea {
  display: block;
  font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, textarea {
  appearance: none;
  background-color: #fff;
  border: 2px solid #b5b5b5;
  border-radius: 0px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-bottom: 0.5em;
  padding: 0.5em;
  transition: border-color 400ms ease;
  width: 100%; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover, textarea:hover {
    border-color: #919191; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus, textarea:focus {
    border-color: #418CD2;
    outline: none; }
  input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled, textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover, textarea:disabled:hover {
      border: 2px solid #b5b5b5; }
  input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder, textarea::placeholder {
    color: gray; }

textarea {
  resize: vertical; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.25em; }

[type="file"] {
  margin-bottom: 0.5em;
  width: 100%; }

select {
  margin-bottom: 0.5em;
  width: 100%; }

form.outline input {
  background: transparent;
  border: 2px solid #fff;
  color: #fff; }
  form.outline input:focus {
    border-color: #fff;
    box-shadow: none; }
form.outline ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff; }
form.outline :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity: 1; }
form.outline ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 1; }
form.outline :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff; }

.selectbox__label {
  display: inline-block;
  margin-bottom: .5em; }

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

.select2-container--default .select2-selection--single {
  height: auto;
  border: 2px solid #b5b5b5;
  border-radius: 0;
  outline: none; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: .5em 3em .5em .5em; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 50px;
  background-color: #418CD2;
  top: 0; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
  border-width: 10px 8px 0 8px;
  margin-left: -9px;
  margin-top: -6px; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
  border-width: 0 8px 10px 8px; }

.select2-dropdown {
  border: 2px solid #b5b5b5;
  border-radius: 0; }

.select2-results__option {
  padding-left: .5em; }

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #b5b5b5;
  color: #fff; }

.form-success,
.form-error {
  width: 100%;
  display: none;
  line-height: normal;
  border: 2px solid white;
  margin-bottom: 0.5em;
  padding: 0.5em;
  cursor: pointer; }

html {
  box-sizing: border-box; }

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

html,
body {
  height: 100%; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

dl {
  margin: 0; }

dt {
  font-weight: 600;
  margin: 0; }

dd {
  margin: 0; }

.list--inline__item {
  display: inline; }
  .list--inline__item:not(:last-child) {
    margin-right: 1rem; }
  .list--inline__item img, .list--inline__item a {
    display: inline; }

.list--inline__link {
  display: inline; }

figure {
  margin: 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

table {
  border-collapse: collapse;
  margin: 0.5em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #888888;
  font-weight: 600;
  padding: 0.5em 0;
  text-align: left; }

td {
  border-bottom: 2px solid #b5b5b5;
  padding: 0.5em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  color: #2c2c2c;
  font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media only screen and (min-width: 480px) {
    body {
      font-size: 1.25rem; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "HelveticaNeue-Bold", "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin: 0 0 0.5em;
  font-weight: normal; }

h1 {
  font-size: 2.5rem; }
  @media only screen and (min-width: 480px) {
    h1 {
      font-size: 3.5rem; } }
  @media only screen and (min-width: 768px) {
    h1 {
      font-size: 4.25rem; } }

h2 {
  font-size: 2.25rem; }
  @media only screen and (min-width: 768px) {
    h2 {
      font-size: 2.75rem; } }

h3 {
  font-size: 1.8125rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

p {
  margin: 0 0 0.5em; }

a {
  display: block;
  color: #418CD2;
  text-decoration: none;
  transition: color 400ms ease; }
  a:active, a:focus, a:hover {
    color: #31699e; }

.small {
  font-size: 1rem; }

hr {
  border-bottom: 2px solid #b5b5b5;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

.navbar {
  position: fixed;
  width: 100%;
  z-index: 999; }
  .navbar--white {
    background: #fff;
    border-bottom: 2px solid #b5b5b5; }
    .navbar--white .navigation__link {
      color: #2c2c2c;
      display: inline-block; }
      .navbar--white .navigation__link:hover, .navbar--white .navigation__link:focus {
        color: #797979;
        transition: 400ms ease; }
      .navbar--white .navigation__link--background {
        color: #fff;
        background: #28B464;
        padding: 0 1.5rem; }
        .navbar--white .navigation__link--background:hover, .navbar--white .navigation__link--background:focus {
          color: #fff;
          background: #05A54B;
          transition: 400ms ease; }
  .navbar--transparent {
    background: transparent; }
    .navbar--transparent .navigation__link {
      color: #fff; }
      .navbar--transparent .navigation__link:hover, .navbar--transparent .navigation__link:focus {
        text-decoration: underline;
        transition: 400ms ease; }
      .navbar--transparent .navigation__link--background {
        background: white;
        color: #2c2c2c;
        padding: 0 1.5rem; }
        .navbar--transparent .navigation__link--background:hover, .navbar--transparent .navigation__link--background:focus {
          color: #2c2c2c;
          background: #f2f2f2;
          transition: 400ms ease;
          text-decoration: none; }

.navbar-wrapper {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between; }

.navbar .logo {
  position: relative;
  margin-right: 1rem; }
  .navbar .logo img, .navbar .logo svg {
    max-height: 2rem;
    width: 130px;
    display: flex;
    margin-top: .33em; }

.navigation {
  display: none;
  text-align: center;
  line-height: 2;
  width: 100%; }
  @media only screen and (min-width: 992px) {
    .navigation {
      display: block; } }

ul.navigation__list {
  overflow: visible;
  padding: 0;
  height: 2.5rem; }
  ul.navigation__list--left {
    float: left; }
  ul.navigation__list--right {
    float: right; }

@media only screen and (min-width: 992px) {
  li.navigation__item {
    display: inline; }
    li.navigation__item.active {
      font-family: 'ProximaNova-Bold'; } }

a.navigation__link {
  display: inline-block; }
  @media only screen and (min-width: 992px) {
    a.navigation__link {
      margin-left: 20px; } }

.sliding-panel {
  display: block;
  float: right;
  margin: 0; }
  @media only screen and (min-width: 992px) {
    .sliding-panel {
      display: none; } }

.sliding-panel__open {
  display: inline-block;
  font-size: 40px;
  line-height: 1;
  float: right;
  cursor: pointer; }
  .sliding-panel__open--white {
    color: #9b9b9b; }
  .sliding-panel__open--transparent {
    color: #fff; }
  @media only screen and (min-width: 992px) {
    .sliding-panel__open {
      display: none; } }

.sliding-panel__close {
  cursor: pointer;
  color: #9b9b9b;
  line-height: 1;
  font-size: 40px;
  position: absolute;
  top: 1rem;
  right: 1rem; }

.sliding-panel__content {
  position: fixed;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 100%;
  transform: translateX(-300px);
  transition: all 0.25s linear;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  z-index: 999999; }
  .sliding-panel__content.is-visible {
    transform: translateX(0); }

.sliding-panel__header {
  height: 72px;
  display: flex;
  align-items: center; }
  .sliding-panel__header img {
    max-height: calc(72px - 2.5rem);
    margin: 1rem; }

ul.sliding-panel__list {
  border-top: 2px solid #b5b5b5;
  line-height: 1; }

li.sliding-panel__item {
  padding: 1rem;
  text-align: left;
  font-size: 1.25rem; }
  li.sliding-panel__item.active {
    background: #f5f5f5; }

a.sliding-panel__link {
  color: #2c2c2c; }
  a.sliding-panel__link:hover, a.sliding-panel__link:focus {
    color: gray; }
  a.sliding-panel__link--external:after {
    content: '↗';
    position: absolute;
    margin-left: .4rem;
    font-size: .5em;
    line-height: 2; }

.sliding-panel__fade-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.25s linear;
  background: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 9999; }
  .sliding-panel__fade-screen.is-visible {
    opacity: 0.4;
    visibility: visible; }

.subnavbar {
  background-color: #32465F;
  text-align: center;
  padding: 1.5em 1em; }
  .subnavbar ul > li {
    margin-right: .5rem !important; }
    @media only screen and (min-width: 768px) {
      .subnavbar ul > li {
        margin-right: 1rem !important; } }
  .subnavbar a {
    color: #fff; }
    .subnavbar a:hover {
      color: #b3b3b3;
      transition: 400ms ease; }

.header {
  position: relative;
  min-height: 400px;
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  .header .play-icon {
    fill: pink; }
  .header .lightbox__youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    transform: translate(-50%, -50%); }
    .header .lightbox__youtube .play-button {
      margin: 0; }
      .header .lightbox__youtube .play-button img {
        height: 4rem;
        opacity: 0; }
        @media only screen and (min-width: 375px) {
          .header .lightbox__youtube .play-button img {
            opacity: .9; } }
      .header .lightbox__youtube .play-button:hover, .header .lightbox__youtube .play-button:focus {
        opacity: .8; }
  .header--centered {
    justify-content: center;
    height: auto; }
    .header--centered .header-wrapper {
      align-items: center;
      align-content: center;
      margin: 8em auto 4em; }
      @media only screen and (min-width: 992px) {
        .header--centered .header-wrapper .col {
          width: calc(100% - 40px);
          float: left;
          margin-left: 20px; } }
      .header--centered .header-wrapper .col > * {
        text-shadow: none;
        text-align: center; }
      .header--centered .header-wrapper .col .header__title {
        font-size: 1.85rem;
        margin-bottom: 1rem;
        padding: 0; }
        @media only screen and (min-width: 768px) {
          .header--centered .header-wrapper .col .header__title {
            font-size: 2.25rem; } }
      .header--centered .header-wrapper .col .header__subtitle {
        font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.4rem; }
        @media only screen and (min-width: 768px) {
          .header--centered .header-wrapper .col .header__subtitle {
            font-size: 1.8125rem; } }

.header-wrapper {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0; }
  .header-wrapper::after {
    clear: both;
    content: "";
    display: block; }
  .header-wrapper .col {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media only screen and (min-width: 992px) {
      .header-wrapper .col {
        width: calc(50% - 30px);
        float: left;
        margin-left: 20px; } }

.header__title {
  color: #fff;
  padding-bottom: 1rem;
  margin-bottom: 0; }
  @media only screen and (min-width: 480px) {
    .header__title {
      padding-bottom: 3rem; } }

.header__subtitle {
  color: #fff;
  padding-bottom: 2rem;
  margin-bottom: 0; }
  @media only screen and (min-width: 480px) {
    .header__subtitle {
      padding-bottom: 3rem; } }

.header__subline {
  color: #fff;
  padding-top: 2rem;
  margin-bottom: 0; }
  @media only screen and (min-width: 480px) {
    .header__subline {
      padding-top: 3rem; } }

.header--loop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4); }

.header--loop__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -100;
  object-fit: cover;
  object-position: center center; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header--loop__video {
    height: 300%;
    top: -100%; } }
@supports (-ms-ime-align: auto) and (not (-ms-accelerator: true)) {
  .header--loop__video {
    height: 300%;
    top: -100%; } }
section {
  background-repeat: no-repeat;
  background-size: cover; }

.section-wrapper {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 4.5em 2rem; }
  .section-wrapper::after {
    clear: both;
    content: "";
    display: block; }

.footer {
  background-color: #565656;
  color: #9b9b9b; }

.footer h4, .footer h5 {
  color: #fff; }

.footer a {
  color: #9b9b9b; }
  .footer a:hover, .footer a:focus {
    color: #fff; }

.footer-wrapper {
  padding: 4.5em 0;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto; }
  .footer-wrapper::after {
    clear: both;
    content: "";
    display: block; }

.footer .logo--epages {
  margin-bottom: 1.5em;
  text-align: center; }
  .footer .logo--epages img, .footer .logo--epages svg {
    width: 164px;
    height: auto; }

.footer .logo--summit {
  text-align: center;
  clear: both; }
  .footer .logo--summit a {
    display: inline-block; }
  .footer .logo--summit img, .footer .logo--summit svg {
    width: 164px;
    height: auto; }

.row__links {
  overflow: hidden; }

.list--cities {
  display: none;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  font-family: "HelveticaNeue-Bold", "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 1.5em;
  font-size: 1rem;
  color: #fff;
  text-align: center; }
  .list--cities a {
    display: inline;
    color: #fff; }
  @media only screen and (min-width: 480px) {
    .list--cities {
      display: block; } }
  @media only screen and (min-width: 768px) {
    .list--cities {
      font-size: 1.25rem; } }

.col--epages {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  text-align: center;
  margin-bottom: 1.5em; }
  @media only screen and (min-width: 768px) {
    .col--epages {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px;
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .col--epages {
      width: calc(25% - 25px);
      float: left;
      margin-left: 20px;
      text-align: left;
      margin-bottom: 0; } }

.col--sell-online {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  text-align: center;
  margin-bottom: 1.5em; }
  @media only screen and (min-width: 768px) {
    .col--sell-online {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px;
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .col--sell-online {
      width: calc(25% - 25px);
      float: left;
      margin-left: 20px;
      text-align: left;
      margin-bottom: 0; } }

.col--shop-solutions {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  text-align: center;
  margin-bottom: 1.5em; }
  @media only screen and (min-width: 768px) {
    .col--shop-solutions {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px;
      margin-bottom: 0;
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .col--shop-solutions {
      width: calc(25% - 25px);
      float: left;
      margin-left: 20px;
      text-align: left;
      margin-bottom: 0; } }

.col--resources {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  text-align: center;
  margin-bottom: 1.5em; }
  @media only screen and (min-width: 768px) {
    .col--resources {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px;
      margin-bottom: 0;
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .col--resources {
      width: calc(25% - 25px);
      float: left;
      margin-left: 20px;
      text-align: left;
      margin-bottom: 0; } }

.footer-newsletter {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  text-align: center;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px; }
  .footer-newsletter .form-group {
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 768px) {
      .footer-newsletter .form-group {
        display: block; } }
  .footer-newsletter .footer-teaser__heading {
    margin: 0 0 .5em 0;
    display: inline-block; }
    @media only screen and (min-width: 768px) {
      .footer-newsletter .footer-teaser__heading {
        margin: 0 5% 0 0; } }
  .footer-newsletter form.outline input {
    display: inline-block;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .footer-newsletter form.outline input {
        width: 40%;
        margin: 0; } }
  .footer-newsletter form.outline button {
    width: auto;
    border: 2px solid #2c2c2c;
    vertical-align: baseline; }
    .footer-newsletter form.outline button:hover, .footer-newsletter form.outline button:focus {
      border-color: #232323; }
  @media only screen and (min-width: 768px) {
    .footer-newsletter {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    .footer-newsletter {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px;
      margin-top: 1.5em;
      margin-bottom: 1.5em;
      padding: 1.5em; } }
  @media only screen and (min-width: 1200px) {
    .footer-newsletter {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

@media only screen and (min-width: 768px) {
  .logo--summit {
    margin-top: 1.5em; } }
@media only screen and (min-width: 992px) {
  .logo--summit {
    margin-top: 3em; } }

.list--social-media {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-bottom: 1.5em;
  text-align: center; }

.list--social-media > *:not(:last-child) {
  margin-right: 2rem; }

.list--impress-1,
.list--impress-2,
.list--impress {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  text-align: center; }

.list--impress__item:not(:last-child) {
  margin-right: .3rem; }

.language-switch {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-top: 3em;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer; }
  .language-switch .language-switch-item {
    display: flex;
    order: 2;
    justify-content: center; }
    .language-switch .language-switch-item a {
      text-decoration: none; }
      .language-switch .language-switch-item a:hover {
        text-decoration: underline; }
    .language-switch .language-switch-item i.fa {
      line-height: 1.5; }
    .language-switch .language-switch-item i.fa-globe {
      margin-right: .7rem; }
    .language-switch .language-switch-item i.fa-caret-down {
      margin-left: .7rem; }
    .language-switch .language-switch-item:not(.active) {
      display: none; }
  .language-switch .language-switch-item.active {
    order: 1; }

.cookie-law {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  z-index: 999; }
  .cookie-law .cookie-law__wrapper {
    padding: 1em 2rem;
    display: flex;
    justify-content: space-between;
    color: white; }
    .cookie-law .cookie-law__wrapper .cookie-law__text {
      margin-right: 1.5em; }
      .cookie-law .cookie-law__wrapper .cookie-law__text a {
        display: inline-block;
        color: white;
        border-bottom: 1px solid white;
        line-height: normal; }
    .cookie-law .cookie-law__wrapper .cookie-law__close {
      cursor: pointer; }

.tab-filter__list {
  padding: 0;
  text-align: center; }
  .tab-filter__list::after {
    clear: both;
    content: "";
    display: table; }

.tab-filter__item {
  font-size: 0;
  list-style: none; }
  @media only screen and (min-width: 768px) {
    .tab-filter__item {
      display: inline; } }

a.tab-filter__link {
  border-style: solid;
  border-color: #418CD2;
  border-width: 1px 1px 0;
  font-size: 1.25rem;
  display: block;
  padding: .2rem 1rem; }
  @media only screen and (min-width: 768px) {
    a.tab-filter__link {
      border-width: 1px 0 1px 1px;
      display: inline-block; }
      a.tab-filter__link.last {
        border-width: 1px; } }
  a.tab-filter__link.active, a.tab-filter__link:hover {
    background-color: #418CD2;
    color: #fff; }
  a.tab-filter__link.last {
    border-width: 1px; }

.tab-filter__content {
  font-size: 1.25rem;
  width: 100%;
  margin: 1.5em 0; }
  .tab-filter__content.active {
    display: block; }
  @media only screen and (min-width: 768px) {
    .tab-filter__content {
      float: left; } }

.card-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

.card {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 1em; }

.card__image {
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden; }
  .card__image img {
    width: 100%; }

.card__header {
  position: relative; }
  .card__header:hover .card__hover {
    opacity: 1;
    transition: opacity 400ms ease; }

.card__overlay {
  background: #f5f5f5;
  width: calc(100% - 2em);
  position: absolute;
  top: 125px;
  box-sizing: border-box;
  padding: 1em;
  margin: 0 1em;
  display: none;
  left: 0; }

.card__hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  opacity: 0; }
  .card__hover p {
    color: white;
    text-align: center;
    padding: 1rem 1rem .5rem;
    font-size: .8rem; }
  .card__hover .cta {
    font-size: 1rem;
    margin-bottom: 1rem; }

.card__overlay__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column; }
  @media only screen and (min-width: 992px) {
    .card__overlay__content {
      flex-direction: initial; } }
  .card__overlay__content .card__column {
    width: 100%; }
    @media only screen and (min-width: 992px) {
      .card__overlay__content .card__column {
        margin-right: 1em; }
        .card__overlay__content .card__column:first-child {
          width: calc(50% - 125px - 1em); }
        .card__overlay__content .card__column:not(:first-child) {
          width: calc(25% - 1em); } }
  .card__overlay__content h5 {
    margin-bottom: .5rem; }
    @media only screen and (min-width: 992px) {
      .card__overlay__content h5 {
        margin-top: 0; } }
  .card__overlay__content p {
    margin-bottom: .2rem; }
    .card__overlay__content p a {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .card__overlay__content .card__close {
    display: none;
    cursor: pointer; }
    @media only screen and (min-width: 992px) {
      .card__overlay__content .card__close {
        width: 125px;
        text-align: right;
        display: block; } }
    .card__overlay__content .card__close img {
      margin-bottom: -.3rem;
      padding-left: .5rem; }

.card--default {
  background-color: #fff;
  color: #2c2c2c;
  border: 2px solid #b5b5b5;
  margin: 1em; }

.card--default__header,
.card--default__header  {
  background-color: #418CD2;
  color: #fff;
  padding: 1.5rem 1rem; }
  .card--default__header .card--default__title,
  .card--default__header  .card--default__title {
    margin: 0; }

.card--default__body {
  padding: 1.5rem;
  flex: 1 1 auto; }

.card--default__footer a {
  display: block; }

.card--icon {
  flex-basis: 100%;
  text-align: center;
  background-color: #f5f5f5;
  border: 2px solid #b5b5b5;
  padding: 1rem;
  justify-content: center; }

.card--icon__icon {
  height: 30px;
  margin-bottom: 0.5em; }

.card--logo {
  flex-basis: 100%;
  text-align: center;
  background-color: #fff;
  border: 2px solid #b5b5b5;
  padding: 1rem 0; }

.card--logo__img {
  height: 6em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.card--shop {
  flex-basis: 100%; }
  @media only screen and (min-width: 768px) {
    .card--shop {
      flex-basis: calc(100% / 2 - 2em); } }
  @media only screen and (min-width: 992px) {
    .card--shop {
      flex-basis: calc(100% / 3 - 2em); } }

.card--shop__image {
  height: 14em;
  background-size: cover;
  background-position: top;
  border: 2px solid #b5b5b5;
  margin-bottom: 0.5em; }

.card--shop__name {
  font-family: "HelveticaNeue-Bold", "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.card--logo {
  border: 2px solid #b5b5b5; }

.card--integration {
  flex-basis: 100%;
  margin: 0 20px 40px 20px; }
  @media only screen and (min-width: 768px) {
    .card--integration {
      flex-basis: calc(100% / 2 - 30px);
      margin-right: 0; } }
  @media only screen and (min-width: 992px) {
    .card--integration {
      flex-basis: calc(100% / 4 - 25px); } }

.card--integration__header {
  border: 2px solid #b5b5b5;
  width: 100%;
  margin-bottom: 0.5em; }
  .card--integration__header a {
    display: flex;
    justify-content: center;
    align-items: center; }

.card--integration__image {
  width: 100%;
  height: 100%;
  padding: 1em; }

.card--integration__body {
  padding: 0 .5rem; }

.card--integration__name {
  font-family: "HelveticaNeue-Bold", "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.media {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .media {
      text-align: left; } }

.media-wrapper {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden; }
  .media-wrapper:not(:last-child) {
    margin-bottom: 3em; }
  @media only screen and (min-width: 992px) {
    .media-wrapper {
      flex-direction: row; } }

.media__image {
  margin: 0 auto 1.5em; }
  .media__image--merchant {
    height: 200px;
    width: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%; }
  @media only screen and (min-width: 992px) {
    .media__image--merchant {
      width: calc(33.3333333333% - 26.6666666667px);
      float: left;
      margin-left: 20px;
      height: 200px;
      width: 200px;
      margin: 0 2rem 0 0; }
    .media__image--icon {
      width: calc(16.6666666667% - 23.3333333333px);
      float: left;
      margin-left: 20px;
      text-align: center; } }

@media only screen and (min-width: 992px) {
  .media__body--merchant {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px; }
  .media__body--icon {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px; } }

.logo-bar {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  padding: 0 2rem; }
  .logo-bar::after {
    clear: both;
    content: "";
    display: block; }

.logo-bar__logo {
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  margin: 1.5em 0; }
  .logo-bar__logo img {
    max-height: 60px; }

.section-wrapper {
  position: relative; }

blockquote {
  font-family: "HelveticaNeue-Bold", "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #64A5E1;
  margin: 0;
  padding: 1.5em;
  border: 4px solid #64A5E1;
  position: relative; }
  @media only screen and (min-width: 768px) {
    blockquote {
      padding: 1.5em 3em;
      font-size: 2rem; } }

.quotemark {
  font-family: "ProximaNova-Bold", "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  top: -88px;
  right: 20px;
  font-size: 15rem;
  line-height: 1; }
  @media only screen and (min-width: 768px) {
    .quotemark {
      font-size: 18rem; } }

.icon img {
  width: 60px;
  height: 60px; }

.icon {
  width: 60px;
  height: 60px; }

.slider {
  position: relative;
  visibility: hidden; }
  .slider[data-color="white"] .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255, 255, 255, 0.5); }
    .slider[data-color="white"] .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: #fff; }
  .slider .slider-action {
    display: none;
    position: absolute;
    width: 20px;
    top: 50%;
    z-index: 1; }
    .slider .slider-action.slider-prev {
      left: -20px; }
    .slider .slider-action.slider-next {
      right: -20px; }
    @media only screen and (min-width: 1200px) {
      .slider .slider-action {
        display: block; } }
  .slider .bx-wrapper {
    box-shadow: none;
    border: 0; }
    .slider .bx-wrapper .bx-pager.bx-default-pager a {
      background: #c8c8c8; }
      .slider .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #418CD2; }

.pagination {
  height: 36px;
  margin: 1.5em 0; }

.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0; }

.pagination li {
  float: left; }

.pagination span, .pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border-left-width: 0; }

.pagination span:hover,
.pagination .active span {
  background-color: #f5f5f5; }

.pagination .active span {
  color: #c8c8c8;
  cursor: default; }

.pagination .disabled span,
.pagination .disabled span,
.pagination .disabled span:hover {
  color: #c8c8c8;
  background-color: transparent;
  cursor: default; }

.pagination li:first-child span {
  border-left-width: 1px; }

.pagination-centered {
  text-align: center; }

.pagination-right {
  text-align: right; }

.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1; }

.pager:before,
.pager:after {
  display: table;
  content: ""; }

.pager:after {
  clear: both; }

.pager li {
  display: inline; }

.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff; }

.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5; }

.pager .next a {
  float: right; }

.pager .previous a {
  float: left; }

.pager .disabled a,
.pager .disabled a:hover {
  color: #c8c8c8;
  background-color: #fff;
  cursor: default; }

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%; }

.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 60px 10px 15px;
  outline: 0;
  border: 2px solid #b5b5b5;
  border-radius: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  max-width: 350px; }

.select select:focus {
  outline: none; }

.select__arrow {
  position: absolute;
  height: 54px;
  width: 54px;
  top: 10px;
  right: 0;
  background: #418CD2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: -1; }
  .select__arrow img {
    max-width: 50%; }

#tooltip {
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #2c2c2c;
  position: absolute;
  z-index: 100;
  padding: 15px; }

#tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #2c2c2c;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px; }

#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #2c2c2c;
  top: -20px;
  bottom: auto; }

#tooltip.left:after {
  left: 10px;
  margin: 0; }

#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0; }

.dropdown-filter__selection {
  clear: both;
  overflow: hidden;
  margin-bottom: 1em; }

.bg--red {
  background-color: #FF6464;
  color: #fff; }
  .bg--red a {
    color: #fff; }
    .bg--red a:hover, .bg--red a:focus {
      color: #fff;
      text-decoration: underline; }
  .bg--red a.cta,
  .bg--red a.cta--white,
  .bg--red a.cta--gray {
    color: #FF6464; }
    .bg--red a.cta:hover, .bg--red a.cta:focus,
    .bg--red a.cta--white:hover,
    .bg--red a.cta--white:focus,
    .bg--red a.cta--gray:hover,
    .bg--red a.cta--gray:focus {
      color: #FF6464;
      text-decoration: none; }
  .bg--red a.cta--ghost,
  .bg--red a.cta--white-ghost,
  .bg--red a.cta--gray-ghost {
    background-color: #FF6464;
    color: #fff; }
    .bg--red a.cta--ghost:hover, .bg--red a.cta--ghost:focus,
    .bg--red a.cta--white-ghost:hover,
    .bg--red a.cta--white-ghost:focus,
    .bg--red a.cta--gray-ghost:hover,
    .bg--red a.cta--gray-ghost:focus {
      color: #FF6464;
      background-color: #fff;
      text-decoration: none; }

.bg--cyan {
  background-color: #418CD2;
  color: #fff; }
  .bg--cyan a {
    color: #fff; }
    .bg--cyan a:hover, .bg--cyan a:focus {
      color: #fff;
      text-decoration: underline; }
  .bg--cyan a.cta,
  .bg--cyan a.cta--white,
  .bg--cyan a.cta--gray {
    color: #418CD2; }
    .bg--cyan a.cta:hover, .bg--cyan a.cta:focus,
    .bg--cyan a.cta--white:hover,
    .bg--cyan a.cta--white:focus,
    .bg--cyan a.cta--gray:hover,
    .bg--cyan a.cta--gray:focus {
      color: #418CD2;
      text-decoration: none; }
  .bg--cyan a.cta--ghost,
  .bg--cyan a.cta--white-ghost,
  .bg--cyan a.cta--gray-ghost {
    background-color: #418CD2;
    color: #fff; }
    .bg--cyan a.cta--ghost:hover, .bg--cyan a.cta--ghost:focus,
    .bg--cyan a.cta--white-ghost:hover,
    .bg--cyan a.cta--white-ghost:focus,
    .bg--cyan a.cta--gray-ghost:hover,
    .bg--cyan a.cta--gray-ghost:focus {
      color: #418CD2;
      background-color: #fff;
      text-decoration: none; }

.bg--cyan-light {
  background-color: #64A5E1;
  color: #fff; }
  .bg--cyan-light a {
    color: #fff; }
    .bg--cyan-light a:hover, .bg--cyan-light a:focus {
      color: #fff;
      text-decoration: underline; }
  .bg--cyan-light a.cta,
  .bg--cyan-light a.cta--white,
  .bg--cyan-light a.cta--gray {
    color: #64A5E1; }
    .bg--cyan-light a.cta:hover, .bg--cyan-light a.cta:focus,
    .bg--cyan-light a.cta--white:hover,
    .bg--cyan-light a.cta--white:focus,
    .bg--cyan-light a.cta--gray:hover,
    .bg--cyan-light a.cta--gray:focus {
      color: #64A5E1;
      text-decoration: none; }
  .bg--cyan-light a.cta--ghost,
  .bg--cyan-light a.cta--white-ghost,
  .bg--cyan-light a.cta--gray-ghost {
    background-color: #64A5E1;
    color: #fff; }
    .bg--cyan-light a.cta--ghost:hover, .bg--cyan-light a.cta--ghost:focus,
    .bg--cyan-light a.cta--white-ghost:hover,
    .bg--cyan-light a.cta--white-ghost:focus,
    .bg--cyan-light a.cta--gray-ghost:hover,
    .bg--cyan-light a.cta--gray-ghost:focus {
      color: #64A5E1;
      background-color: #fff;
      text-decoration: none; }

.bg--midnight {
  background-color: #32465F;
  color: #fff; }
  .bg--midnight a {
    color: #fff; }
    .bg--midnight a:hover, .bg--midnight a:focus {
      color: #fff;
      text-decoration: underline; }
  .bg--midnight a.cta,
  .bg--midnight a.cta--white,
  .bg--midnight a.cta--gray {
    color: #32465F; }
    .bg--midnight a.cta:hover, .bg--midnight a.cta:focus,
    .bg--midnight a.cta--white:hover,
    .bg--midnight a.cta--white:focus,
    .bg--midnight a.cta--gray:hover,
    .bg--midnight a.cta--gray:focus {
      color: #32465F;
      text-decoration: none; }
  .bg--midnight a.cta--ghost,
  .bg--midnight a.cta--white-ghost,
  .bg--midnight a.cta--gray-ghost {
    background-color: #32465F;
    color: #fff; }
    .bg--midnight a.cta--ghost:hover, .bg--midnight a.cta--ghost:focus,
    .bg--midnight a.cta--white-ghost:hover,
    .bg--midnight a.cta--white-ghost:focus,
    .bg--midnight a.cta--gray-ghost:hover,
    .bg--midnight a.cta--gray-ghost:focus {
      color: #32465F;
      background-color: #fff;
      text-decoration: none; }

.bg--green {
  background-color: #28B464;
  color: #fff; }
  .bg--green a {
    color: #fff; }
    .bg--green a:hover, .bg--green a:focus {
      color: #fff;
      text-decoration: underline; }
  .bg--green a.cta,
  .bg--green a.cta--white,
  .bg--green a.cta--gray {
    color: #28B464; }
    .bg--green a.cta:hover, .bg--green a.cta:focus,
    .bg--green a.cta--white:hover,
    .bg--green a.cta--white:focus,
    .bg--green a.cta--gray:hover,
    .bg--green a.cta--gray:focus {
      color: #28B464;
      text-decoration: none; }
  .bg--green a.cta--ghost,
  .bg--green a.cta--white-ghost,
  .bg--green a.cta--gray-ghost {
    background-color: #28B464;
    color: #fff; }
    .bg--green a.cta--ghost:hover, .bg--green a.cta--ghost:focus,
    .bg--green a.cta--white-ghost:hover,
    .bg--green a.cta--white-ghost:focus,
    .bg--green a.cta--gray-ghost:hover,
    .bg--green a.cta--gray-ghost:focus {
      color: #28B464;
      background-color: #fff;
      text-decoration: none; }

.bg--yellow {
  background-color: #FFCD41;
  color: #fff; }
  .bg--yellow a {
    color: #fff; }
    .bg--yellow a:hover, .bg--yellow a:focus {
      color: #fff;
      text-decoration: underline; }
  .bg--yellow a.cta,
  .bg--yellow a.cta--white,
  .bg--yellow a.cta--gray {
    color: #FFCD41; }
    .bg--yellow a.cta:hover, .bg--yellow a.cta:focus,
    .bg--yellow a.cta--white:hover,
    .bg--yellow a.cta--white:focus,
    .bg--yellow a.cta--gray:hover,
    .bg--yellow a.cta--gray:focus {
      color: #FFCD41;
      text-decoration: none; }
  .bg--yellow a.cta--ghost,
  .bg--yellow a.cta--white-ghost,
  .bg--yellow a.cta--gray-ghost {
    background-color: #FFCD41;
    color: #fff; }
    .bg--yellow a.cta--ghost:hover, .bg--yellow a.cta--ghost:focus,
    .bg--yellow a.cta--white-ghost:hover,
    .bg--yellow a.cta--white-ghost:focus,
    .bg--yellow a.cta--gray-ghost:hover,
    .bg--yellow a.cta--gray-ghost:focus {
      color: #FFCD41;
      background-color: #fff;
      text-decoration: none; }

.bg--dark-gray {
  background-color: #2c2c2c;
  color: #fff; }
  .bg--dark-gray a {
    color: #fff; }
    .bg--dark-gray a:hover, .bg--dark-gray a:focus {
      color: #fff;
      text-decoration: underline; }
  .bg--dark-gray a.cta,
  .bg--dark-gray a.cta--white,
  .bg--dark-gray a.cta--gray {
    color: #2c2c2c; }
    .bg--dark-gray a.cta:hover, .bg--dark-gray a.cta:focus,
    .bg--dark-gray a.cta--white:hover,
    .bg--dark-gray a.cta--white:focus,
    .bg--dark-gray a.cta--gray:hover,
    .bg--dark-gray a.cta--gray:focus {
      color: #2c2c2c;
      text-decoration: none; }
  .bg--dark-gray a.cta--ghost,
  .bg--dark-gray a.cta--white-ghost,
  .bg--dark-gray a.cta--gray-ghost {
    background-color: #2c2c2c;
    color: #fff; }
    .bg--dark-gray a.cta--ghost:hover, .bg--dark-gray a.cta--ghost:focus,
    .bg--dark-gray a.cta--white-ghost:hover,
    .bg--dark-gray a.cta--white-ghost:focus,
    .bg--dark-gray a.cta--gray-ghost:hover,
    .bg--dark-gray a.cta--gray-ghost:focus {
      color: #2c2c2c;
      background-color: #fff;
      text-decoration: none; }

.bg--whitesmoke {
  background-color: #f5f5f5;
  color: #fff;
  color: #2c2c2c; }
  .bg--whitesmoke a {
    color: #fff; }
    .bg--whitesmoke a:hover, .bg--whitesmoke a:focus {
      color: #fff;
      text-decoration: underline; }
  .bg--whitesmoke a.cta,
  .bg--whitesmoke a.cta--white,
  .bg--whitesmoke a.cta--gray {
    color: #f5f5f5; }
    .bg--whitesmoke a.cta:hover, .bg--whitesmoke a.cta:focus,
    .bg--whitesmoke a.cta--white:hover,
    .bg--whitesmoke a.cta--white:focus,
    .bg--whitesmoke a.cta--gray:hover,
    .bg--whitesmoke a.cta--gray:focus {
      color: #f5f5f5;
      text-decoration: none; }
  .bg--whitesmoke a.cta--ghost,
  .bg--whitesmoke a.cta--white-ghost,
  .bg--whitesmoke a.cta--gray-ghost {
    background-color: #f5f5f5;
    color: #fff; }
    .bg--whitesmoke a.cta--ghost:hover, .bg--whitesmoke a.cta--ghost:focus,
    .bg--whitesmoke a.cta--white-ghost:hover,
    .bg--whitesmoke a.cta--white-ghost:focus,
    .bg--whitesmoke a.cta--gray-ghost:hover,
    .bg--whitesmoke a.cta--gray-ghost:focus {
      color: #f5f5f5;
      background-color: #fff;
      text-decoration: none; }
  .bg--whitesmoke a {
    color: #2c2c2c; }
    .bg--whitesmoke a:hover, .bg--whitesmoke a:focus {
      color: #418CD2; }
    .bg--whitesmoke a.cta--gray {
      background-color: #2c2c2c; }
      .bg--whitesmoke a.cta--gray:hover, .bg--whitesmoke a.cta--gray:focus {
        background-color: #232323;
        color: #fff;
        text-decoration: none; }
    .bg--whitesmoke a.cta--gray-ghost {
      background-color: transparent;
      border: 2px solid #2c2c2c;
      color: #2c2c2c; }
      .bg--whitesmoke a.cta--gray-ghost:hover, .bg--whitesmoke a.cta--gray-ghost:focus {
        background-color: #2c2c2c;
        color: #fff;
        text-decoration: none; }

.bg--img {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.8) 0 1px 1px; }
  .bg--img a {
    color: #fff; }
    .bg--img a:hover, .bg--img a:focus {
      color: #fff;
      text-decoration: underline; }
  .bg--img a.cta {
    text-shadow: none;
    text-decoration: none; }
  .bg--img a.cta--white {
    color: #2c2c2c; }
  .bg--img .card {
    text-shadow: none; }

.finished h2 {
  color: #28B464; }

.wip h2 {
  color: #F5B90F; }

.pending h2 {
  color: #EB3C41; }

.note {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(16%, orange), color-stop(32%, yellow), color-stop(48%, green), color-stop(60%, blue), color-stop(76%, indigo), color-stop(1, violet)); }

.p-0 {
  padding-top: 0;
  padding-bottom: 0; }

.p-1 {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.p-2 {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.p-3 {
  padding-top: 3em;
  padding-bottom: 3em; }

.p-4 {
  padding-top: 4.5em;
  padding-bottom: 4.5em; }

.p-t-0 {
  padding-top: 0; }

.p-t-1 {
  padding-top: 0.5em; }

.p-t-2 {
  padding-top: 1.5em; }

.p-t-3 {
  padding-top: 3em; }

.p-t-4 {
  padding-top: 4.5em; }

.p-b-0 {
  padding-bottom: 0; }

.p-b-1 {
  padding-bottom: 0.5em; }

.p-b-2 {
  padding-bottom: 1.5em; }

.p-b-3 {
  padding-bottom: 3em; }

.p-b-4 {
  padding-bottom: 4.5em; }

.m-0 {
  margin-top: 0;
  margin-bottom: 0; }

.m-1 {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.m-2 {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

.m-3 {
  margin-top: 3em;
  margin-bottom: 3em; }

.m-4 {
  margin-top: 4.5em;
  margin-bottom: 4.5em; }

.m-t-0 {
  margin-top: 0; }

.m-t-1 {
  margin-top: 0.5em; }

.m-t-2 {
  margin-top: 1.5em; }

.m-t-3 {
  margin-top: 3em; }

.m-t-4 {
  margin-top: 4.5em; }

.m-r-0 {
  margin-right: 0; }

.m-r-1 {
  margin-right: 0.5em; }

.m-r-2 {
  margin-right: 1.5em; }

.m-r-3 {
  margin-right: 3em; }

.m-r-4 {
  margin-right: 4.5em; }

.m-b-0 {
  margin-bottom: 0; }

.m-b-1 {
  margin-bottom: 0.5em; }

.m-b-2 {
  margin-bottom: 1.5em; }

.m-b-3 {
  margin-bottom: 3em; }

.m-b-4 {
  margin-bottom: 4.5em; }

.m-l-0 {
  margin-left: 0; }

.m-l-1 {
  margin-left: 0.5em; }

.m-l-2 {
  margin-left: 1.5em; }

.m-l-3 {
  margin-left: 3em; }

.m-l-4 {
  margin-left: 4.5em; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.flex-container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media only screen and (min-width: 992px) {
    .flex-container {
      flex-direction: row; }
      .flex-container img {
        margin: 0; } }

img.rounded {
  border-radius: 50%; }

.truncate {
  width: 250px;
  display: flex;
  flex-direction: row;
  height: 24px;
  margin-bottom: 12px; }
  .truncate a {
    width: calc(250px - 24px - .5rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px; }

.googleadservice {
  width: 0;
  height: 0;
  overflow: hidden; }

.mfp-title {
  display: none; }

#header--showcase {
  background-image: url(/assets/img/showcase/header.jpg); }

#section-2--showcase .card {
  margin: 1em 0; }
  @media only screen and (min-width: 768px) {
    #section-2--showcase .card {
      margin: 20px 20px 0 20px; } }
#section-2--showcase .tab-filter__item {
  font-size: 0;
  list-style: none;
  border-style: solid;
  border-color: #418CD2;
  border-width: 1px 1px 0;
  font-size: 1.25rem;
  display: block;
  padding: .5rem 1rem;
  color: #418CD2;
  cursor: pointer; }
  @media only screen and (min-width: 768px) {
    #section-2--showcase .tab-filter__item {
      border-width: 1px 0 1px 1px;
      display: inline-block; }
      #section-2--showcase .tab-filter__item.last {
        border-width: 1px; } }
  #section-2--showcase .tab-filter__item.active, #section-2--showcase .tab-filter__item:hover {
    background-color: #418CD2;
    color: #fff;
    transition: 400ms ease; }
  #section-2--showcase .tab-filter__item.last {
    border-width: 1px; }
  @media only screen and (min-width: 768px) {
    #section-2--showcase .tab-filter__item {
      display: inline; } }
#section-2--showcase .tab-filter__list {
  display: none; }
  @media only screen and (min-width: 768px) {
    #section-2--showcase .tab-filter__list {
      display: block; } }
#section-2--showcase .dropdown-filter,
#section-2--showcase .select2 {
  display: block; }
  @media only screen and (min-width: 768px) {
    #section-2--showcase .dropdown-filter,
    #section-2--showcase .select2 {
      display: none; } }
#section-2--showcase .tab-filter__link:hover {
  background-color: #418CD2;
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear; }

.mfp-container .mfp-arrow.mfp-arrow-left {
  background-image: url("/assets/icons/icon/icon-arrow-left-bold-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 42px;
  display: none; }
  @media only screen and (min-width: 1200px) {
    .mfp-container .mfp-arrow.mfp-arrow-left {
      display: block; } }
  .mfp-container .mfp-arrow.mfp-arrow-left:after, .mfp-container .mfp-arrow.mfp-arrow-left:before {
    display: none; }

.mfp-container .mfp-arrow.mfp-arrow-right {
  background-image: url("/assets/icons/icon/icon-arrow-right-bold-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 42px;
  display: none; }
  @media only screen and (min-width: 1200px) {
    .mfp-container .mfp-arrow.mfp-arrow-right {
      display: block; } }
  .mfp-container .mfp-arrow.mfp-arrow-right:after, .mfp-container .mfp-arrow.mfp-arrow-right:before {
    display: none; }

.mfp-bottom-bar .mfp-title a {
  color: #CCC;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none; }

.mfp-bottom-bar .mfp-counter {
  font-size: 16px;
  line-height: 22px; }

#section-3--showcase .media__image {
  background-image: url(/assets/img/showcase/merchant-audrey.png); }

@media only screen and (min-width: 992px) {
  #section-4--showcase .col-1 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    background-image: url(/assets/img/showcase/demoshop.png);
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 100%; } }
@media only screen and (min-width: 992px) {
  #section-4--showcase .col-2 {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(58.3333333333% - 31.6666666667px + 40px); } }

#header--merchants {
  background-image: url(/assets/img/merchants/header.jpg); }

#header--golla {
  background-image: url(/assets/img/golla/header.jpg); }

@media only screen and (min-width: 768px) {
  #section-1--golla .section-wrapper {
    text-align: center; } }

#section-2--golla {
  background-image: url(/assets/img/golla/bg-men-big.jpg);
  background-position: left; }
  @media only screen and (min-width: 768px) {
    #section-2--golla .col {
      width: calc(75% - 35px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    #section-2--golla .col {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px;
      margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }
  #section-2--golla .section__body {
    padding-bottom: 6.5rem; }

#section-5--golla {
  background-image: url(/assets/img/golla/bg-video.jpg);
  background-position: center; }

#section-10--golla {
  background-image: url(/assets/img/golla/bg-popupstore.jpg);
  background-position: left;
  height: 40vh; }

#section-13--golla {
  background-image: url(/assets/img/golla/bg-autumn.jpg);
  background-position: left; }
  @media only screen and (min-width: 768px) {
    #section-13--golla .col {
      width: calc(75% - 35px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    #section-13--golla .col {
      width: calc(41.6666666667% - 28.3333333333px);
      float: left;
      margin-left: 20px;
      margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

@media only screen and (min-width: 992px) {
  #section-1--golla .col,
  #section-3--golla .col,
  #section-4--golla .col,
  #section-6--golla .col,
  #section-7--golla .col,
  #section-9--golla .col,
  #section-11--golla .col,
  #section-12--golla .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#header--mavalou {
  background-image: url(/assets/img/mavalou/header-mavalou.jpg); }

@media only screen and (min-width: 768px) {
  #section-1--mavalou .section-wrapper {
    text-align: center; } }

#section-2--mavalou {
  background-color: #f5f5f5; }
  #section-2--mavalou .media__image {
    background-image: url(/assets/img/mavalou/merchant.jpg); }

#section-3--mavalou {
  background-image: url(/assets/img/mavalou/bg-sewing.jpg);
  background-position: center; }
  #section-3--mavalou .col .section__body:first-child {
    margin-bottom: 3em; }
  #section-3--mavalou .col .section__body:last-child {
    margin-bottom: 18rem; }

#section-5--mavalou img {
  margin: 0 auto; }

#section-8--mavalou {
  background-image: url(/assets/img/mavalou/dancing_woman.jpg);
  background-position: center; }

@media only screen and (min-width: 992px) {
  #section-1--mavalou .col,
  #section-2--mavalou .col,
  #section-3--mavalou .col,
  #section-4--mavalou .col,
  #section-6--mavalou .col,
  #section-7--mavalou .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#header--bathrooms-at-source {
  background-image: url(/assets/img/bathrooms-at-source/header.jpg); }

@media only screen and (min-width: 768px) {
  #section-1--bathrooms-at-source .section-wrapper {
    text-align: center; } }

#section-2--bathrooms-at-source {
  background-color: #f5f5f5; }
  #section-2--bathrooms-at-source .media__image {
    background-image: url(/assets/img/bathrooms-at-source/merchant.jpg); }

#section-8--bathrooms-at-source img {
  margin: 0 auto; }

#section-12--bathrooms-at-source {
  background-image: url(/assets/img/bathrooms-at-source/bg-video.jpg);
  background-position: center; }

@media only screen and (min-width: 992px) {
  #section-1--bathrooms-at-source .col,
  #section-2--bathrooms-at-source .col,
  #section-3--bathrooms-at-source .col,
  #section-4--bathrooms-at-source .col,
  #section-5--bathrooms-at-source .col,
  #section-6--bathrooms-at-source .col,
  #section-7--bathrooms-at-source .col,
  #section-9--bathrooms-at-source .col,
  #section-10--bathrooms-at-source .col,
  #section-11--bathrooms-at-source .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#header--audrey {
  background-image: url(/assets/img/les-carnets-daudrey/audrey_banner-top.png); }

@media only screen and (min-width: 768px) {
  #section-1--audrey .section-wrapper {
    text-align: center; } }

#section-2--audrey {
  background-color: #f5f5f5; }
  #section-2--audrey .media__image {
    background-image: url(/assets/img/les-carnets-daudrey/audrey_portrait.png); }

@media only screen and (min-width: 768px) {
  #section-3--audrey .section-wrapper {
    text-align: center; } }

@media only screen and (min-width: 768px) {
  #section-5--audrey .section-wrapper {
    text-align: center; } }

@media only screen and (min-width: 768px) {
  #section-7--audrey {
    background-image: url(/assets/img/les-carnets-daudrey/audrey_background-image.jpg);
    background-size: 50%;
    background-position: right; }
    #section-7--audrey .col {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }

#section-8--audrey {
  background-image: url(/assets/img/les-carnets-daudrey/audrey_banner-bottom.png);
  background-position: center; }

#section-9--audrey .section-wrapper small {
  font-size: 70%; }
@media only screen and (min-width: 768px) {
  #section-9--audrey .section-wrapper {
    text-align: center; } }
#section-9--audrey .section-wrapper .cta {
  color: white; }
  #section-9--audrey .section-wrapper .cta:hover {
    color: white; }

#header--mireia {
  background-image: url(/assets/img/visto-luego-existo/mireia_banner-top.png); }

@media only screen and (min-width: 768px) {
  #section-1--mireia .section-wrapper {
    text-align: center; } }
@media only screen and (min-width: 768px) {
  #section-1--mireia .section-wrapper .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#section-2--mireia {
  background-color: #f5f5f5; }
  #section-2--mireia .media__image {
    background-image: url(/assets/img/visto-luego-existo/mireia_portrait.png); }

#section-9--mireia {
  background-image: url(/assets/img/visto-luego-existo/mireia_banner-bottom.png);
  background-position: center; }

#section-10--mireia .section-wrapper small {
  font-size: 70%; }
@media only screen and (min-width: 768px) {
  #section-10--mireia .section-wrapper {
    text-align: center; } }
#section-10--mireia .section-wrapper .cta {
  color: white; }
  #section-10--mireia .section-wrapper .cta:hover {
    color: white; }

#header--marti {
  background-image: url(/assets/img/mochilas-13/marti_banner-top.png);
  background-position: bottom; }

@media only screen and (min-width: 768px) {
  #section-1--marti .section-wrapper {
    text-align: center; } }

#section-2--marti {
  background-color: #f5f5f5; }
  #section-2--marti .media__image {
    background-image: url(/assets/img/mochilas-13/marti_portrait.png); }

@media only screen and (min-width: 768px) {
  #section-3--marti .section-wrapper {
    text-align: center; } }
@media only screen and (min-width: 768px) {
  #section-3--marti .section-wrapper .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

@media only screen and (min-width: 768px) {
  #section-5--marti .section-wrapper .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

@media only screen and (min-width: 768px) {
  #section-6--marti .section-wrapper .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#section-7--marti {
  background-image: url(/assets/img/mochilas-13/marti_banner-bottom.jpg);
  background-position: center; }

#section-8--marti .section-wrapper small {
  font-size: 70%; }
@media only screen and (min-width: 768px) {
  #section-8--marti .section-wrapper {
    text-align: center; } }
#section-8--marti .section-wrapper .cta {
  color: white; }
  #section-8--marti .section-wrapper .cta:hover {
    color: white; }

address {
  font-style: normal; }

#section-1--legal-notice h1.section__title {
  margin-top: 72px;
  margin-bottom: 1.5em; }
@media only screen and (min-width: 992px) {
  #section-1--legal-notice .col-1 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-1--legal-notice .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }
#section-1--legal-notice .list--impress a {
  color: #2c2c2c; }

#header--enterprise {
  background-image: url(/assets/img/enterprise/header.jpg); }

#section-3--enterprise {
  background-image: url(/assets/img/enterprise/bg-contact.jpg);
  background-position: center; }

#section-6--enterprise {
  background-image: url(/assets/img/enterprise/bg-quote.jpg);
  background-position: center; }
  @media only screen and (min-width: 992px) {
    #section-6--enterprise .col {
      width: calc(66.6666666667% - 33.3333333333px);
      float: left;
      margin-left: 20px;
      margin-left: calc(16.6666666667% - 23.3333333333px + 40px); } }

@media only screen and (min-width: 992px) {
  #section-7--enterprise {
    text-align: left; } }
@media only screen and (min-width: 992px) {
  #section-7--enterprise .col-1,
  #section-7--enterprise .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }
#section-7--enterprise .card-wrapper {
  margin-top: 1.5em; }
  @media only screen and (min-width: 992px) {
    #section-7--enterprise .card-wrapper {
      margin-top: 0; } }
  #section-7--enterprise .card-wrapper .card {
    flex-basis: calc(50% - 2em); }

#section-8--enterprise {
  background-image: url(/assets/img/enterprise/bg-contact.jpg);
  background-position: center; }
  @media only screen and (min-width: 1200px) {
    #section-8--enterprise .col-1 {
      width: calc(66.6666666667% - 33.3333333333px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 1200px) {
    #section-8--enterprise .col-2 {
      width: calc(33.3333333333% - 26.6666666667px);
      float: left;
      margin-left: 20px; } }
  #section-8--enterprise .media__image--merchant {
    background-image: url(/assets/img/erp/lgerdes.jpg); }
    @media only screen and (min-width: 1200px) {
      #section-8--enterprise .media__image--merchant {
        margin-right: 1.5em; } }
  #section-8--enterprise .form-group {
    color: #2c2c2c;
    margin-top: 1.5em; }
    @media only screen and (min-width: 768px) {
      #section-8--enterprise .form-group {
        width: calc(66.6666666667% - 33.3333333333px);
        float: left;
        margin-left: 20px;
        margin-left: calc(16.6666666667% - 23.3333333333px + 40px); } }
    @media only screen and (min-width: 1200px) {
      #section-8--enterprise .form-group {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-top: 0; } }
  #section-8--enterprise .form-success,
  #section-8--enterprise .form-error {
    width: 100%;
    display: none;
    line-height: normal;
    border: 2px solid white;
    margin-bottom: 0.5em;
    padding: 0.5em;
    cursor: pointer; }

#header--multistore {
  background-image: url(/assets/img/multistore/header.jpg); }

#section-2--multistore {
  background-color: #f5f5f5;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #section-2--multistore {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    #section-2--multistore .col-1, #section-2--multistore .col-2, #section-2--multistore .col-3 {
      width: calc(33.3333333333% - 26.6666666667px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    #section-2--multistore .section__body {
      padding-bottom: 0; } }

#section-3--multistore .col {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #section-3--multistore .col {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px;
      text-align: left; } }
@media only screen and (min-width: 992px) {
  #section-3--multistore {
    background-image: url(/assets/img/multistore/bg-coworking.jpg);
    background-position: right;
    background-size: contain; } }

#section-4--multistore {
  background-image: url(/assets/img/multistore/contact-bg.jpg);
  background-position: center; }
  @media only screen and (min-width: 992px) {
    #section-4--multistore .col-1 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    #section-4--multistore .col-2 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }
  #section-4--multistore .form-group {
    color: #2c2c2c;
    margin-top: 1.5em; }
    @media only screen and (min-width: 768px) {
      #section-4--multistore .form-group {
        width: calc(66.6666666667% - 33.3333333333px);
        float: left;
        margin-left: 20px;
        margin-left: calc(16.6666666667% - 23.3333333333px + 40px); } }
    @media only screen and (min-width: 992px) {
      #section-4--multistore .form-group {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-top: 0; } }
  #section-4--multistore .form-success,
  #section-4--multistore .form-error {
    width: 100%;
    display: none;
    line-height: normal;
    border: 2px solid white;
    margin-bottom: 0.5em;
    padding: 0.5em;
    cursor: pointer; }

#header--apps-and-integrations {
  background-image: url(/assets/img/apps-and-integrations/header-overview.jpg); }

@media only screen and (min-width: 992px) {
  #section-1--apps-and-integrations .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#section-2--apps-and-integrations .dropdown-filter__selection .col-1,
#section-2--apps-and-integrations .dropdown-filter__selection .col-2,
#section-2--apps-and-integrations .dropdown-filter__selection .col-3,
#section-2--apps-and-integrations .dropdown-filter__selection .col-4 {
  margin: 0 20px; }
  @media only screen and (min-width: 768px) {
    #section-2--apps-and-integrations .dropdown-filter__selection .col-1,
    #section-2--apps-and-integrations .dropdown-filter__selection .col-2,
    #section-2--apps-and-integrations .dropdown-filter__selection .col-3,
    #section-2--apps-and-integrations .dropdown-filter__selection .col-4 {
      width: calc(25% - 25px);
      float: left;
      margin-left: 20px;
      margin-right: 0; } }
#section-2--apps-and-integrations .dropdown-filter__content {
  clear: both; }
#section-2--apps-and-integrations .card--integration__type {
  text-transform: capitalize; }

#header--apps-and-integrations--detail {
  background-image: url(/assets/img/apps-and-integrations/header-detail.jpg); }
  #header--apps-and-integrations--detail h1 {
    margin-bottom: 0; }

#section-1--apps-and-integrations--detail ul {
  padding-left: 20px; }
#section-1--apps-and-integrations--detail li {
  list-style-type: disc; }
@media only screen and (min-width: 1200px) {
  #section-1--apps-and-integrations--detail .col-1 {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-1--apps-and-integrations--detail .app__icon {
    float: left; } }
#section-1--apps-and-integrations--detail .apps-and-integrations__screenshots > * {
  width: calc(100%/3 - 17px);
  border: 2px solid #b5b5b5;
  display: inline-block; }
#section-1--apps-and-integrations--detail .apps-and-integrations__screenshots > a:nth-child(2) {
  margin: 0 20px; }
@media only screen and (min-width: 1200px) {
  #section-1--apps-and-integrations--detail .col-2 {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; } }
#section-1--apps-and-integrations--detail .apps-and-integrations__quick-info {
  background-color: #f5f5f5;
  padding: 1rem; }
#section-1--apps-and-integrations--detail .apps-and-integrations__support img {
  width: 24px;
  margin-right: .5rem;
  margin-bottom: -5px; }
#section-1--apps-and-integrations--detail .apps-and-integrations__support img, #section-1--apps-and-integrations--detail .apps-and-integrations__support a {
  display: inline-block; }

#header--about-us {
  background-image: url(/assets/img/about-us/header.jpg); }

#section-2--about-us .section__title {
  text-align: left; }
  @media only screen and (min-width: 992px) {
    #section-2--about-us .section__title {
      text-align: center; } }
@media only screen and (min-width: 992px) {
  #section-2--about-us .col-1 {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-2--about-us .col-2 {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px; }
    #section-2--about-us .col-2 .card--icon:nth-child(-n+2) {
      margin-top: 0; } }
#section-2--about-us .col-2 .card--icon {
  flex-basis: 100%;
  margin: 1em 0; }
  @media only screen and (min-width: 768px) {
    #section-2--about-us .col-2 .card--icon {
      flex-basis: calc(100% / 2 - 2em);
      margin: 1em; } }

@media only screen and (min-width: 992px) {
  #section-3--about-us .col-1 {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-3--about-us .col-2 {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px;
    background-image: url(/assets/img/about-us/our-team.jpg);
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%; } }

#section-4--about-us .col-1 img {
  margin-bottom: 1.5em; }
  @media only screen and (min-width: 992px) {
    #section-4--about-us .col-1 img {
      margin: 0; } }
@media only screen and (min-width: 992px) {
  #section-4--about-us .col-1 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-4--about-us .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }

@media only screen and (min-width: 1200px) {
  #section-5--about-us .col-1 {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 1200px) {
  #section-5--about-us .col-2 {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 1200px) {
  #section-5--about-us {
    background-image: url(/assets/img/about-us/partners.jpg);
    background-size: contain;
    background-position: right; } }

#section-6--about-us {
  background-image: url(/assets/img/about-us/mission.jpg); }
  @media only screen and (min-width: 768px) {
    #section-6--about-us .card-wrapper {
      width: calc(66.6666666667% - 33.3333333333px);
      float: left;
      margin-left: 20px;
      margin-left: calc(16.6666666667% - 23.3333333333px + 40px); } }
  @media only screen and (min-width: 992px) {
    #section-6--about-us .card-wrapper {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  #section-6--about-us .card {
    flex-basis: 100%;
    margin: 1em 0; }
    @media only screen and (min-width: 992px) {
      #section-6--about-us .card {
        flex-basis: calc(100% / 3 - 2em);
        margin: 1em; } }

#section-7--about-us .circle {
  background-color: #418CD2;
  border-radius: 100%;
  height: 250px;
  width: 250px;
  margin: 0 auto 1.5em;
  display: flex;
  align-items: center;
  justify-content: center; }
  #section-7--about-us .circle h2 {
    color: #fff;
    margin-bottom: 0;
    width: 100%;
    font-size: 2.25rem; }
#section-7--about-us .card--float {
  width: 100%; }
  #section-7--about-us .card--float .card {
    flex-basis: 100%;
    border: 2px solid #418CD2;
    margin: 1em 0; }
    #section-7--about-us .card--float .card a {
      display: inline-block; }
@media only screen and (min-width: 375px) {
  #section-7--about-us .section-wrapper {
    position: relative; }
    #section-7--about-us .section-wrapper::before {
      content: "";
      display: block;
      height: 90%;
      width: 2px;
      background: #418CD2;
      position: absolute;
      margin: auto;
      top: 4.5rem;
      left: 0;
      right: 0;
      bottom: 4.5rem;
      z-index: -1; } }
@media only screen and (min-width: 992px) {
  #section-7--about-us .section-wrapper {
    position: relative; }
    #section-7--about-us .section-wrapper::before {
      content: "";
      display: block;
      height: 100%;
      width: 2px;
      background: #418CD2;
      position: absolute;
      margin: auto;
      top: 10em;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1; }
    #section-7--about-us .section-wrapper .card-wrapper {
      display: block; }
      #section-7--about-us .section-wrapper .card-wrapper .card--float {
        width: 50%;
        height: auto;
        position: relative;
        box-sizing: content-box; }
        #section-7--about-us .section-wrapper .card-wrapper .card--float .card {
          margin: 1em; }
        #section-7--about-us .section-wrapper .card-wrapper .card--float:after {
          width: calc(100% - 1em);
          content: "";
          display: block;
          height: 2px;
          background: #418CD2;
          position: absolute;
          z-index: -1;
          top: calc(42px + 1em); }
        #section-7--about-us .section-wrapper .card-wrapper .card--float:nth-child(2n - 1) {
          float: left; }
          #section-7--about-us .section-wrapper .card-wrapper .card--float:nth-child(2n - 1):after {
            right: 0; }
          #section-7--about-us .section-wrapper .card-wrapper .card--float:nth-child(2n - 1) .card {
            float: left; }
        #section-7--about-us .section-wrapper .card-wrapper .card--float:nth-child(2n) {
          float: right; }
          #section-7--about-us .section-wrapper .card-wrapper .card--float:nth-child(2n):after {
            left: 0; }
          #section-7--about-us .section-wrapper .card-wrapper .card--float:nth-child(2n) .card {
            float: right; }
        #section-7--about-us .section-wrapper .card-wrapper .card--float:nth-child(2) {
          margin-top: 80px; }
        #section-7--about-us .section-wrapper .card-wrapper .card--float .card {
          width: 20em; } }
#section-7--about-us .card__text:not(:last-child) {
  margin-bottom: 1.5em; }

#section-8--about-us .col-1 {
  margin-bottom: 3em; }
@media only screen and (min-width: 768px) {
  #section-8--about-us .col-1 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-bottom: 0; }
  #section-8--about-us .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    border-left: 2px solid #fff;
    margin-left: 10px; } }
#section-8--about-us span {
  display: inline-block;
  margin-bottom: .75rem;
  width: 120px;
  text-align: left; }
#section-8--about-us img {
  height: 1.5rem;
  display: inline-block;
  margin-right: .5rem;
  margin-bottom: -5px; }
#section-8--about-us a {
  display: inline-block; }

#section-9--about-us {
  background-color: #f5f5f5; }
  #section-9--about-us .col-1 {
    margin-bottom: 3em; }
  #section-9--about-us .form-group {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.6666666667% - 23.3333333333px + 40px); }
    #section-9--about-us .form-group input {
      float: left;
      width: 70%;
      margin: 0; }
    #section-9--about-us .form-group button {
      float: left;
      margin-left: 4px;
      width: auto;
      border: 2px solid #28B464;
      vertical-align: baseline; }
  @media only screen and (min-width: 768px) {
    #section-9--about-us .col-1 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px;
      margin-bottom: 0; } }

#header--sell-online {
  background-image: url(/assets/img/sell-online/header.jpg); }

#section-2--sell-online .card--icon {
  margin: .5em 0;
  min-height: 122px; }
  @media only screen and (min-width: 768px) {
    #section-2--sell-online .card--icon {
      flex-basis: calc(50% - 2em);
      margin: 1em;
      border: 2px solid #b5b5b5;
      display: flex;
      flex-direction: column;
      justify-content: center; } }
  @media only screen and (min-width: 992px) {
    #section-2--sell-online .card--icon {
      flex-basis: calc(25% - 2em); } }

#section-5--sell-online .card-wrapper {
  display: none; }
  @media only screen and (min-width: 768px) {
    #section-5--sell-online .card-wrapper {
      display: flex; } }
#section-5--sell-online .card--logo {
  margin: .5em; }
  @media only screen and (min-width: 768px) {
    #section-5--sell-online .card--logo {
      flex-basis: calc(100% / 6 - 1em); } }

.section-6--sell-online .card--default__header {
  text-align: center;
  padding-top: 4.5em;
  padding-bottom: 4.5em; }
.section-6--sell-online .card-1 > .card--default__header {
  background-color: #FFCD41; }
.section-6--sell-online .card-2 > .card--default__header {
  background-color: #418CD2; }
.section-6--sell-online .card-3 > .card--default__header {
  background-color: #32465F; }
@media only screen and (min-width: 992px) {
  .section-6--sell-online .card--default {
    flex-basis: calc(100% / 3 - 2em); } }

.section-6--sell-online.desktop {
  display: none; }
  @media only screen and (min-width: 992px) {
    .section-6--sell-online.desktop {
      display: block; } }

@media only screen and (min-width: 992px) {
  .section-6--sell-online.mobile {
    display: none; } }

#section-7--sell-online {
  background-color: #f5f5f5; }
  #section-7--sell-online .col-1 {
    text-align: center; }
    @media only screen and (min-width: 992px) {
      #section-7--sell-online .col-1 {
        width: calc(33.3333333333% - 26.6666666667px);
        float: left;
        margin-left: 20px;
        text-align: left; } }
  #section-7--sell-online .col-2 {
    display: none; }
    @media only screen and (min-width: 992px) {
      #section-7--sell-online .col-2 {
        width: calc(66.6666666667% - 33.3333333333px);
        float: left;
        margin-left: 20px;
        display: flex; } }
  #section-7--sell-online .card--logo {
    margin: .5em; }
    @media only screen and (min-width: 768px) {
      #section-7--sell-online .card--logo {
        flex-basis: calc(100% / 4 - 1em); } }

#header--system-partners {
  background-image: url(/assets/img/system-partners/header.jpg); }

#section-2--system-partners .dropdown-filter__selection {
  margin: 0 20px 1em; }
  @media only screen and (min-width: 768px) {
    #section-2--system-partners .dropdown-filter__selection {
      max-width: 400px;
      margin: 0 auto 1em; } }
#section-2--system-partners .card-wrapper {
  position: relative; }
#section-2--system-partners .card .card__header, #section-2--system-partners .card .card__body {
  cursor: pointer; }
#section-2--system-partners .card--integration__header {
  display: flex;
  justify-content: center;
  align-items: center; }

#header--contact {
  background-image: url(/assets/img/contact/contact-header.jpg); }

@media only screen and (min-width: 992px) {
  #section-1--contact .section__title,
  #section-1--contact .section__body {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }
@media only screen and (min-width: 768px) {
  #section-1--contact .col-1,
  #section-1--contact .col-2,
  #section-1--contact .col-3,
  #section-1--contact .col-4,
  #section-1--contact .col-5 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    min-height: 220px; } }
@media only screen and (min-width: 992px) {
  #section-1--contact .col-1,
  #section-1--contact .col-2,
  #section-1--contact .col-3,
  #section-1--contact .col-4,
  #section-1--contact .col-5 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    min-height: 250px; } }
@media only screen and (min-width: 1200px) {
  #section-1--contact .col-1,
  #section-1--contact .col-2,
  #section-1--contact .col-3,
  #section-1--contact .col-4,
  #section-1--contact .col-5 {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    min-height: 280px; } }

#section-2--contact {
  background-image: url(/assets/img/contact/contact-form.jpg);
  background-position: center; }
  @media only screen and (min-width: 992px) {
    #section-2--contact .col-1 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    #section-2--contact .col-2 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }
  #section-2--contact .form-group {
    color: #2c2c2c; }
  #section-2--contact .form-success,
  #section-2--contact .form-error {
    width: 100%;
    display: none;
    line-height: normal;
    border: 2px solid white;
    margin-bottom: 0.5em;
    padding: 0.5em;
    cursor: pointer; }

#header--get-started {
  background-image: url(/assets/img/get-started/header.jpg); }

@media only screen and (min-width: 992px) {
  #section-1--get-started .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

@media only screen and (min-width: 768px) {
  #section-2--get-started {
    background-image: url(/assets/img/get-started/screens.png);
    background-position: center bottom;
    background-size: 700px; } }
@media only screen and (min-width: 768px) {
  #section-2--get-started .col {
    padding-bottom: 8rem; } }
@media only screen and (min-width: 992px) {
  #section-2--get-started .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

@media only screen and (min-width: 992px) {
  #section-3--get-started .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

@media only screen and (min-width: 992px) {
  #section-4--get-started .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#section-5--get-started .col-1 {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #section-5--get-started .col-1 {
      width: calc(41.6666666667% - 28.3333333333px);
      float: left;
      margin-left: 20px;
      text-align: left; } }
@media only screen and (min-width: 992px) {
  #section-5--get-started .col-2 {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px; } }
#section-5--get-started .card--logo {
  margin: .5em;
  flex-basis: calc(100% / 2 - 1em); }
  @media only screen and (min-width: 768px) {
    #section-5--get-started .card--logo {
      flex-basis: calc(100% / 6 - 1em); } }
#section-5--get-started .cta {
  text-decoration: none; }

#section-6--get-started {
  display: none;
  background-image: url(/assets/img/get-started/desk.jpg);
  background-position: center bottom;
  padding-bottom: 10rem; }
  @media only screen and (min-width: 992px) {
    #section-6--get-started .col-1 {
      width: calc(66.6666666667% - 33.3333333333px);
      float: left;
      margin-left: 20px; } }

@media only screen and (min-width: 992px) {
  #section-7--get-started .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#header--erp {
  background-image: url(/assets/img/erp/header.jpg); }

@media only screen and (min-width: 992px) {
  #section-1--erp .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#section-2--erp {
  background-color: #f5f5f5; }
  @media only screen and (min-width: 992px) {
    #section-2--erp .col-1 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }
  #section-2--erp .col-2 {
    display: none; }
    @media only screen and (min-width: 992px) {
      #section-2--erp .col-2 {
        width: calc(50% - 30px);
        float: left;
        margin-left: 20px;
        display: flex;
        background-image: url(/assets/img/erp/video.jpg);
        position: absolute;
        right: 0;
        top: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100%; } }
  #section-2--erp .flex-container {
    height: 100%;
    justify-content: center;
    flex: auto; }

#section-3--erp {
  background-image: url(/assets/img/erp/section-advantages.png); }
  #section-3--erp .card {
    border: 2px solid #418CD2;
    margin: 1em .5em; }
    @media only screen and (min-width: 992px) {
      #section-3--erp .card {
        flex-basis: calc(100% / 3 - 1em); } }

#section-4--erp .card {
  margin: .5em; }
  @media only screen and (min-width: 375px) {
    #section-4--erp .card {
      flex-basis: calc(100% / 2 - 1em); } }
  @media only screen and (min-width: 992px) {
    #section-4--erp .card {
      flex-basis: calc(100% / 4 - 1em); } }

#section-5--erp {
  background-image: url(/assets/img/erp/bg-contact.jpg);
  background-position: center; }
  @media only screen and (min-width: 1200px) {
    #section-5--erp .col-1 {
      width: calc(66.6666666667% - 33.3333333333px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 1200px) {
    #section-5--erp .col-2 {
      width: calc(33.3333333333% - 26.6666666667px);
      float: left;
      margin-left: 20px; } }
  #section-5--erp .media__image--merchant {
    background-image: url(/assets/img/erp/lgerdes.jpg); }
    @media only screen and (min-width: 1200px) {
      #section-5--erp .media__image--merchant {
        margin-right: 1.5em; } }
  #section-5--erp .form-group {
    color: #2c2c2c;
    margin-top: 1.5em; }
    @media only screen and (min-width: 768px) {
      #section-5--erp .form-group {
        width: calc(66.6666666667% - 33.3333333333px);
        float: left;
        margin-left: 20px;
        margin-left: calc(16.6666666667% - 23.3333333333px + 40px); } }
    @media only screen and (min-width: 1200px) {
      #section-5--erp .form-group {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-top: 0; } }
  #section-5--erp .form-success,
  #section-5--erp .form-error {
    width: 100%;
    display: none;
    line-height: normal;
    border: 2px solid white;
    margin-bottom: 0.5em;
    padding: 0.5em;
    cursor: pointer; }

#header--get-shop {
  background-image: url(/assets/img/get-shop/header.jpg); }

@media only screen and (min-width: 992px) {
  #section-1--get-shop .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

@media only screen and (min-width: 992px) {
  #section-2--get-shop .section__title {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }
#section-2--get-shop .dropdown-filter__selection {
  margin: 0 20px 1em; }
  @media only screen and (min-width: 768px) {
    #section-2--get-shop .dropdown-filter__selection {
      max-width: 400px;
      margin: 0 auto 1em; } }
#section-2--get-shop .card--integration__header {
  display: flex;
  justify-content: center;
  align-items: center; }

#header--support {
  background-image: url("/assets/img/support/header.jpg"); }

@media only screen and (min-width: 992px) {
  #section-2--support {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); } }
@media only screen and (min-width: 992px) {
  #section-2--support .col-1 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    background-image: url(/assets/img/support/academy.jpg);
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%; } }
@media only screen and (min-width: 992px) {
  #section-2--support .col-2 {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(58.3333333333% - 31.6666666667px + 40px); } }

@media only screen and (min-width: 992px) {
  #section-3--support .col-1 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-3--support .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }
#section-3--support .col-2 img {
  margin-top: 3em; }
  @media only screen and (min-width: 992px) {
    #section-3--support .col-2 img {
      margin: 0; } }

#section-4--support {
  background-image: url("/assets/img/support/meeting.jpg");
  background-position: center; }
  @media only screen and (min-width: 992px) {
    #section-4--support .col {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px;
      margin-left: calc(25% - 25px + 40px); } }

#section-5--support .section-wrapper {
  padding-top: 0; }
@media only screen and (min-width: 992px) {
  #section-5--support .col-1 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-5--support .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }
#section-5--support .col-2 img {
  margin-top: 3em; }
  @media only screen and (min-width: 992px) {
    #section-5--support .col-2 img {
      margin: 0; } }

#header--academy {
  background-image: url("/assets/img/academy/header.jpg"); }

@media only screen and (min-width: 992px) {
  #section-1--academy .col {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.3333333333% - 21.6666666667px + 40px); } }

#section-2--academy {
  background-color: #f5f5f5; }
  @media only screen and (min-width: 992px) {
    #section-2--academy .col-1 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  #section-2--academy .col-2 {
    text-align: center; }
    @media only screen and (min-width: 992px) {
      #section-2--academy .col-2 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
  #section-2--academy .card--default__header {
    text-align: center;
    background: #fff;
    background-position: center;
    padding-top: 5.5em;
    padding-bottom: 5.5em; }
  #section-2--academy .card-1 > .card--default__header {
    background-image: url("/assets/img/academy/workshops.jpg");
    background-size: cover; }
  #section-2--academy .card-2 > .card--default__header {
    background-image: url("/assets/img/academy/seminars.jpg");
    background-size: cover; }
  #section-2--academy .card-3 > .card--default__header {
    background-image: url("/assets/img/academy/hands-on.jpg");
    background-size: cover; }
  #section-2--academy .card--default {
    margin: .5em; }
    @media only screen and (min-width: 992px) {
      #section-2--academy .card--default {
        flex-basis: calc(100% / 3 - 1em); } }

#section-3--academy .bx-wrapper {
  background: transparent; }
  #section-3--academy .bx-wrapper .bx-viewport {
    height: auto !important; }
  #section-3--academy .bx-wrapper img {
    display: inline; }
  @media only screen and (min-width: 992px) {
    #section-3--academy .bx-wrapper .media__image {
      margin: 0 0 20px 40px; }
    #section-3--academy .bx-wrapper .media__body {
      text-align: left; } }

#section-4--academy .card--default__header {
  text-align: center;
  padding-top: 4.5em;
  padding-bottom: 4.5em; }
@media only screen and (min-width: 992px) {
  #section-4--academy .card-1 {
    margin-left: calc(16.6666666667% - 23.3333333333px + 40px); } }
#section-4--academy .card-1 > .card--default__header {
  background-color: #32465F; }
#section-4--academy .card-2 > .card--default__header {
  background-color: #1E73C3; }
@media only screen and (min-width: 992px) {
  #section-4--academy .card--default {
    flex-basis: calc(100% / 3 - 2em); } }

#section-5--academy .card--default {
  position: relative;
  z-index: 2;
  color: #fff;
  border-color: #418CD2;
  flex-basis: 100%;
  height: 18em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: .5em; }
  @media only screen and (min-width: 768px) {
    #section-5--academy .card--default {
      flex-basis: calc(100% / 2 - 1em); } }
  @media only screen and (min-width: 992px) {
    #section-5--academy .card--default {
      flex-basis: calc(100% / 4 - 1em); } }
  #section-5--academy .card--default .header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(50, 70, 95, 0.75); }
  #section-5--academy .card--default > * {
    z-index: 2; }
#section-5--academy .card--commerce-summit {
  background-image: url("/assets/img/academy/event-commerce-summit.jpg");
  background-size: cover; }
#section-5--academy .card--academy-leipzig {
  background-image: url("/assets/img/academy/city_leipzig.jpg");
  background-size: cover; }
#section-5--academy .card--academy-hamburg {
  background-image: url("/assets/img/academy/city_hamburg.jpg");
  background-size: cover; }
#section-5--academy .card--academy-frankfurt {
  background-image: url("/assets/img/academy/city_frankfurt.jpg");
  background-size: cover; }
#section-5--academy .card--academy-muenchen {
  background-image: url("/assets/img/academy/city_muenchen.jpg");
  background-size: cover; }
#section-5--academy .card--academy-berlin {
  background-image: url("/assets/img/academy/city_berlin.jpg");
  background-size: cover; }
#section-5--academy .card--academy-duesseldorf {
  background-image: url("/assets/img/academy/city_duesseldorf.jpg");
  background-size: cover; }
#section-5--academy .card--academy-stuttgart {
  background-image: url("/assets/img/academy/city_stuttgart.jpg");
  background-size: cover; }
#section-5--academy .card--academy-barcelona {
  background-image: url("/assets/img/academy/city_barcelona.jpg");
  background-size: cover; }
#section-5--academy .card--academy-madrid {
  background-image: url("/assets/img/academy/city_madrid.jpg");
  background-size: cover; }
#section-5--academy .card--academy-london {
  background-image: url("/assets/img/academy/city_london.jpg");
  background-size: cover; }
#section-5--academy .card--academy-webinar {
  background-image: url("/assets/img/academy/event-misc.jpg");
  background-size: cover; }
#section-5--academy .card--academy-other {
  background-image: url("/assets/img/academy/event-academy-other.jpg");
  background-size: cover; }
  #section-5--academy .card--academy-other p {
    display: flex;
    justify-content: center;
    align-items: center; }
  #section-5--academy .card--academy-other .cta {
    display: none; }
#section-5--academy .card--academy-cancelled {
  color: #9b9b9b;
  filter: grayscale(0.9); }
  #section-5--academy .card--academy-cancelled .cta {
    background: #9b9b9b;
    color: whitesmoke;
    cursor: default; }

@media only screen and (min-width: 992px) {
  #section-6--academy .col-1 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-6--academy .col-2 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; } }
#section-6--academy .card--logo {
  margin: .5em; }
  @media only screen and (min-width: 375px) {
    #section-6--academy .card--logo {
      flex-basis: calc(100% / 2 - 1em); } }
  @media only screen and (min-width: 992px) {
    #section-6--academy .card--logo {
      flex-basis: calc(100% / 3 - 1em); } }

#header--now {
  background-image: url(/assets/img/now/header.jpg); }

#section-2--now {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #section-2--now {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    #section-2--now .col-1,
    #section-2--now .col-2 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }
  #section-2--now .bx-wrapper {
    background: transparent; }
  #section-2--now .slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff; }

#section-3--now {
  background-image: url(/assets/img/now/express-setup.jpg);
  background-position: center;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #section-3--now {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    #section-3--now .col-1 {
      width: calc(58.3333333333% - 31.6666666667px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    #section-3--now .section-wrapper {
      padding-bottom: 24rem; } }

#section-4--now {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #section-4--now {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    #section-4--now .col-1,
    #section-4--now .col-2 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }

#section-5--now {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #section-5--now {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    #section-5--now .col-1, #section-5--now .col-2, #section-5--now .col-3 {
      width: calc(33.3333333333% - 26.6666666667px);
      float: left;
      margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    #section-5--now .section__body {
      padding-bottom: 0; } }

#section-6--now {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #section-6--now {
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    #section-6--now .col-1,
    #section-6--now .col-2 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }

#section-7--now {
  background-image: url(/assets/img/now/eager-to-start.jpg); }

#header--jobs,
#header--how-to-apply,
#header--why-epages,
#header--teams {
  background-image: url(/assets/img/career/header.jpg); }

@media only screen and (min-width: 768px) {
  #section-5--jobs .col-1 {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    left: calc(25% - 25px + 20px);
    position: relative;
    text-align: left; } }
@media only screen and (min-width: 768px) {
  #section-5--jobs .col-2 {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    left: calc(-75% - 5px + 20px);
    position: relative; } }
#section-5--jobs img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  display: block; }

#section-1--how-to-apply .card {
  margin: .5em; }
  @media only screen and (min-width: 768px) {
    #section-1--how-to-apply .card {
      flex-basis: calc(50% - 1em); } }
  @media only screen and (min-width: 992px) {
    #section-1--how-to-apply .card {
      flex-basis: calc(25% - 1em); } }

#section-2--how-to-apply .card {
  margin: .5em;
  border: none;
  background: transparent; }
  @media only screen and (min-width: 992px) {
    #section-2--how-to-apply .card {
      flex-basis: calc(100% / 5 - 1em); } }
#section-2--how-to-apply .card__header {
  background: transparent;
  color: #418CD2; }
  @media only screen and (min-width: 992px) {
    #section-2--how-to-apply .card__header {
      min-height: 13rem; } }
  #section-2--how-to-apply .card__header h5 {
    font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #section-2--how-to-apply .card__header h3 {
    color: #9b9b9b; }

@media only screen and (min-width: 992px) {
  #section-3--how-to-apply .col {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.6666666667% - 23.3333333333px + 40px); } }

#section-4--how-to-apply {
  background-image: url(/assets/img/career/bg-dev.jpg); }

#section-2--why-epages .card {
  margin: 0;
  border: none;
  color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-height: 12rem; }
  @media only screen and (min-width: 768px) {
    #section-2--why-epages .card {
      flex-basis: calc(100% / 2);
      min-height: 16rem; } }
  @media only screen and (min-width: 992px) {
    #section-2--why-epages .card {
      flex-basis: calc(100% / 3);
      min-height: 20rem; } }
#section-2--why-epages .card:nth-child(1) {
  background-image: url(/assets/img/career/tile-working-hours.jpg); }
#section-2--why-epages .card:nth-child(2) {
  background-image: url(/assets/img/career/tile-flat-hierachies.jpg); }
#section-2--why-epages .card:nth-child(3) {
  background-image: url(/assets/img/career/tile-offices.jpg); }
#section-2--why-epages .card:nth-child(4) {
  background-image: url(/assets/img/career/tile-pension-fund.jpg); }
#section-2--why-epages .card:nth-child(5) {
  background-image: url(/assets/img/career/tile-training.jpg); }
#section-2--why-epages .card:nth-child(6) {
  background-image: url(/assets/img/career/tile-tickets.jpg); }

@media only screen and (min-width: 768px) {
  #section-3--why-epages .col-1,
  #section-3--why-epages .col-2,
  #section-3--why-epages .col-3 {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px; }
    #section-3--why-epages .col-1 p,
    #section-3--why-epages .col-2 p,
    #section-3--why-epages .col-3 p {
      margin-bottom: 0; } }
#section-3--why-epages .icon {
  height: 34px;
  margin-bottom: 1em; }

@media only screen and (min-width: 992px) {
  #section-4--why-epages .col-1 {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-4--why-epages .col-2 {
    width: calc(58.3333333333% - 31.6666666667px);
    float: left;
    margin-left: 20px;
    background-image: url(/assets/img/career/meet-teams.jpg);
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%; } }

#section-5--why-epages {
  background-image: url(/assets/img/career/bg-dev.jpg); }
  @media only screen and (min-width: 768px) {
    #section-5--why-epages .col-1,
    #section-5--why-epages .col-2,
    #section-5--why-epages .col-3,
    #section-5--why-epages .col-4,
    #section-5--why-epages .col-5 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px;
      min-height: 180px; } }
  @media only screen and (min-width: 992px) {
    #section-5--why-epages .col-1,
    #section-5--why-epages .col-2,
    #section-5--why-epages .col-3,
    #section-5--why-epages .col-4,
    #section-5--why-epages .col-5 {
      width: calc(33.3333333333% - 26.6666666667px);
      float: left;
      margin-left: 20px;
      min-height: 250px; } }

@media only screen and (min-width: 992px) {
  #section-6--why-epages .col-1,
  #section-6--why-epages .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }
@media only screen and (min-width: 992px) {
  #section-6--why-epages .col-1 {
    border-right: 2px solid #fff;
    padding-right: 2em; }
    #section-6--why-epages .col-1 p {
      margin-bottom: 0; } }
@media only screen and (min-width: 992px) {
  #section-6--why-epages .col-2 {
    padding-left: 2em; } }

#section-7--why-epages .card {
  margin: .5em;
  display: flex;
  flex-basis: 100%; }
  @media only screen and (min-width: 768px) {
    #section-7--why-epages .card {
      flex-basis: calc(100% / 2 - 1em); } }
#section-7--why-epages .card__body {
  display: flex; }

#section-1--teams .tab-filter__link {
  margin: .5em;
  border-width: 1px; }

#section-2--teams img {
  display: block; }

#section-4--teams {
  background-image: url(/assets/img/career/bg-hackathon.jpg); }
  #section-4--teams .play-button {
    margin: 2rem 0; }

#section-5--teams .card-wrapper {
  justify-content: center; }
#section-5--teams .card {
  border: none;
  color: #fff;
  background: transparent;
  margin: 0;
  padding: 0;
  align-items: center; }
#section-5--teams img {
  border-radius: 50%;
  border: 2px solid #9b9b9b;
  height: 100px;
  width: 100px;
  margin-right: 0;
  margin-bottom: 2em; }
  @media only screen and (min-width: 768px) {
    #section-5--teams img {
      margin-right: 2em; } }
#section-5--teams .card__body {
  display: flex;
  flex-direction: column;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #section-5--teams .card__body {
      flex-direction: row;
      text-align: left; } }
#section-5--teams .cta--red {
  color: #fff; }

@media only screen and (min-width: 768px) {
  #section-6--teams .col-1,
  #section-6--teams .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }

#section-7--teams .col-1 {
  display: none; }
@media only screen and (min-width: 768px) {
  #section-7--teams .col-1,
  #section-7--teams .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    text-align: left; }
  #section-7--teams .col-1 {
    display: block; } }

#follow-us {
  display: none; }
  @media only screen and (min-width: 1200px) {
    #follow-us {
      display: block; } }
  #follow-us img {
    height: 20px;
    margin-bottom: -2px;
    margin-right: .5em; }
  #follow-us span {
    margin-right: 2em; }
    #follow-us span:nth-child(2) {
      margin-left: 6rem; }
    #follow-us span a, #follow-us span h5 {
      display: inline; }
    #follow-us span h5 {
      background: #D41217;
      position: absolute;
      padding: 1.75em 3em;
      line-height: 1;
      left: 0;
      top: 0; }

#section-2--home img {
  padding-right: 1.5em;
  display: none; }
  @media only screen and (min-width: 768px) {
    #section-2--home img {
      display: block; } }
@media only screen and (min-width: 768px) {
  #section-2--home .col-1,
  #section-2--home .col-2 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; } }

#section-3--home {
  background-image: url(/assets/img/home/bg-golla.jpg);
  background-position: left; }
  @media only screen and (min-width: 768px) {
    #section-3--home {
      background-position: center; }
      #section-3--home .col {
        width: calc(50% - 30px);
        float: left;
        margin-left: 20px; } }

@media only screen and (min-width: 1200px) {
  #section-4--home .col {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.6666666667% - 23.3333333333px + 40px); }
  #section-4--home img {
    display: block; } }

#section-5--home {
  background-image: url(/assets/img/home/background-support.jpg); }
  @media only screen and (min-width: 768px) {
    #section-5--home .col {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }

#section-6--home .card-wrapper {
  display: none; }
  @media only screen and (min-width: 768px) {
    #section-6--home .card-wrapper {
      display: flex; } }
@media only screen and (min-width: 768px) {
  #section-6--home .card {
    margin: .5em;
    flex-basis: calc(100% / 6 - 1em); } }

#section-1--data-privacy-protection .section-wrapper {
  padding-top: 7em; }
#section-1--data-privacy-protection a {
  display: inline; }

#header--release-notes {
  background-image: url(/assets/img/release-notes/header.jpg); }

@media only screen and (min-width: 992px) {
  #section-1--release-notes .col,
  #section-2--release-notes .col,
  #section-3--release-notes .col,
  #section-4--release-notes .col {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.6666666667% - 23.3333333333px + 40px); } }

#section-2--release-notes a {
  display: inline; }

/* Modified old CSS */
.versionContainer {
  border-bottom: 0;
  margin-bottom: 20px;
  text-align: left; }

.versionContainer > div > h3 {
  font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem; }

.versionContainer > div > h3 a {
  display: block;
  padding: .5em;
  font-size: 1.25rem;
  font-weight: normal;
  text-decoration: underline; }

.accordionOuter h3 {
  margin: 0;
  padding-left: 18px;
  font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  background: url("/assets/icons/icon/icon-arrow-right-bold-cyan.svg") 0 12px no-repeat;
  background-size: 14px 20px; }

.accordionOuter.expanded h3 {
  background: url("/assets/icons/icon/icon-arrow-down-bold-cyan.svg") 0 14px no-repeat;
  background-size: 20px 14px; }

.accordionOuter .tabs ul:after,
.accordionOuter .tabs:after,
.accordionOuter .tabs .tab:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.accordionOuter .tabs ul {
  margin: 0;
  padding-left: 0;
  border-bottom: 2px solid #b5b5b5; }

.accordionOuter .tabs li {
  float: left;
  padding: .5em 1em;
  position: relative;
  top: 2px; }

.accordionOuter .tabs li.active {
  background-color: #fff;
  border: 2px solid #b5b5b5;
  border-bottom: none; }

.accordionOuter .tabs li a {
  color: #2c2c2c; }

.accordionOuter .tabs .tab {
  padding: .5em;
  background-color: #fff;
  border: 2px solid #b5b5b5;
  border-top: none; }

.versionContainer .accordionOuter .accordionNested h3 {
  padding: .5em;
  font-size: 1.25rem;
  color: #418CD2;
  font-weight: normal;
  background: transparent; }

.versionContainer .accordionOuter .accordionNested h3 a {
  display: inline;
  font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #418CD2;
  font-weight: normal;
  text-decoration: underline; }

.versionContainer .accordionOuter .accordionNested small {
  padding-left: .5em; }

.versionContainer .accordionOuter .accordionNested div p {
  padding: .5em; }

#section-1--terms-and-conditions .section-wrapper {
  padding-top: 7em; }

#header--prices {
  background: linear-gradient(#1E73C3, #64A5E1);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center; }
  #header--prices .cta {
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); }

#section-0--prices {
  display: flex;
  padding-top: 3em; }
  #section-0--prices .section-wrapper {
    padding-left: 0;
    padding-right: 0;
    /*** STYLE RESPONSIVE TABLE ***/
    /*** TABLE STYLES ***/ }
    @media only screen and (min-width: 480px) {
      #section-0--prices .section-wrapper {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media only screen and (min-width: 992px) {
      #section-0--prices .section-wrapper {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    #section-0--prices .section-wrapper .package-switch {
      display: flex;
      justify-content: center;
      margin-bottom: 3em; }
      @media (min-width: 850px) {
        #section-0--prices .section-wrapper .package-switch {
          display: none; } }
      #section-0--prices .section-wrapper .package-switch__button {
        padding: 2rem;
        border-bottom: 5px solid #64A5E1;
        cursor: pointer; }
        #section-0--prices .section-wrapper .package-switch__button:hover, #section-0--prices .section-wrapper .package-switch__button.active {
          border-color: #1E73C3;
          background: #cfe3f6;
          transition: all .5s ease-in-out; }
    #section-0--prices .section-wrapper .pricing-table {
      table-layout: auto; }
      @media only screen and (min-width: 480px) {
        #section-0--prices .section-wrapper .pricing-table {
          table-layout: fixed; } }
      @media (min-width: 850px) {
        #section-0--prices .section-wrapper .pricing-table {
          table-layout: fixed; } }
      @media (max-width: 850px) {
        #section-0--prices .section-wrapper .pricing-table {
          font-size: 1rem; } }
    #section-0--prices .section-wrapper .p-0, #section-0--prices .section-wrapper .p-1, #section-0--prices .section-wrapper .p-2, #section-0--prices .section-wrapper .p-4 {
      display: none; }
      @media (min-width: 850px) {
        #section-0--prices .section-wrapper .p-0, #section-0--prices .section-wrapper .p-1, #section-0--prices .section-wrapper .p-2, #section-0--prices .section-wrapper .p-4 {
          display: table-cell; } }
    #section-0--prices .section-wrapper td.p-1, #section-0--prices .section-wrapper td.p-2, #section-0--prices .section-wrapper td.p-3, #section-0--prices .section-wrapper td.p-4 {
      text-align: right; }
      @media only screen and (min-width: 480px) {
        #section-0--prices .section-wrapper td.p-1, #section-0--prices .section-wrapper td.p-2, #section-0--prices .section-wrapper td.p-3, #section-0--prices .section-wrapper td.p-4 {
          text-align: center; } }
    #section-0--prices .section-wrapper .pricing-table {
      max-width: calc(1200px - 4rem);
      margin: 0 auto; }
    #section-0--prices .section-wrapper td {
      min-height: 60px;
      padding: .5rem 1rem; }
      @media only screen and (min-width: 480px) {
        #section-0--prices .section-wrapper td {
          min-height: 80px; } }
    #section-0--prices .section-wrapper th:nth-child(1) {
      width: 30%; }
    #section-0--prices .section-wrapper table, #section-0--prices .section-wrapper th, #section-0--prices .section-wrapper tr, #section-0--prices .section-wrapper td {
      border: 0; }
    #section-0--prices .section-wrapper tbody tr:not(:last-child) {
      border-bottom: 1px solid #c8c8c8; }
    #section-0--prices .section-wrapper thead tr th, #section-0--prices .section-wrapper tbody {
      text-align: center; }
    #section-0--prices .section-wrapper tbody tr td:first-child {
      text-align: left;
      display: flex;
      align-items: center;
      position: relative; }
    #section-0--prices .section-wrapper span.is-available {
      font-weight: 700;
      color: #418CD2;
      font-size: 1.6rem;
      line-height: 1;
      vertical-align: middle; }
    #section-0--prices .section-wrapper span.not-available {
      font-weight: 700;
      color: #c8c8c8;
      font-size: 1.6rem;
      line-height: 1;
      vertical-align: middle; }
    #section-0--prices .section-wrapper thead {
      border-bottom: 5px solid #64A5E1; }
      #section-0--prices .section-wrapper thead th {
        padding: 1.5rem 1rem;
        vertical-align: top; }
    #section-0--prices .section-wrapper .pricing-table__package {
      letter-spacing: .5px;
      margin-bottom: .5rem;
      font-size: 1.4rem;
      font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      letter-spacing: 3px; }
    #section-0--prices .section-wrapper .pricing-table__package-description {
      font-weight: normal;
      line-height: 1;
      margin: 0;
      color: #9b9b9b; }
    #section-0--prices .section-wrapper .pricing-table__feature-info {
      width: 1rem;
      height: 1rem;
      cursor: pointer;
      position: absolute;
      right: 10px; }
    #section-0--prices .section-wrapper thead th:nth-child(4) {
      background: linear-gradient(#418CD2, #64A5E1); }
      #section-0--prices .section-wrapper thead th:nth-child(4).pricing-table__bestseller {
        background: linear-gradient(#1E73C3, #418CD2);
        vertical-align: middle;
        border-bottom: 2px solid #fff; }
        #section-0--prices .section-wrapper thead th:nth-child(4).pricing-table__bestseller h4 {
          margin: 0;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-size: 1rem;
          color: rgba(255, 255, 255, 0.7); }
      #section-0--prices .section-wrapper thead th:nth-child(4) .pricing-table__package {
        color: white; }
      #section-0--prices .section-wrapper thead th:nth-child(4) .pricing-table__package-description {
        color: rgba(255, 255, 255, 0.7); }
    #section-0--prices .section-wrapper thead tr:first-child th {
      padding: 1rem 0 .7rem; }
    #section-0--prices .section-wrapper .pricing-table__bestseller {
      padding: 1rem;
      vertical-align: middle; }
    #section-0--prices .section-wrapper tbody td:nth-child(4) {
      background: #cfe3f6; }

#section-1--prices {
  border-top: 3px dashed #64A5E1; }
  #section-1--prices .section__title {
    color: #c8c8c8;
    color: #418CD2; }
  #section-1--prices .faq {
    max-width: 768px;
    margin: 0 auto; }
    #section-1--prices .faq__question {
      font-family: "HelveticaNeue-Bold", "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-bottom: 0;
      position: relative; }
    #section-1--prices .faq__answer {
      font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #section-1--prices .faq__answer:not(:last-child) {
      margin-bottom: 1.5rem; }

#section-2--prices .cta {
  margin-top: 0.5em; }

#section-3--prices {
  background-color: #1e3250;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23465f78' fill-opacity='0.27'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  color: white;
  background-size: auto;
  background-repeat: repeat; }
  #section-3--prices .cta {
    margin-top: 1.5em; }

#section-4--prices {
  background: #f5f5f5; }
  #section-4--prices .col-1 {
    text-align: left; }
    @media only screen and (min-width: 992px) {
      #section-4--prices .col-1 {
        width: calc(50% - 30px);
        float: left;
        margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    #section-4--prices .col-2 {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; } }