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-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:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('fonts/poppins-v15-latin-regular.eot?#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */ url('fonts/poppins-v15-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */ url('fonts/poppins-v15-latin-regular.woff')
      format('woff'),
    /* Modern Browsers */ url('fonts/poppins-v15-latin-regular.ttf')
      format('truetype'),
    /* Safari, Android, iOS */
      url('fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */ url('fonts/poppins-v15-latin-500.woff2') format('woff2'),
    /* Super Modern Browsers */ url('fonts/poppins-v15-latin-500.woff')
      format('woff'),
    /* Modern Browsers */ url('fonts/poppins-v15-latin-500.ttf')
      format('truetype'),
    /* Safari, Android, iOS */ url('fonts/poppins-v15-latin-500.svg#Poppins')
      format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */ url('fonts/poppins-v15-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */ url('fonts/poppins-v15-latin-700.woff')
      format('woff'),
    /* Modern Browsers */ url('fonts/poppins-v15-latin-700.ttf')
      format('truetype'),
    /* Safari, Android, iOS */ url('fonts/poppins-v15-latin-700.svg#Poppins')
      format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Poppins';
}

main {
  display: block;
  margin-top: 75px;
}

a {
  color: white;
  text-decoration: none;
}

#banner {
  line-height: 24px;
}

#banner a {
  color: #026ad1;
}

small {
  font-size: 11px;
  line-height: 12px;
  color: #b2b2b2;
}

a:hover {
  text-decoration: none;
}
a.button {
  margin: 15px 0;
  display: inline-block;
  background-color: white;
  padding: 20px 60px;
  color: #026ad1;
  font-family: 'Poppins';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
}

h1 {
  font-family: 'Poppins';
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  margin: 0 auto;
  text-align: center;
  font-size: 48px;
}

h2 {
  font-size: 36px;
  font-family: 'Poppins';
  font-weight: bold;
  text-transform: uppercase;
  color: #1635b7;
  margin: 0 auto;
}

h3 {
  font-family: 'Poppins';
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #1635b7;
  margin: 0 auto;
}

h4 {
  font-family: 'Poppins';
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #1635b7;
  margin: 0 auto;
}

p {
  font-family: 'Poppins';
  font-size: 16px;
  color: #111111;
  margin: 16px 0px;
  line-height: 24px;
}

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 90px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: transparent;
  transition: background-color 250ms linear;
  overflow-x: hidden;
}

header.sticky {
  background-color: #1635b7f0;
  transition: background-color 250ms linear;
  box-shadow: 0 0 25px #00000025;
}

header ul {
  flex: 2;
  align-self: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
header ul li {
  list-style: none;
  color: white;
  font-family: 'Poppins';
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 15px;
  display: block;
}

header ul li a {
  display: block;
}

header ul li:last-child {
  background-color: #026ad1;
}

.box {
  width: 100%;
  background-color: white;
}

.box.light {
  background-color: #f8f9fb;
}

.box.blue {
  background-color: #1635b7;
}

.box .package h2,
.box .package h3,
.box .teaser h2,
.box .teaser h3,
.cover h2,
.cover h3,
.cover p,
.box.blue h2,
.box.blue h3 {
  color: white;
}

header .container,
.box .container {
  width: 1160px;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  flex-wrap: wrap;
}

.box .container {
  width: 1190px;
}

@media screen and (max-width: 1160px) {
  .box .container {
    width: 100%;
  }
}

.box .container .column {
  flex: 2;
  padding: 75px 0;
  margin: 0 15px;
}

.box .container .smallcolumn {
  flex: 1;
  align-self: center;
}

.box .container .largecolumn {
  flex: 1;
  padding: 75px 0;
  text-align: center;
}

.box .container .largecolumn .faqs {
  flex: 1;
  text-align: left;
}

.faqs h4 {
  margin: 45px 0 10px 0;
}

.faqs .teaser {
  margin: 90px 0 10px 0;
}

.box .container .largecolumn > * {
  margin-top: 25px;
  margin-bottom: 25px;
}

.offset {
  margin-top: -10%;
  margin-bottom: -10%;
}

.box.cover {
  background: #1635b7 url('images/cover@2x.jpg') no-repeat no-repeat center
    center;
  background-size: cover;
  display: flex;
  vertical-align: center;
  align-items: center;
  height: 540px;
}

.box .container.cover {
  background: #1635b7 url('images/cover@2x.jpg') no-repeat no-repeat center
    center;
  background-size: cover;
  box-shadow: 0 0 25px #00000025;
  background-position-x: left;
}

.box .container.cover .button {
  margin-bottom: 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .box.cover {
    background-size: cover;
  }
}

.box .cover.single {
  background: #1635b7 url('images/cover_grey_tiga.jpg') no-repeat no-repeat
    center center;
  background-size: cover;
}

.box .cover.mixed {
  background: #1635b7 url('images/cover_grey_mixed.jpg') no-repeat no-repeat
    center center;
  background-size: cover;
}

.steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
}

.steps .step {
  flex: 1;
  flex-direction: column;
  display: flex;
  align-items: center;
}

.steps .step h3 {
  max-width: 200px;
}

.steps .step p {
  color: white;
  padding: 0 50px;
  max-width: 230px;
  width: 100%;
}

.steps .step .bubble {
  background: transparent url('images/bubble.png') no-repeat no-repeat center;
  font-family: 'Poppins';
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  margin: 0 auto;
  text-align: center;
  font-size: 35px;
  width: 173px;
  height: 183px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.steps .step .bubble span {
  margin-top: -8px;
}

.teaser {
  background-color: #1635b7;
  padding: 30px 50px;
  text-align: center;
  box-shadow: 0 0 25px #00000025;
  margin: 0 -15px;
}

.teaser.green {
  margin-left: 15px;
  background-color: #3587c4;
}

.teaser.green a.button {
  color: #3587c4;
}

.teaser p {
  color: white;
}

.logo {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.logo img {
  width: 120px;
}

.packages {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.package {
  background-color: #1635b7;
  padding: 30px 50px;
  text-align: center;
  width: 340px;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 25px #00000025;
}

.package.green {
  background-color: #3587c4;
}

.package.green a.button {
  color: #3587c4;
}

.package ul > li {
  color: white;
  margin: 15px 0;
}
.package .price {
  font-family: 'Poppins';
  font-weight: bold;
  font-size: 35px;
}
.package .price small {
  font-family: 'Poppins';
  font-size: 16px;
  color: white;
  font-weight: normal;
}

.package > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.package p {
  color: white;
  line-height: 24px;
}

.package a.button {
}

.logo {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#quote {
  height: 400px;
}

#quote .dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#quote .dots img {
  margin: 0 3px;
}

.quote p {
  font-family: 'Poppins';
  font-weight: bold;
  color: #1635b7;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
}

.quote p small {
  font-family: 'Poppins';
  text-transform: none;
}

.quote .name {
  line-height: 20px;
}

.quote .title {
  font-weight: normal;
  color: #1635b7;
  font-size: 16px;
  line-height: 16px;
}

footer {
  margin: 35px 0;
}
footer a {
  color: #111111;
  font-size: 16px;
}

.centerbox {
  height: 200px;
  display: flex;
  align-items: center;
}

#up {
  background: transparent url('./images/arrow.png') no-repeat no-repeat center
    center;
  width: 127px;
  height: 127px;
  position: fixed;
  right: 0;
}

#banner {
  font-size: 16px;
  position: fixed;
  bottom: 40px;
  left: 40px;
  right: 40px;
  z-index: 999;
  background-color: white;
  padding: 18px 40px;
  color: #111111;
  box-shadow: 0 0 25px #00000025;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#banner a.decline {
  color: #026ad1;
  font-size: 12px;
  white-space: nowrap;
  margin: 0 20px;
}

#banner a.accept {
  font-family: 'Poppins';
  font-weight: bold;
  background-color: #026ad1;
  color: white;
  font-size: 12px;
  text-decoration: none;
  display: block;
  padding: 15px;
  line-height: 20px;
  height: 20px;
}

.box .container .largecolumn.left {
  text-align: left;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #up {
    background: transparent url('images/arrow@2x.png') no-repeat no-repeat
      center center;
    background-size: contain;
  }
}

@media screen and (max-width: 1160px) {
  main {
    margin-top: -75px;
  }

  #home {
    display: flex;
    flex-direction: column;
  }

  header,
  header ul {
    flex-direction: column;
  }

  header {
    height: auto;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    left: 0;
    top: 0;
  }

  .box header .container {
    position: relative;
    padding: 15px;
  }

  .box header .container {
    display: block;
    width: 100%;
  }

  header ul {
    margin-top: 15px;
    align-self: start;
  }

  header ul li {
    padding: 5px 0;
    font-size: 12px;
  }

  header ul li:last-child {
    background-color: transparent;
  }

  .box {
    height: auto;
    overflow: hidden;
  }

  .box .container {
    flex-direction: column;
    width: 90%;
  }

  .box .container.picright {
    flex-direction: column-reverse;
    width: 90%;
  }

  .box .container .column {
    padding: 15px 0;
    text-align: center;
  }
  .box .container > div {
    max-width: 100%;
  }

  .box .container img {
    max-width: 100%;
  }
  .offset {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .steps,
  .packages {
    flex-direction: column;
  }

  #quote {
    height: 520px;
  }

  #contact .container .largecolumn {
    padding: 30px;
  }

  .teaser.green {
    margin: 0 -15px;
  }

  .packages .package {
    width: auto;
    margin-bottom: 15px;
  }

  #banner {
    flex-direction: column;
  }

  #banner a.decline {
    margin: 15px 0;
  }
}

@media screen and (max-width: 768px) {
  .largecolumn {
    position: relative;
  }

  .packages .package {
    padding: 30px;
    width: calc(100% - 60px);
    margin: 0;
    margin-bottom: 15px;
  }

  .teaser {
    padding: 30px;
  }

  #quote {
    height: 675px;
  }
}