@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../../.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*
  _setup.scss
  Description: variables, sprites... tout ce qui est utile pour générer chaque fichier css
*/
/* colors */
/* Break points for media queries */
/* line 1, ../../../sass/otly/_common.scss */
html {
  height: 100% !important;
  min-height: 100% !important;
}

/* line 6, ../../../sass/otly/_common.scss */
html, body, input, button {
  font-family: "Open Sans" !important;
}

/* line 10, ../../../sass/otly/_common.scss */
.wrapper {
  height: 100%;
}

/* line 14, ../../../sass/otly/_common.scss */
strong {
  font-weight: 400 !important;
}

/* line 21, ../../../sass/otly/_common.scss */
.dropdown.top-nav .btn, .dropdown.top-nav.dropdown-toggle {
  background-color: transparent !important;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff !important;
  outline: none !important;
  font-size: 11pt;
  font-family: "Open Sans";
  font-weight: normal;
  height: 40px;
  width: 100%;
  text-transform: uppercase;
  cursor: pointer;
}
@media only screen and (max-width: 995px) {
  /* line 21, ../../../sass/otly/_common.scss */
  .dropdown.top-nav .btn, .dropdown.top-nav.dropdown-toggle {
    margin-bottom: 5px;
  }
}
/* line 40, ../../../sass/otly/_common.scss */
.dropdown.top-nav .dropdown-menu .button {
  color: #787878;
  padding-left: 10px;
}

/* line 1, ../../../sass/otly/_landing.scss */
.fp-tableCell {
  border: 20px solid white;
}
@media only screen and (max-width: 995px) {
  /* line 1, ../../../sass/otly/_landing.scss */
  .fp-tableCell {
    border: none;
  }
}

/* line 10, ../../../sass/otly/_landing.scss */
.landing-slides .show-on-open {
  display: none;
}
/* line 14, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide {
  width: 96%;
  height: 96%;
  top: 2%;
  left: 3%;
  margin: 0 !important;
  position: absolute;
  z-index: 2000;
}
@media only screen and (min-width: 995px) {
  /* line 14, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide {
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  }
}
@media only screen and (max-width: 995px) {
  /* line 14, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 995px) {
  /* line 36, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide a.appstores {
    height: 40px;
    width: 120px;
    margin: 15px 0 0 0;
  }
}
/* line 43, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .row {
  height: 100%;
}
@media only screen and (min-width: 995px) {
  /* line 45, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .row .col {
    height: 100%;
    position: relative;
  }
}
/* line 52, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .top-mobile {
  height: 20%;
}
@media only screen and (max-height: 480px) {
  /* line 52, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .top-mobile {
    height: 30%;
  }
}
/* line 59, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .middle-mobile {
  height: 65%;
}
/* line 63, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .bottom-mobile {
  height: 80%;
}
@media only screen and (max-height: 480px) {
  /* line 63, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .bottom-mobile {
    height: 70%;
  }
}
/* line 70, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .button-open {
  width: 400px;
  color: #ffffff;
  border: none;
}
@media only screen and (max-width: 995px) {
  /* line 70, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .button-open {
    max-width: 400px;
    width: 60%;
  }
}
/* line 80, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .button-open.otly-app {
  background-color: #1585B3;
}
/* line 83, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .button-open.otly-jr {
  background-color: #E86A0C;
}
/* line 86, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .button-open.otly-pay {
  background-color: #1F74CA;
}
/* line 89, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .button-open.otly-give {
  background-color: #DE4C68;
}
/* line 93, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .img-title {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 97, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .main-img {
  top: 50%;
  left: 20%;
  transform: translate(0%, -50%);
  width: auto;
  height: 90%;
  max-height: 700px;
  position: relative;
  display: block;
}
@media only screen and (max-width: 995px) {
  /* line 97, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .main-img {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    height: 80%;
  }
}
@media only screen and (max-width: 995px) and (max-height: 480px) {
  /* line 97, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .main-img {
    height: 64%;
  }
}
@media only screen and (max-width: 995px) and (max-height: 568px) and (min-height: 481px) {
  /* line 97, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .main-img {
    height: 74%;
  }
}
@media only screen and (max-width: 995px) and (max-height: 670px) and (min-height: 569px) {
  /* line 97, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .main-img {
    height: 75%;
  }
}

/* line 125, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .otly-app-main.otly-app-nl {
  background: url("../images/landing/otly-app/nl/main.png") no-repeat center center transparent;
  background-size: cover;
}
/* line 129, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .otly-app-main.otly-app-en {
  background: url("../images/landing/otly-app/en/main.png") no-repeat center center transparent;
  background-size: cover;
}
/* line 134, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .section-details {
  color: #ffffff;
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 995px) {
  /* line 134, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .section-details {
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 995px) {
  /* line 134, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .section-details {
    transform: translate(0%, 30%);
  }
}
/* line 149, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .section-details .service-name {
  font-family: bigfishblack;
  font-size: 35pt;
}
@media only screen and (max-width: 995px) {
  /* line 149, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .section-details .service-name {
    font-size: 20pt;
  }
}
/* line 156, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .section-details .service-desc {
  font-weight: 100;
  font-size: 17pt;
  line-height: 1.5;
  padding: 20px 20%;
}
@media only screen and (max-width: 995px) {
  /* line 156, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .section-details .service-desc {
    font-size: 10pt;
  }
}
@media only screen and (max-width: 995px) {
  /* line 156, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .section-details .service-desc {
    padding: 15px 7%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 170, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .service-show-more {
    margin-top: 10px;
    text-align: center;
  }
}
@media only screen and (max-width: 995px) {
  /* line 177, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .service-show-more.stand-alone {
    margin-top: 67px;
  }
}
@media only screen and (min-width: 995px) {
  /* line 183, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .download-app {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 995px) {
  /* line 183, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .download-app {
    text-align: center;
  }
}
/* line 190, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .download-app p {
  padding-top: 30px;
}
/* line 195, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .service-details {
  color: #ffffff;
  text-align: center;
  top: 40%;
  position: relative;
}
@media only screen and (max-width: 995px) {
  /* line 195, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .service-details {
    padding-top: 2%;
  }
}
/* line 204, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .service-details .service-desc {
  line-height: 1.5;
  padding: 20px 20%;
}
/* line 205, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .service-details .service-desc .title {
  font-size: 18pt;
  font-weight: 500;
  padding-bottom: 15px;
}
/* line 210, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .service-details .service-desc .text {
  font-weight: 100;
  font-size: 13pt;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 995px) {
  /* line 204, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .service-details .service-desc {
    color: #767676;
    padding: 12px 5%;
    line-height: 1.1;
  }
  /* line 222, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .service-details .service-desc .title {
    font-size: 15pt;
    padding-bottom: 12px;
  }
  /* line 226, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide .service-details .service-desc .text {
    font-size: 11pt;
  }
}
/* line 230, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .service-details .service-desc .slide-text {
  display: none;
}
/* line 233, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide .service-details .service-desc .slide-text.active {
  display: inline;
}
@media only screen and (min-width: 995px) {
  /* line 242, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.open-slide {
    width: 41.66666667%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 242, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.open-slide {
    height: 0;
  }
}
/* line 251, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.home-slide {
  background: url("../images/cover/parent-kid-plane-s.jpg") no-repeat center center transparent;
  background-size: cover;
}
@media only screen and (max-width: 995px) {
  /* line 251, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide {
    background: url("../images/cover/parent-kid-plane-mob.jpg") no-repeat center center transparent;
    background-size: auto 100%;
  }
}
/* line 259, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.home-slide .tagline {
  color: white;
  text-align: center;
  position: absolute;
  line-height: 1.3;
  font-weight: 100;
  width: 100%;
  padding: 30px;
}
@media only screen and (min-width: 995px) {
  /* line 259, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide .tagline {
    top: 3%;
    letter-spacing: 3px;
    background-size: 50%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 259, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide .tagline {
    background-color: #04B6EF;
    bottom: 0;
    background-size: 70%;
  }
}
/* line 281, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.home-slide .tagline .tagline-s {
  font-size: 15pt;
}
@media only screen and (max-width: 995px) {
  /* line 281, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide .tagline .tagline-s {
    font-size: 10pt;
  }
}
/* line 288, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.home-slide .tagline .tagline-m {
  font-size: 30pt;
}
@media only screen and (max-width: 995px) {
  /* line 288, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide .tagline .tagline-m {
    font-size: 15pt;
  }
}
/* line 297, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.home-slide .logo-and-slogan {
  left: 0;
  font-family: "Open Sans";
  position: absolute;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 995px) {
  /* line 297, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide .logo-and-slogan {
    top: 50%;
    margin: -70px auto auto;
  }
}
@media only screen and (max-width: 995px) {
  /* line 297, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide .logo-and-slogan {
    top: 5%;
  }
}
/* line 313, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.home-slide .logo-and-slogan .logo {
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width: 995px) {
  /* line 313, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide .logo-and-slogan .logo {
    width: 25%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 313, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide .logo-and-slogan .logo {
    width: 50%;
  }
}
/* line 324, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.home-slide .logo-and-slogan .slogan {
  color: #ffffff;
  font-size: 20pt;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 27px;
  letter-spacing: 7px;
}
@media only screen and (max-width: 995px) {
  /* line 324, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.home-slide .logo-and-slogan .slogan {
    font-size: 13pt;
    padding-top: 7px;
    padding-bottom: 3px;
  }
}
/* line 338, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.home-slide .logo-and-slogan .downloadapp {
  width: 100%;
  height: 40px;
}
/* line 344, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.otly-app-slide {
  background: url(../images/bg-slides/blue.svg) right bottom no-repeat #04B6EF;
  background-size: contain;
}
@media only screen and (max-width: 995px) {
  /* line 344, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.otly-app-slide {
    background-image: url(../images/bg-slides/mobile/blue.svg);
    background-size: cover;
  }
}
/* line 352, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.otly-jr-slide {
  background: url(../images/bg-slides/orange.svg) right bottom no-repeat #F38900;
  background-size: contain;
}
@media only screen and (max-width: 995px) {
  /* line 352, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.otly-jr-slide {
    background-image: url(../images/bg-slides/mobile/orange.svg);
    background-size: cover;
  }
}
/* line 360, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.otly-pay-slide {
  background: url(../images/bg-slides/dark-blue.svg) right bottom no-repeat #3797F9;
  background-size: contain;
}
@media only screen and (max-width: 995px) {
  /* line 360, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.otly-pay-slide {
    background-image: url(../images/bg-slides/mobile/dark-blue.svg);
    background-size: cover;
  }
}
/* line 368, ../../../sass/otly/_landing.scss */
.landing-slides .top-slide.otly-give-slide {
  background: url(../images/bg-slides/red.svg) right bottom no-repeat #F6859A;
  background-size: contain;
}
@media only screen and (max-width: 995px) {
  /* line 368, ../../../sass/otly/_landing.scss */
  .landing-slides .top-slide.otly-give-slide {
    background-image: url(../images/bg-slides/mobile/red.svg);
    background-size: cover;
  }
}
/* line 378, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide {
  background: linear-gradient(#ffffff, #efefef);
  height: 95.5%;
  width: 95.5%;
  left: 3%;
  top: 2.25%;
  position: absolute;
}
@media only screen and (min-width: 995px) {
  /* line 378, ../../../sass/otly/_landing.scss */
  .landing-slides .bottom-slide {
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  }
}
@media only screen and (max-width: 995px) {
  /* line 378, ../../../sass/otly/_landing.scss */
  .landing-slides .bottom-slide {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
/* line 397, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .row {
  height: 100%;
}
@media only screen and (min-width: 995px) {
  /* line 400, ../../../sass/otly/_landing.scss */
  .landing-slides .bottom-slide .row .col {
    height: 100%;
    position: relative;
  }
}
/* line 407, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .img-title {
  padding-top: 30px;
  padding-bottom: 40px;
  font-size: 12pt;
  color: #767676;
  text-transform: uppercase;
}
@media only screen and (max-width: 995px) {
  /* line 407, ../../../sass/otly/_landing.scss */
  .landing-slides .bottom-slide .img-title {
    display: none;
  }
}
/* line 417, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .slide-img {
  width: auto;
  height: 80%;
  max-height: 700px;
  position: relative;
}
@media only screen and (max-width: 995px) {
  /* line 417, ../../../sass/otly/_landing.scss */
  .landing-slides .bottom-slide .slide-img {
    top: 50%;
    height: 80%;
    transform: translate(0%, -50%);
    position: relative;
  }
}
/* line 430, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .top-mobile {
  height: 15%;
}
/* line 434, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .bottom-mobile {
  height: 85%;
}
/* line 438, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .button-close {
  display: none;
  height: 35px;
  outline: medium none;
  top: 10px;
  width: 35px;
  background: transparent url("../images/icons/close.svg") no-repeat scroll center center;
  background-size: 31px auto;
  position: absolute;
  right: 10px;
  z-index: 10000;
  cursor: pointer;
}
/* line 452, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .swiper-container {
  height: 98%;
  z-index: -1;
}
@media only screen and (min-width: 995px) {
  /* line 452, ../../../sass/otly/_landing.scss */
  .landing-slides .bottom-slide .swiper-container {
    width: 80%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 452, ../../../sass/otly/_landing.scss */
  .landing-slides .bottom-slide .swiper-container {
    width: 100%;
  }
}
/* line 463, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .swiper-container .swiper-wrapper .swiper-slide {
  background-color: transparent;
  border: none;
  text-align: center;
  padding-top: 20px;
  width: 100%;
  height: 100%;
}
/* line 470, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-shadow-left,
.landing-slides .bottom-slide .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-shadow-right {
  background-image: none;
}
/* line 475, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .swiper-container .swiper-wrapper .swiper-slide .slide-content {
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 995px) {
  /* line 475, ../../../sass/otly/_landing.scss */
  .landing-slides .bottom-slide .swiper-container .swiper-wrapper .swiper-slide .slide-content {
    width: 100%;
  }
}
/* line 485, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .swiper-container .swiper-pagination-bullet-active {
  background: #696966;
}
/* line 488, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .swiper-container .swiper-button-next {
  background-image: url("../images/icons/arrow-right.svg");
  background-size: 55px 45px;
}
/* line 492, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide .swiper-container .swiper-button-prev {
  background-image: url("../images/icons/arrow-left.svg");
  background-size: 55px 45px;
}
/* line 500, ../../../sass/otly/_landing.scss */
.landing-slides .bottom-slide.revealed .swiper-container {
  z-index: auto;
}

@media only screen and (max-width: 995px) {
  /* line 508, ../../../sass/otly/_landing.scss */
  #fp-nav {
    top: auto;
    bottom: 15px;
    left: 5px !important;
  }
  /* line 514, ../../../sass/otly/_landing.scss */
  #fp-nav ul li a.active span {
    border: 1px solid #ffffff;
  }
}
/* line 519, ../../../sass/otly/_landing.scss */
#fp-nav ul li:nth-child(1) a.active span {
  background: #1EA79B;
}
/* line 522, ../../../sass/otly/_landing.scss */
#fp-nav ul li:nth-child(2) a.active span {
  background: #04B6EF;
}
/* line 525, ../../../sass/otly/_landing.scss */
#fp-nav ul li:nth-child(3) a.active span {
  background: #F38900;
}
/* line 528, ../../../sass/otly/_landing.scss */
#fp-nav ul li:nth-child(4) a.active span {
  background: #3797F9;
}
/* line 531, ../../../sass/otly/_landing.scss */
#fp-nav ul li:nth-child(5) a.active span {
  background: #F6859A;
}

/* line 537, ../../../sass/otly/_landing.scss */
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  height: 8px;
  width: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 100%;
}

/* line 544, ../../../sass/otly/_landing.scss */
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  height: 8px;
  width: 8px;
  margin: -4px 0 0 -4px;
}

/* line 550, ../../../sass/otly/_landing.scss */
#fp-nav ul li a span, .fp-slidesNav ul li a span {
  background: #bdbdbd;
  height: 8px;
  width: 8px;
  margin: -4px 0 0 -4px;
}
@media only screen and (max-width: 995px) {
  /* line 550, ../../../sass/otly/_landing.scss */
  #fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #ffffff;
  }
}

/* Legacy */
/* Top section / image */
/* line 573, ../../../sass/otly/_landing.scss */
nav {
  height: 0;
}

/* line 577, ../../../sass/otly/_landing.scss */
div.fintech {
  display: block;
  margin-left: 30px;
  outline: medium none;
  position: absolute;
  top: 50px;
  z-index: 1;
  padding: 10px;
}
@media only screen and (max-width: 995px) {
  /* line 577, ../../../sass/otly/_landing.scss */
  div.fintech {
    display: none;
  }
}
/* line 590, ../../../sass/otly/_landing.scss */
div.fintech img {
  height: 170px;
  width: auto;
}

/* line 596, ../../../sass/otly/_landing.scss */
div.fintech-bottom {
  text-align: center;
  width: 90%;
  margin-left: 5%;
}
@media only screen and (min-width: 995px) {
  /* line 596, ../../../sass/otly/_landing.scss */
  div.fintech-bottom {
    display: none;
  }
}
/* line 604, ../../../sass/otly/_landing.scss */
div.fintech-bottom img {
  height: 170px;
  width: auto;
}

/* line 610, ../../../sass/otly/_landing.scss */
a.app-store {
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  outline: none;
  margin-left: 10px;
  position: relative;
  height: 80px;
  width: 80px;
  top: 18px;
}

/* line 623, ../../../sass/otly/_landing.scss */
a.app-store.android {
  background-image: url("../images/icons/android.svg");
}

/* line 627, ../../../sass/otly/_landing.scss */
a.app-store.apple {
  background-image: url("../images/icons/apple.svg");
}

/* line 631, ../../../sass/otly/_landing.scss */
a.appstores {
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  outline: none;
  margin-left: 10px;
  position: relative;
  height: 80px;
  width: 150px;
}

/* line 643, ../../../sass/otly/_landing.scss */
a.appstores.appstore {
  background-image: url("../images/icons/appstore.svg");
}

/* line 647, ../../../sass/otly/_landing.scss */
a.appstores.playstore {
  background-image: url("../images/icons/googleplay.svg");
}

/* line 651, ../../../sass/otly/_landing.scss */
a.appstores.appstore.lang-nl {
  background-image: url("../images/icons/appstore-nl.svg");
}

/* line 655, ../../../sass/otly/_landing.scss */
a.appstores.playstore.lang-nl {
  background-image: url("../images/icons/googleplay-nl.svg");
}

/* line 659, ../../../sass/otly/_landing.scss */
a.appstores.dark.appstore {
  background-image: url("../images/icons/appstore-d.svg");
}

/* line 663, ../../../sass/otly/_landing.scss */
a.appstores.dark.playstore {
  background-image: url("../images/icons/googleplay-d.svg");
}

/* line 667, ../../../sass/otly/_landing.scss */
a.appstores.dark.appstore.lang-nl {
  background-image: url("../images/icons/appstore-d-nl.svg");
}

/* line 671, ../../../sass/otly/_landing.scss */
a.appstores.dark.playstore.lang-nl {
  background-image: url("../images/icons/googleplay-d-nl.svg");
}

/* line 675, ../../../sass/otly/_landing.scss */
.top-buttons {
  position: absolute;
  top: 2%;
  text-align: center;
  width: 100%;
  z-index: 1;
}
/* line 682, ../../../sass/otly/_landing.scss */
.top-buttons .container {
  max-width: 1024px;
}
/* line 686, ../../../sass/otly/_landing.scss */
.top-buttons a.button,
.top-buttons div.button {
  background-color: transparent;
  border: none;
  color: #ffffff;
  font-size: 11pt;
  font-family: "Open Sans";
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  width: 100%;
  display: block;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
@media only screen and (max-width: 995px) {
  /* line 686, ../../../sass/otly/_landing.scss */
  .top-buttons a.button,
  .top-buttons div.button {
    margin-bottom: 5px;
  }
}
/* line 708, ../../../sass/otly/_landing.scss */
.top-buttons .col-md-1, .top-buttons .col-md-2, .top-buttons .col-md-3 {
  padding-right: 0;
}

/* line 714, ../../../sass/otly/_landing.scss */
.nav-blue a.button,
.nav-blue div.button {
  color: #005e8b;
}

/* line 720, ../../../sass/otly/_landing.scss */
.top-cont {
  height: 100%;
  min-height: 100%;
  position: relative;
  width: 100%;
  min-width: 100%;
}
/* line 727, ../../../sass/otly/_landing.scss */
.top-cont .top {
  color: #ffffff;
  height: 100%;
  left: 0;
  min-height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translateZ(0px);
  width: 100%;
}
@media only screen and (min-width: 995px) {
  /* line 727, ../../../sass/otly/_landing.scss */
  .top-cont .top {
    background: url("../images/cover/parent-kid-plane-s.jpg") no-repeat center center #0076a3;
    background-size: cover;
  }
}
@media only screen and (max-width: 995px) {
  /* line 727, ../../../sass/otly/_landing.scss */
  .top-cont .top {
    background: url("../images/cover/parent-kid-plane-mob.jpg") no-repeat center center #0076a3;
    background-size: cover;
  }
}
/* line 747, ../../../sass/otly/_landing.scss */
.top-cont .top .logo-and-slogan {
  left: 0;
  font-family: "Open Sans";
  position: absolute;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 995px) {
  /* line 747, ../../../sass/otly/_landing.scss */
  .top-cont .top .logo-and-slogan {
    top: 50%;
    margin: -70px auto auto;
  }
}
@media only screen and (max-width: 995px) {
  /* line 747, ../../../sass/otly/_landing.scss */
  .top-cont .top .logo-and-slogan {
    top: 5%;
  }
}
/* line 763, ../../../sass/otly/_landing.scss */
.top-cont .top .logo-and-slogan .logo {
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width: 995px) {
  /* line 763, ../../../sass/otly/_landing.scss */
  .top-cont .top .logo-and-slogan .logo {
    width: 25%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 763, ../../../sass/otly/_landing.scss */
  .top-cont .top .logo-and-slogan .logo {
    width: 50%;
  }
}
/* line 774, ../../../sass/otly/_landing.scss */
.top-cont .top .logo-and-slogan .downloadapp {
  width: 100%;
  height: 40px;
}
/* line 780, ../../../sass/otly/_landing.scss */
.top-cont .top .bottom-button {
  position: absolute;
  bottom: 0;
  height: 150px;
  width: 100%;
  background: url(../images/icons/arrow-down.svg) no-repeat center 96px transparent;
  background-size: auto 23%;
}
@media only screen and (max-width: 995px) {
  /* line 780, ../../../sass/otly/_landing.scss */
  .top-cont .top .bottom-button {
    height: 110px;
    background-position: center 65px;
  }
}
/* line 793, ../../../sass/otly/_landing.scss */
.top-cont .top .bottom-button .slogan {
  font-size: 30pt;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 995px) {
  /* line 793, ../../../sass/otly/_landing.scss */
  .top-cont .top .bottom-button .slogan {
    font-size: 20pt;
  }
}
/* line 804, ../../../sass/otly/_landing.scss */
.top-cont .top .bottom-button:after {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
/* line 817, ../../../sass/otly/_landing.scss */
.top-cont .top::after {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media only screen and (min-width: 995px) {
  /* line 817, ../../../sass/otly/_landing.scss */
  .top-cont .top::after {
    opacity: 0.1;
  }
}
@media only screen and (max-width: 995px) {
  /* line 817, ../../../sass/otly/_landing.scss */
  .top-cont .top::after {
    opacity: 0.2;
  }
}

/* End top section / image */
/* Page sections */
/* line 838, ../../../sass/otly/_landing.scss */
.section {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
}
/* line 844, ../../../sass/otly/_landing.scss */
.section .container {
  max-width: 1024px;
}
/* line 848, ../../../sass/otly/_landing.scss */
.section p {
  color: #ffffff;
  font-family: "Open Sans";
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
/* line 859, ../../../sass/otly/_landing.scss */
.section p.otly-app-info {
  font-size: 20pt;
  padding-top: 53px;
}
/* line 864, ../../../sass/otly/_landing.scss */
.section p.otly-jr-info {
  font-size: 20pt;
  padding-top: 53px;
}
@media only screen and (min-width: 995px) {
  /* line 864, ../../../sass/otly/_landing.scss */
  .section p.otly-jr-info {
    padding-top: 130px;
  }
}
/* line 872, ../../../sass/otly/_landing.scss */
.section p.coming-soon-info {
  font-size: 22pt;
  padding-top: 53px;
}
@media only screen and (min-width: 995px) {
  /* line 872, ../../../sass/otly/_landing.scss */
  .section p.coming-soon-info {
    padding-top: 290px;
  }
}
/* line 880, ../../../sass/otly/_landing.scss */
.section .download-now {
  position: relative;
}
@media only screen and (min-width: 995px) {
  /* line 880, ../../../sass/otly/_landing.scss */
  .section .download-now {
    margin-top: -250px;
  }
}
/* line 885, ../../../sass/otly/_landing.scss */
.section .download-now p {
  font-size: 16pt;
  display: block;
  position: relative;
}
@media only screen and (min-width: 995px) {
  /* line 885, ../../../sass/otly/_landing.scss */
  .section .download-now p {
    display: inline-block;
  }
}
@media only screen and (min-width: 995px) {
  /* line 895, ../../../sass/otly/_landing.scss */
  .section .soc-btns {
    position: absolute;
    bottom: 237px;
  }
}
/* line 902, ../../../sass/otly/_landing.scss */
.section .soc-btns a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #767676;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 12pt;
  height: 80px;
  line-height: 80px;
  outline: medium none;
  padding-left: 149px;
  text-align: right;
  width: 200px;
}
@media only screen and (max-width: 995px) {
  /* line 902, ../../../sass/otly/_landing.scss */
  .section .soc-btns a {
    margin-bottom: 5px;
  }
}
/* line 922, ../../../sass/otly/_landing.scss */
.section .soc-btns a.email {
  background-image: url("../images/icons/email.svg");
}
/* line 926, ../../../sass/otly/_landing.scss */
.section .soc-btns a.twitter {
  background-image: url("../images/icons/twitter.svg");
}
@media only screen and (min-width: 995px) {
  /* line 926, ../../../sass/otly/_landing.scss */
  .section .soc-btns a.twitter {
    left: 91px;
    position: relative;
    top: 31px;
  }
}
/* line 935, ../../../sass/otly/_landing.scss */
.section .soc-btns a.facebook {
  background-image: url("../images/icons/facebook.svg");
}
@media only screen and (min-width: 995px) {
  /* line 935, ../../../sass/otly/_landing.scss */
  .section .soc-btns a.facebook {
    left: 182px;
    position: relative;
    top: 62px;
  }
}
/* line 945, ../../../sass/otly/_landing.scss */
.section .col.centered {
  text-align: center;
}
/* line 949, ../../../sass/otly/_landing.scss */
.section .col.align-right {
  text-align: right;
}
/* line 953, ../../../sass/otly/_landing.scss */
.section img.otly-app {
  margin-top: 36px;
  max-height: 520px;
  width: auto;
}
/* line 959, ../../../sass/otly/_landing.scss */
.section .button-container {
  padding: 20px 0;
  position: relative;
  text-align: center;
  width: 100%;
}
/* line 965, ../../../sass/otly/_landing.scss */
.section .button-container button {
  background-color: white;
  border: 1px solid;
  font-size: 12pt;
  height: 40px;
  width: 200px;
}
/* line 973, ../../../sass/otly/_landing.scss */
.section .button-container button.blue {
  color: #0076a3;
}
/* line 977, ../../../sass/otly/_landing.scss */
.section .button-container button.orange {
  color: #f38900;
}
/* line 981, ../../../sass/otly/_landing.scss */
.section .button-container button.green {
  color: #009A00;
}
/* line 985, ../../../sass/otly/_landing.scss */
.section .button-container button.gray {
  color: #767676;
}
@media only screen and (min-width: 995px) {
  /* line 990, ../../../sass/otly/_landing.scss */
  .section .bottom-nav {
    margin-top: 336px;
  }
}
@media only screen and (max-width: 995px) {
  /* line 996, ../../../sass/otly/_landing.scss */
  .section .bottom-nav .col {
    margin: 10px 0;
  }
}
/* line 1001, ../../../sass/otly/_landing.scss */
.section .bottom-nav a, .section .bottom-nav span {
  color: #767676;
  font-family: "Open Sans";
  font-size: 14pt;
  font-weight: 100;
  outline: medium none;
  text-decoration: none;
}

/* line 1013, ../../../sass/otly/_landing.scss */
.section.info-section {
  color: #767676;
}
/* line 1016, ../../../sass/otly/_landing.scss */
.section.info-section .title {
  font-family: "Open Sans";
  font-size: 25pt;
  font-weight: 100;
  padding-top: 30px;
  text-align: center;
}
/* line 1024, ../../../sass/otly/_landing.scss */
.section.info-section .sub-title {
  font-family: "Open Sans";
  font-size: 18pt;
  font-weight: 100;
  padding-top: 30px;
  text-align: center;
}
/* line 1032, ../../../sass/otly/_landing.scss */
.section.info-section p {
  color: #767676;
  font-size: 14pt;
  font-weight: 100;
  padding: 20px;
  text-align: center;
  min-height: 120px;
}
/* line 1041, ../../../sass/otly/_landing.scss */
.section.info-section p.contact {
  font-size: 18pt;
}
@media only screen and (min-width: 995px) {
  /* line 1041, ../../../sass/otly/_landing.scss */
  .section.info-section p.contact {
    padding: 30px 20px 70px 0;
  }
}
/* line 1048, ../../../sass/otly/_landing.scss */
.section.info-section img {
  max-height: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 1055, ../../../sass/otly/_landing.scss */
.section.slide-out {
  display: none;
  min-height: 645px;
}

/* line 1060, ../../../sass/otly/_landing.scss */
.section.blue {
  background-image: url("../images/bg/blue.svg");
  background-color: #0076a3;
  background-position: left bottom;
}

/* line 1066, ../../../sass/otly/_landing.scss */
.section.orange {
  background-image: url("../images/bg/orange.svg");
  background-color: #f38900;
  background-position: left top;
}

/* line 1072, ../../../sass/otly/_landing.scss */
.section.green {
  background-image: url("../images/bg/green.svg");
  background-color: #009A00;
  background-position: left bottom;
}

/* line 1078, ../../../sass/otly/_landing.scss */
.section.white {
  background-image: url("../images/bg/white.svg");
  background-color: #f5f5f5;
  background-position: left top;
}

/* line 1084, ../../../sass/otly/_landing.scss */
.section.white.top {
  background-image: url("../images/bg/white-top.svg");
  background-position: left bottom;
}

/* line 1089, ../../../sass/otly/_landing.scss */
.section.gray {
  background-image: url("../images/bg/gray.svg");
  background-color: #ffffff;
  background-position: left top;
}

/* line 1095, ../../../sass/otly/_landing.scss */
.section.gray.top {
  background-image: url("../images/bg/gray-top.svg");
  background-position: left bottom;
}

@media only screen and (min-width: 995px) {
  /* line 3, ../../../sass/otly/_about.scss */
  .top-cont.about {
    height: 40%;
    min-height: 40%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 3, ../../../sass/otly/_about.scss */
  .top-cont.about {
    height: 30%;
    min-height: 30%;
  }
}
@media only screen and (min-width: 995px) {
  /* line 13, ../../../sass/otly/_about.scss */
  .top-cont.about .top {
    background: url("../images/cover/otly-about-s.jpg") no-repeat center bottom #0076a3;
    background-size: cover;
  }
}
@media only screen and (max-width: 995px) {
  /* line 13, ../../../sass/otly/_about.scss */
  .top-cont.about .top {
    background: url("../images/cover/otly-about-mob.jpg") no-repeat center bottom #0076a3;
    background-size: cover;
  }
}
@media only screen and (min-width: 995px) {
  /* line 23, ../../../sass/otly/_about.scss */
  .top-cont.about .top .logo-and-slogan {
    top: 50%;
    margin: -70px auto auto;
  }
}
@media only screen and (max-width: 995px) {
  /* line 23, ../../../sass/otly/_about.scss */
  .top-cont.about .top .logo-and-slogan {
    top: 25%;
  }
}

/* line 40, ../../../sass/otly/_about.scss */
.section.info-section.about .row.pics {
  padding-bottom: 20px;
  padding-top: 10px;
}
/* line 45, ../../../sass/otly/_about.scss */
.section.info-section.about p.text {
  font-size: 13pt;
  min-height: auto;
}
/* line 49, ../../../sass/otly/_about.scss */
.section.info-section.about p.text a {
  color: #767676;
  text-decoration: underline;
}
/* line 55, ../../../sass/otly/_about.scss */
.section.info-section.about p.padding-0 {
  padding: 0 !important;
}
/* line 59, ../../../sass/otly/_about.scss */
.section.info-section.about .title {
  font-size: 25pt;
}
/* line 63, ../../../sass/otly/_about.scss */
.section.info-section.about .title.top {
  font-size: 35pt;
  font-weight: 300;
  padding-bottom: 30px;
  padding-top: 50px;
}
/* line 70, ../../../sass/otly/_about.scss */
.section.info-section.about .sub-title {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 75, ../../../sass/otly/_about.scss */
.section.info-section.about .member-name {
  font-family: "Open Sans";
  font-size: 20pt;
  font-weight: 100;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}
/* line 84, ../../../sass/otly/_about.scss */
.section.info-section.about .member-role {
  background: transparent url("../images/about/logos/linkedin.svg") no-repeat scroll left center;
  background-size: 17px auto;
  color: #767676;
  font-size: 12pt;
  padding-left: 21px;
  text-align: left;
  text-decoration: underline;
}
/* line 94, ../../../sass/otly/_about.scss */
.section.info-section.about .member-pic {
  height: 300px;
  width: 300px;
  margin-bottom: 10px;
}
/* line 100, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo {
  width: 250px;
  height: 120px;
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  margin: 0 auto;
  display: block;
  outline: none;
}
/* line 111, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.small {
  width: 200px;
}
/* line 115, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.medium {
  width: 220px;
}
/* line 119, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.uber {
  background-image: url("../images/about/logos/uber.svg");
  background-size: 100%;
}
/* line 123, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.rockstart {
  background-image: url("../images/about/logos/rockstart-accelerator.svg");
  background-size: 100%;
}
/* line 127, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.sidn {
  background-image: url("../images/about/logos/sidnfonds-logo.svg");
  background-size: 100%;
}
/* line 131, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.wsa {
  background-image: url("../images/about/logos/seal-wsa2016.svg");
  background-size: 90%;
}
/* line 135, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.tfi {
  background-image: url("../images/about/logos/tfi.png");
  background-size: 100%;
}
/* line 139, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.fintech {
  background-image: url("../images/about/logos/dutch-fintech-stempel-winner.svg");
  background-size: auto 100%;
}
/* line 143, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.cb {
  background-image: url("../images/about/logos/cb.svg");
}
/* line 146, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.cyfi {
  background-image: url("../images/about/logos/cyfi.svg");
}
/* line 149, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.aflatoun {
  background-image: url("../images/about/logos/aflatoun.svg");
}
/* line 152, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.aif {
  background-image: url("../images/about/logos/aif.png");
  background-size: 85%;
}
/* line 156, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.bunq {
  background-image: url("../images/about/logos/bunq.svg");
}
/* line 159, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.kidsweek {
  background-image: url("../images/about/logos/kidsweek.svg");
  background-size: 70%;
}
/* line 163, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.h2si {
  background-image: url("../images/about/logos/h2si-logo.svg");
  background-size: auto 70%;
}
/* line 167, ../../../sass/otly/_about.scss */
.section.info-section.about .rel-logo.tipentop {
  background-image: url("../images/about/logos/Logo-Tip-en-top.jpg");
  background-size: 87%;
}
/* line 173, ../../../sass/otly/_about.scss */
.section.info-section.about .jobs-link {
  color: #767676;
  display: block;
  font-family: "Open Sans";
  font-size: 13pt;
  margin: 5px 0 35px;
  text-decoration: underline;
}
/* line 185, ../../../sass/otly/_about.scss */
.section.info-section.about .soc-btns-about a {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 30px auto;
  color: #767676;
  display: block;
  font-family: "Open Sans";
  font-size: 12pt;
  height: 35px;
  line-height: 35px;
  outline: medium none;
  padding-left: 40px;
  text-align: left;
  width: 120px;
  margin: 0 auto;
}
/* line 202, ../../../sass/otly/_about.scss */
.section.info-section.about .soc-btns-about a.email {
  background-image: url("../images/icons/email.svg");
}
/* line 206, ../../../sass/otly/_about.scss */
.section.info-section.about .soc-btns-about a.twitter {
  background-image: url("../images/icons/twitter.svg");
}
/* line 210, ../../../sass/otly/_about.scss */
.section.info-section.about .soc-btns-about a.facebook {
  background-image: url("../images/icons/facebook.svg");
}

@media only screen and (min-width: 995px) {
  /* line 3, ../../../sass/otly/_reset-password.scss */
  .top-cont.reset-password {
    height: 30%;
    min-height: 30%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 3, ../../../sass/otly/_reset-password.scss */
  .top-cont.reset-password {
    height: 20%;
    min-height: 20%;
  }
}
@media only screen and (min-width: 995px) {
  /* line 13, ../../../sass/otly/_reset-password.scss */
  .top-cont.reset-password .top {
    background: url("../images/cover/otly-about-s.jpg") no-repeat center bottom #0076a3;
    background-size: cover;
  }
}
@media only screen and (max-width: 995px) {
  /* line 13, ../../../sass/otly/_reset-password.scss */
  .top-cont.reset-password .top {
    background: url("../images/cover/otly-about-mob.jpg") no-repeat center bottom #0076a3;
    background-size: cover;
  }
}
@media only screen and (min-width: 995px) {
  /* line 23, ../../../sass/otly/_reset-password.scss */
  .top-cont.reset-password .top .logo-and-slogan {
    top: 50%;
    margin: -70px auto auto;
  }
}
@media only screen and (max-width: 995px) {
  /* line 23, ../../../sass/otly/_reset-password.scss */
  .top-cont.reset-password .top .logo-and-slogan {
    top: 25%;
  }
}

/* line 39, ../../../sass/otly/_reset-password.scss */
.section.info-section.reset-password .jumbotron {
  background-color: transparent !important;
}
/* line 43, ../../../sass/otly/_reset-password.scss */
.section.info-section.reset-password label {
  font-size: 12pt;
  padding: 10px 0;
}
/* line 48, ../../../sass/otly/_reset-password.scss */
.section.info-section.reset-password .title {
  padding-bottom: 10px;
}
@media only screen and (max-width: 995px) {
  /* line 48, ../../../sass/otly/_reset-password.scss */
  .section.info-section.reset-password .title {
    padding-top: 0;
  }
}
/* line 56, ../../../sass/otly/_reset-password.scss */
.section.info-section.reset-password .msg {
  font-size: 12pt;
  text-align: center;
  padding: 10px;
}
/* line 61, ../../../sass/otly/_reset-password.scss */
.section.info-section.reset-password .msg .error {
  color: #dd383f;
}
/* line 65, ../../../sass/otly/_reset-password.scss */
.section.info-section.reset-password .msg .confirmation {
  color: #009A00;
}

@media only screen and (min-width: 995px) {
  /* line 3, ../../../sass/otly/_household-confirm.scss */
  .top-cont.household-confirm {
    height: 30%;
    min-height: 30%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 3, ../../../sass/otly/_household-confirm.scss */
  .top-cont.household-confirm {
    height: 20%;
    min-height: 20%;
  }
}
@media only screen and (min-width: 995px) {
  /* line 13, ../../../sass/otly/_household-confirm.scss */
  .top-cont.household-confirm .top {
    background: url("../images/cover/otly-about-s.jpg") no-repeat center bottom #0076a3;
    background-size: cover;
  }
}
@media only screen and (max-width: 995px) {
  /* line 13, ../../../sass/otly/_household-confirm.scss */
  .top-cont.household-confirm .top {
    background: url("../images/cover/otly-about-mob.jpg") no-repeat center bottom #0076a3;
    background-size: cover;
  }
}
@media only screen and (min-width: 995px) {
  /* line 23, ../../../sass/otly/_household-confirm.scss */
  .top-cont.household-confirm .top .logo-and-slogan {
    top: 50%;
    margin: -70px auto auto;
  }
}
@media only screen and (max-width: 995px) {
  /* line 23, ../../../sass/otly/_household-confirm.scss */
  .top-cont.household-confirm .top .logo-and-slogan {
    top: 25%;
  }
}

/* line 39, ../../../sass/otly/_household-confirm.scss */
.section.info-section.household-confirm .jumbotron {
  background-color: transparent !important;
}
/* line 43, ../../../sass/otly/_household-confirm.scss */
.section.info-section.household-confirm label {
  font-size: 12pt;
  padding: 10px 0;
}
/* line 48, ../../../sass/otly/_household-confirm.scss */
.section.info-section.household-confirm .title {
  padding-bottom: 10px;
}
@media only screen and (max-width: 995px) {
  /* line 48, ../../../sass/otly/_household-confirm.scss */
  .section.info-section.household-confirm .title {
    padding-top: 0;
  }
}
/* line 56, ../../../sass/otly/_household-confirm.scss */
.section.info-section.household-confirm .msg {
  font-size: 12pt;
  text-align: center;
  padding: 10px;
}
/* line 61, ../../../sass/otly/_household-confirm.scss */
.section.info-section.household-confirm .msg .error {
  color: #dd383f;
}
/* line 65, ../../../sass/otly/_household-confirm.scss */
.section.info-section.household-confirm .msg .confirmation {
  color: #009A00;
}

@media only screen and (min-width: 995px) {
  /* line 3, ../../../sass/otly/_kidsweek.scss */
  .top-cont.kidsweek {
    height: 30%;
    min-height: 30%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 3, ../../../sass/otly/_kidsweek.scss */
  .top-cont.kidsweek {
    height: 20%;
    min-height: 20%;
  }
}
@media only screen and (min-width: 995px) {
  /* line 13, ../../../sass/otly/_kidsweek.scss */
  .top-cont.kidsweek .top {
    background: url("../images/cover/otly-kidsweek-cover.png") no-repeat center bottom #E2E2E2;
    background-size: cover;
  }
}
@media only screen and (max-width: 995px) {
  /* line 13, ../../../sass/otly/_kidsweek.scss */
  .top-cont.kidsweek .top {
    background: url("../images/cover/otly-kidsweek-mob.png") no-repeat center bottom #E2E2E2;
    background-size: cover;
  }
}

/* line 27, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek .jumbotron {
  background-color: transparent !important;
}
/* line 31, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek label {
  font-size: 12pt;
  padding: 10px 0;
}
/* line 36, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek .title {
  padding-top: 0;
}
/* line 40, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek ul {
  padding: 20px;
}
/* line 44, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek li {
  font-size: 12pt;
  padding: 5px 0;
  line-height: 1.3;
}
/* line 50, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek .msg {
  font-size: 12pt;
  text-align: center;
  padding: 10px;
}
/* line 55, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek .msg .error {
  color: #dd383f;
}
/* line 59, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek .msg .confirmation {
  color: #009A00;
}
/* line 65, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek .terms-and-conditions {
  font-size: 12pt;
  text-decoration: underline;
}
/* line 70, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek .col-no-padding-left {
  padding-left: 0 !important;
}
/* line 74, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek .col-no-padding {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
/* line 79, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek p.intro {
  padding: 10px 20px;
  text-align: center;
  min-height: auto;
}
/* line 84, ../../../sass/otly/_kidsweek.scss */
.section.info-section.kidsweek p.intro a.intro {
  color: #767676;
  text-decoration: underline;
}

@media only screen and (min-width: 995px) {
  /* line 3, ../../../sass/otly/_starter-kit.scss */
  .top-cont.starter-kit {
    height: 30%;
    min-height: 30%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 3, ../../../sass/otly/_starter-kit.scss */
  .top-cont.starter-kit {
    height: 20%;
    min-height: 20%;
  }
}
@media only screen and (min-width: 995px) {
  /* line 13, ../../../sass/otly/_starter-kit.scss */
  .top-cont.starter-kit .top {
    background: url("../images/cover/otly-kidsweek-cover.png") no-repeat center bottom #E2E2E2;
    background-size: cover;
  }
}
@media only screen and (max-width: 995px) {
  /* line 13, ../../../sass/otly/_starter-kit.scss */
  .top-cont.starter-kit .top {
    background: url("../images/cover/otly-kidsweek-mob.png") no-repeat center bottom #E2E2E2;
    background-size: cover;
  }
}

/* line 3, ../../../sass/otly/_bank-invitation.scss */
.top-cont.bank-invitation {
  background-color: #f5f5f5;
  font-size: 0;
}
@media only screen and (min-width: 995px) {
  /* line 3, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation {
    height: 150px;
    min-height: 150px;
  }
}
@media only screen and (max-width: 995px) {
  /* line 3, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation {
    height: 120px;
    min-height: 120px;
  }
}
@media only screen and (min-width: 995px) {
  /* line 17, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation .logo.otly {
    display: inline-block;
    height: 150px;
    width: 50%;
    background: url("../images/icons/logo-with-name.svg") no-repeat center center transparent;
  }
  /* line 23, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation .logo.bunq {
    display: inline-block;
    height: 150px;
    width: 50%;
    background: url("../images/icons/Logo_Colors_RGB.svg") no-repeat center center transparent;
  }
}
@media only screen and (max-width: 995px) {
  /* line 32, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation .logo.otly {
    margin-left: 10%;
    display: inline-block;
    height: 120px;
    width: 40%;
    background: url("../images/icons/logo-with-name.svg") no-repeat center center transparent;
  }
  /* line 39, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation .logo.bunq {
    display: inline-block;
    height: 120px;
    width: 40%;
    background: url("../images/icons/Logo_Colors_RGB.svg") no-repeat center center transparent;
  }
}
/* line 47, ../../../sass/otly/_bank-invitation.scss */
.top-cont.bank-invitation .top {
  height: 5px;
  min-height: 5px;
  background: url("../images/cover/bunq_Colors.svg") no-repeat center bottom #E2E2E2;
  background-size: cover;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media only screen and (min-width: 995px) {
  /* line 47, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation .top {
    top: 145px;
  }
}
@media only screen and (max-width: 995px) {
  /* line 47, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation .top {
    top: 115px;
  }
}
/* line 64, ../../../sass/otly/_bank-invitation.scss */
.top-cont.bank-invitation .lang-button {
  position: absolute;
  top: 10px;
  display: block;
  cursor: pointer;
  color: #767676;
  font-family: "Open Sans";
  outline: medium none;
  text-align: center;
  border: 1px solid #999;
  position: absolute;
  z-index: 10;
}
@media only screen and (min-width: 995px) {
  /* line 64, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation .lang-button {
    right: 50px;
    width: 50px;
    height: 35px;
    line-height: 35px;
    font-size: 12pt;
    border-radius: 5px;
  }
}
@media only screen and (max-width: 995px) {
  /* line 64, ../../../sass/otly/_bank-invitation.scss */
  .top-cont.bank-invitation .lang-button {
    right: 10px;
    width: 30px;
    height: 25px;
    line-height: 25px;
    font-size: 10pt;
    border-radius: 3px;
  }
}

/* line 99, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation .jumbotron {
  background-color: transparent !important;
}
/* line 103, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation label {
  padding: 10px 0;
  display: block;
  text-align: center;
}
@media only screen and (min-width: 995px) {
  /* line 103, ../../../sass/otly/_bank-invitation.scss */
  .section.info-section.bank-invitation label {
    font-size: 12pt;
  }
}
@media only screen and (max-width: 995px) {
  /* line 103, ../../../sass/otly/_bank-invitation.scss */
  .section.info-section.bank-invitation label {
    font-size: 10pt;
  }
}
/* line 115, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation .title {
  padding-top: 0;
}
@media only screen and (min-width: 995px) {
  /* line 115, ../../../sass/otly/_bank-invitation.scss */
  .section.info-section.bank-invitation .title {
    font-size: 25pt;
    padding-bottom: 15pt;
  }
}
@media only screen and (max-width: 995px) {
  /* line 115, ../../../sass/otly/_bank-invitation.scss */
  .section.info-section.bank-invitation .title {
    font-size: 16pt;
    padding-bottom: 10pt;
  }
}
/* line 127, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation ul {
  padding: 20px;
}
/* line 131, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation .msg {
  text-align: center;
  padding: 10px;
}
/* line 135, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation .msg .error {
  color: #dd383f;
}
@media only screen and (min-width: 995px) {
  /* line 135, ../../../sass/otly/_bank-invitation.scss */
  .section.info-section.bank-invitation .msg .error {
    font-size: 12pt;
  }
}
@media only screen and (max-width: 995px) {
  /* line 135, ../../../sass/otly/_bank-invitation.scss */
  .section.info-section.bank-invitation .msg .error {
    font-size: 10pt;
  }
}
/* line 145, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation .msg .confirmation {
  color: #009A00;
}
/* line 151, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation .tell-me-more {
  cursor: pointer;
  display: block;
  font-size: 12pt;
  text-align: center;
  text-decoration: underline;
  padding-top: 10pt;
}
/* line 160, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation .col-no-padding-left {
  padding-left: 0 !important;
}
/* line 164, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation .col-no-padding {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
/* line 169, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation p {
  min-height: none !important;
  line-height: 1.5;
}
@media only screen and (min-width: 995px) {
  /* line 174, ../../../sass/otly/_bank-invitation.scss */
  .section.info-section.bank-invitation p.intro {
    padding: 10px 20px;
    text-align: justify;
    min-height: auto;
    font-size: 12pt;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 995px) {
  /* line 174, ../../../sass/otly/_bank-invitation.scss */
  .section.info-section.bank-invitation p.intro {
    padding: 10px 0;
    text-align: center;
    min-height: 0;
    font-size: 10pt;
    line-height: 1.2;
  }
}
/* line 190, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation p.intro a.intro {
  color: #767676;
  text-decoration: underline;
}
/* line 196, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation img {
  max-width: 100%;
  box-shadow: 0 1px 8px 1px #dcdcdc;
  border: 1px solid #dcdcdc;
}
/* line 202, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation a.appstores.dark.appstore {
  background-image: url("../images/icons/dark/appstore-en.svg");
}
/* line 206, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation a.appstores.dark.playstore {
  background-image: url("../images/icons/dark/googleplay-en.svg");
}
/* line 210, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation a.appstores.dark.appstore.lang-nl {
  background-image: url("../images/icons/dark/appstore-nl.svg");
}
/* line 214, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation a.appstores.dark.playstore.lang-nl {
  background-image: url("../images/icons/dark/googleplay-nl.svg");
}
/* line 218, ../../../sass/otly/_bank-invitation.scss */
.section.info-section.bank-invitation a.otly-me-link {
  text-decoration: underline;
}

@media only screen and (min-width: 995px) {
  /* line 2, ../../../sass/otly/_poster.scss */
  .top-cont.koningsdag {
    height: 50%;
    min-height: 50%;
  }
}
@media only screen and (max-width: 995px) {
  /* line 2, ../../../sass/otly/_poster.scss */
  .top-cont.koningsdag {
    height: 30%;
    min-height: 30%;
  }
}
@media only screen and (min-width: 995px) {
  /* line 12, ../../../sass/otly/_poster.scss */
  .top-cont.koningsdag .top {
    background: url("../images/kings-day/vrijmarkt.jpg") no-repeat center top #ff4e01;
    background-size: cover;
  }
}
@media only screen and (max-width: 995px) {
  /* line 12, ../../../sass/otly/_poster.scss */
  .top-cont.koningsdag .top {
    background: url("../images/kings-day/vrijmarkt.jpg") no-repeat center top #ff4e01;
    background-size: cover;
  }
}
/* line 21, ../../../sass/otly/_poster.scss */
.top-cont.koningsdag .top .koningsdag-2018 {
  width: 45%;
  position: absolute;
  left: 10%;
  top: 30%;
}
@media only screen and (max-width: 995px) {
  /* line 21, ../../../sass/otly/_poster.scss */
  .top-cont.koningsdag .top .koningsdag-2018 {
    width: 80%;
  }
}

/* line 36, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .email-input-area {
  text-align: center;
}
/* line 38, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .email-input-area input, section.info-section.koningsdag .email-input-area button, section.info-section.koningsdag .email-input-area label {
  width: 60%;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 995px) {
  /* line 38, ../../../sass/otly/_poster.scss */
  section.info-section.koningsdag .email-input-area input, section.info-section.koningsdag .email-input-area button, section.info-section.koningsdag .email-input-area label {
    width: 80%;
  }
}
/* line 47, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .msg {
  font-size: 12pt;
  text-align: center;
  padding: 10px;
}
/* line 52, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .msg .error {
  color: #dd383f;
}
/* line 56, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .msg .confirmation {
  color: #009A00;
}
/* line 61, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .intro-text {
  font-size: 12pt;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  height: initial;
  min-height: initial;
  line-height: 1.3;
}
/* line 71, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag img.ideal {
  height: 80px;
  margin-top: 40px;
}
/* line 76, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag img.with-otly {
  height: 100px;
}
/* line 80, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag img.yes-you-can {
  margin-top: 20px;
  width: 100%;
}
/* line 85, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .download-button {
  height: 60px;
  max-width: 380px;
  color: #ffffff;
  background-color: #FFAF0A;
  border: none;
  border-radius: 5px;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 30px;
  text-transform: uppercase;
  margin: 10px auto;
}
@media only screen and (max-width: 995px) {
  /* line 85, ../../../sass/otly/_poster.scss */
  section.info-section.koningsdag .download-button {
    max-width: 80%;
    margin: 20px auto;
  }
}
/* line 104, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .started {
  display: none;
  padding: 20px 10px;
  color: #FFAF0A;
  font-size: 19px;
  font-weight: 500;
}
/* line 112, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .steps {
  padding: 20px 15px;
  color: #ff4e01;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
/* line 121, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .step {
  height: 50px;
  width: 50px;
  border: none;
  background: #ff4e01;
  color: #ffffff;
  border-radius: 50%;
  padding: 10px;
  font-size: 30px;
  margin: 0 auto;
  margin-bottom: 13px;
  line-height: 1;
}
/* line 135, ../../../sass/otly/_poster.scss */
section.info-section.koningsdag .bunq-link {
  text-decoration: underline;
  font-size: 10pt;
  padding: 7px;
  display: block;
}

/* line 144, ../../../sass/otly/_poster.scss */
.poster {
  position: fixed;
  top: 0;
  height: 842px;
  width: 595px;
  overflow: hidden;
  left: 1000000px;
}
/* line 153, ../../../sass/otly/_poster.scss */
.poster .print-area {
  position: absolute;
  height: 100%;
  width: 100%;
  margin-left: -1000000px;
}
/* line 160, ../../../sass/otly/_poster.scss */
.poster .bg {
  position: absolute;
  height: 100%;
  width: 100%;
}
/* line 167, ../../../sass/otly/_poster.scss */
.poster .text {
  color: #ff4e01;
  font-weight: 500;
  font-size: 24px;
  padding-top: 10px;
  font-family: 'Helvetica';
}
/* line 175, ../../../sass/otly/_poster.scss */
.poster .bottom-name {
  color: #ffffff;
  text-align: right;
  position: relative;
  top: 800px;
  padding-right: 10px;
  font-size: 18px;
}
/* line 184, ../../../sass/otly/_poster.scss */
.poster .qr-area {
  position: absolute;
  top: 385px;
  padding-left: 182px;
  text-align: center;
}
/* line 189, ../../../sass/otly/_poster.scss */
.poster .qr-area .qr {
  height: 250px;
  width: 250px;
  position: relative;
  margin: 0 auto;
}

/* line 3, ../../../sass/otly/_careers.scss */
.top-cont.careers {
  height: 30%;
  min-height: 30%;
  background: url("../images/careers/hiring-bg.svg") no-repeat center top #178597;
  background-size: cover;
}
/* line 10, ../../../sass/otly/_careers.scss */
.top-cont.careers .top {
  background: url("../images/careers/hiring.svg") no-repeat center bottom transparent;
  background-size: contain;
}

/* line 17, ../../../sass/otly/_careers.scss */
.section.info-section.careers {
  padding-top: 2%;
}
/* line 21, ../../../sass/otly/_careers.scss */
.section.info-section.careers .title {
  font-size: 25pt;
  font-weight: 500;
  padding-top: 10px;
}
/* line 27, ../../../sass/otly/_careers.scss */
.section.info-section.careers .back-to-careers {
  font-family: "Open Sans";
  font-size: 13pt;
  cursor: pointer;
}
/* line 33, ../../../sass/otly/_careers.scss */
.section.info-section.careers a.btn {
  margin-top: 20px;
}
/* line 37, ../../../sass/otly/_careers.scss */
.section.info-section.careers .row.job {
  border: 1px solid #e6e3e3;
  padding: 30px;
  border-radius: 10px;
  margin: 15px 20px;
  box-shadow: 0 13px 21px -16px rgba(0, 0, 0, 0.3);
  background-color: white;
}
/* line 45, ../../../sass/otly/_careers.scss */
.section.info-section.careers .row.job .title {
  font-size: 15pt;
  font-weight: 600;
  padding: 0 0 15px 0;
}
/* line 51, ../../../sass/otly/_careers.scss */
.section.info-section.careers .row.job .description {
  font-size: 10pt;
}
/* line 55, ../../../sass/otly/_careers.scss */
.section.info-section.careers .row.job button {
  margin-top: 15px;
}
/* line 62, ../../../sass/otly/_careers.scss */
.section.info-section.careers.job .row .section-header {
  font-family: "Open Sans";
  font-size: 15pt;
  font-weight: 500;
  padding-top: 15px;
  padding-left: 20px;
}
/* line 69, ../../../sass/otly/_careers.scss */
.section.info-section.careers.job .row p {
  font-size: 12pt;
  text-align: left;
  min-height: auto;
  line-height: 1.5;
}
/* line 75, ../../../sass/otly/_careers.scss */
.section.info-section.careers.job .row ul {
  color: #767676;
  font-size: 12pt;
  font-weight: 100;
  padding: 20px;
  line-height: 1.5;
}
/* line 82, ../../../sass/otly/_careers.scss */
.section.info-section.careers.job .row ul li {
  list-style-type: disc;
  margin-left: 20px;
}

/* line 2, ../../../sass/base/_bootstrap-drawer.scss */
.drawer-contents {
  color: #444442;
  font: "Open Sans";
  font-size: 12pt;
}

/* line 8, ../../../sass/base/_bootstrap-drawer.scss */
.drawer-nav li a, .drawer-fullnav li a {
  padding: 8px 20px;
  cursor: pointer;
}

/* line 13, ../../../sass/base/_bootstrap-drawer.scss */
.drawer-heading {
  border: none;
  padding: 50px 0 0;
}

/* line 18, ../../../sass/base/_bootstrap-drawer.scss */
.drawer-button, .drawer-button-open, .drawer-button-close {
  display: block;
  height: 35px;
  outline: medium none;
  top: 10px;
  width: 35px;
}

/* line 26, ../../../sass/base/_bootstrap-drawer.scss */
.drawer-button-open {
  background: transparent url("../images/icons/menu.svg") no-repeat scroll center center;
  background-size: 31px auto;
  position: relative;
  left: 20px;
  z-index: 1;
}

/* line 35, ../../../sass/base/_bootstrap-drawer.scss */
.drawer-button-close {
  background: transparent url("../images/icons/close.svg") no-repeat scroll center center;
  background-size: 31px auto;
  position: absolute;
  right: 10px;
}

/* line 44, ../../../sass/base/_bootstrap-drawer.scss */
.drawer-footer .copyright {
  background: url("../images/icons/logo.svg") no-repeat scroll 0 0 transparent;
  background-size: 50px 50px;
  font-size: 10pt;
  height: 50px;
  letter-spacing: 0;
  line-height: 50px;
  padding-left: 50px;
}
/* line 53, ../../../sass/base/_bootstrap-drawer.scss */
.drawer-footer .button {
  color: #777;
}
/* line 56, ../../../sass/base/_bootstrap-drawer.scss */
.drawer-footer .button:not(:last-child):after {
  content: " • ";
}

/* line 62, ../../../sass/base/_bootstrap-drawer.scss */
.landing-menu-drawer .drawer-contents {
  color: #444442;
  font: "Open Sans";
  font-size: 12pt;
  background: linear-gradient(#ffffff, #efefef);
  -moz-box-shadow: 1px 0px 6px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 0px 6px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 0px 6px 2px rgba(0, 0, 0, 0.3);
}

/* line 71, ../../../sass/base/_bootstrap-drawer.scss */
.landing-menu-drawer.drawer-right {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: none;
}

/* line 76, ../../../sass/base/_bootstrap-drawer.scss */
.landing-menu-drawer.drawer-button-open {
  position: fixed;
  top: 3%;
  right: 3%;
  left: auto;
  z-index: 10;
}
@media only screen and (min-width: 995px) {
  /* line 76, ../../../sass/base/_bootstrap-drawer.scss */
  .landing-menu-drawer.drawer-button-open {
    right: 2%;
  }
}

/* line 87, ../../../sass/base/_bootstrap-drawer.scss */
.btn.drawer-button-close:active {
  background: transparent url("../images/icons/close.svg") no-repeat scroll center center;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 92, ../../../sass/base/_bootstrap-drawer.scss */
.btn.drawer-button-open:active {
  background: transparent url("../images/icons/menu.svg") no-repeat scroll center center;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 23, ../../../sass/main.scss */
strong {
  font-weight: bold;
}

/* line 27, ../../../sass/main.scss */
a, a:hover {
  color: #000000;
  text-decoration: none;
}

/* line 32, ../../../sass/main.scss */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* line 38, ../../../sass/main.scss */
body {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

/* line 43, ../../../sass/main.scss */
.wrapper {
  position: relative;
  margin: 0 auto;
  min-width: 320px;
  min-height: 100%;
}
/* line 49, ../../../sass/main.scss */
.wrapper .center {
  margin: 0 auto;
  max-width: 1024px;
}