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

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none; }

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

:root {
  --main: #3290de;
  --grey: #7b7b85; }

/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/josefin-sans-v25-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/josefin-sans-v25-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/josefin-sans-v25-latin-regular.woff2") format("woff2"), url("./fonts/josefin-sans-v25-latin-regular.woff") format("woff"), url("./fonts/josefin-sans-v25-latin-regular.ttf") format("truetype"), url("./fonts/josefin-sans-v25-latin-regular.svg#JosefinSans") format("svg");
  /* Legacy iOS */ }

/* josefin-sans-600 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/josefin-sans-v25-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/josefin-sans-v25-latin-600.eot?#iefix") format("embedded-opentype"), url("./fonts/josefin-sans-v25-latin-600.woff2") format("woff2"), url("./fonts/josefin-sans-v25-latin-600.woff") format("woff"), url("./fonts/josefin-sans-v25-latin-600.ttf") format("truetype"), url("./fonts/josefin-sans-v25-latin-600.svg#JosefinSans") format("svg");
  /* Legacy iOS */ }

body {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: -.6px;
  color: var(--grey); }

.inner {
  padding: 130px 0;
  width: 80vw;
  max-width: 980px;
  margin: auto; }

.wave {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 1;
  box-shadow: inset 0 -5px #FFF; }
  .wave svg {
    width: 101vw;
    transform: translateY(5px); }
    .wave svg path {
      fill: #FFF; }

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: all .2s; }
  .header .inner {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 40px 100px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .header .inner .logo {
      flex-grow: 1; }
      .header .inner .logo img {
        height: 40px; }
    .header .inner nav .trigger {
      display: none; }
    .header .inner nav ul li {
      display: inline-block;
      margin-left: 20px; }
      .header .inner nav ul li a {
        display: inline-block;
        text-transform: uppercase;
        color: #FFF;
        text-decoration: none;
        transition: all .3s; }
        .header .inner nav ul li a:hover {
          color: var(--main); }

.intro {
  min-height: 80vh;
  background: #111;
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  overflow-x: hidden; }
  .intro:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2c2e3e;
    opacity: .2; }
  .intro .inner {
    position: relative;
    text-align: center;
    color: #FFF;
    padding: 200px 0;
    text-transform: uppercase; }
    .intro .inner h1 {
      font-size: 50px;
      font-weight: 600;
      letter-spacing: -1px; }
    .intro .inner p {
      margin: 20px 0 0;
      line-height: 1.5; }
  .intro .jump {
    width: 60px;
    height: 60px;
    line-height: 64px;
    text-align: center;
    color: #FFF;
    border-radius: 30px;
    background-color: var(--main);
    z-index: 9;
    margin: 20px auto 0;
    transition: all .3s;
    cursor: pointer;
    font-size: 24px; }
    .intro .jump:hover {
      box-shadow: 0 0 0 10px rgba(71, 114, 224, 0.2); }
  .intro .wave svg path {
    fill: #FFF; }

a {
  display: inline-block;
  color: var(--main);
  text-decoration: none;
  transition: all .3s; }
  a:hover {
    color: var(--main); }

.info .inner {
  text-align: center; }
  .info .inner p {
    margin-top: 40px; }
    .info .inner p:first-of-type {
      margin: 0; }
  .info .inner a.button {
    display: inline-block;
    line-height: 64px;
    height: 60px;
    margin: 40px auto 0;
    border-radius: 40px;
    background-color: var(--main);
    padding: 0 30px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1.5px;
    text-decoration: none;
    transition: all .3s; }
    .info .inner a.button:hover {
      box-shadow: 0 0 0 10px rgba(224, 122, 71, 0.2); }
  .info .inner q {
    display: block;
    font-size: 24px;
    letter-spacing: -1px;
    text-align: center; }
    .info .inner q:before {
      content: '» '; }
    .info .inner q:after {
      content: ' «'; }
  .info .inner h2 {
    color: var(--main);
    font-size: 25px;
    margin-top: 0; }
  .info .inner h4 {
    color: var(--main);
    font-size: 25px;
    margin-top: 100px; }
  .info .inner .qanda {
    padding: 30px;
    margin: 40px 0;
    background-color: #f9f9f9;
    border-radius: 10px; }
    .info .inner .qanda strong {
      color: var(--main);
      display: block;
      font-size: 22px;
      margin-bottom: 20px; }

.columns {
  background: #f3f3f3; }
  .columns .inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 100px; }
    .columns .inner h3 {
      grid-column: span 2;
      color: var(--main);
      font-size: 25px;
      width: 100%;
      text-align: center; }
    .columns .inner .col {
      text-align: justify; }
      .columns .inner .col img {
        max-height: 50px;
        margin: 0 0 20px; }

.linklist {
  text-align: left; }
  .linklist a {
    font-style: italic;
    font-size: 15px;
    color: var(--grey); }
  .linklist a:after {
    content: '\2192';
    padding-left: 5px; }

.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px; }
  .grid li {
    padding: 30px;
    margin: 0;
    display: flex;
    text-align: center;
    align-items: center;
    background-color: var(--main);
    border-radius: 10px;
    color: #FFF; }

.home .intro {
  min-height: 98vh; }

.footer .inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-top: 50px; }
  .footer .inner div {
    width: 100%; }
  .footer .inner a {
    display: inline-block;
    color: var(--grey);
    text-decoration: none;
    transition: all .3s; }
    .footer .inner a:hover {
      color: var(--main); }
  .footer .inner .social {
    text-align: center; }
    .footer .inner .social a {
      margin: 0 10px; }
      .footer .inner .social a img {
        width: 24px; }
  .footer .inner .mail a.button {
    display: inline-block;
    line-height: 64px;
    height: 60px;
    border-radius: 40px;
    background-color: var(--main);
    padding: 0 30px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1.5px;
    text-decoration: none;
    transition: all .3s; }
    .footer .inner .mail a.button:hover {
      box-shadow: 0 0 0 10px rgba(71, 114, 224, 0.2); }

.slider {
  width: 80vw;
  max-width: 980px;
  margin: 50px auto;
  position: relative; }
  .slider .rslides {
    z-index: 8;
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0; }
    .slider .rslides li {
      -webkit-backface-visibility: hidden;
      position: absolute;
      display: none;
      width: 100%;
      left: 0;
      top: 0; }
      .slider .rslides li:first-child {
        position: relative;
        display: block;
        float: left; }
      .slider .rslides li img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0; }
  .slider .rslides_nav {
    position: absolute;
    top: 0;
    padding: 20px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9; }
    .slider .rslides_nav.prev {
      left: 0; }
    .slider .rslides_nav.next {
      right: 0; }

.mobile {
  display: none;
  background-color: var(--grey);
  padding: 150px 50px 50px; }
  .mobile ul {
    text-align: right; }
    .mobile ul li {
      margin: 20px 0; }
      .mobile ul li a {
        display: inline-block;
        line-height: 46px;
        height: 40px;
        border-radius: 40px;
        background-color: var(--main);
        padding: 0 30px;
        color: #FFF;
        text-transform: uppercase;
        font-size: 15px;
        letter-spacing: 1.5px;
        text-decoration: none;
        transition: all .3s; }
        .mobile ul li a:hover {
          color: #FFF;
          box-shadow: 0 0 0 10px rgba(71, 114, 224, 0.2); }

@media only screen and (max-width: 900px) {
  .header {
    padding: 30px;
    box-sizing: border-box; }
    .header .inner {
      padding: 30px; }
      .header .inner nav .trigger {
        display: block; }
        .header .inner nav .trigger img {
          height: 50px; }
      .header .inner nav ul {
        display: none; }
  .wave {
    box-shadow: inset 0 -1px #FFF; }
  .intro {
    min-height: 10px !important; }
  .columns {
    background: #f3f3f3; }
    .columns .inner {
      grid-template-columns: repeat(1, 1fr); }
  .footer .inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px; }
    .footer .inner div {
      text-align: center; } }