/* # Styleguide elements */
/* ## Variables */
/* ## Fonts */
@font-face {
  font-family: 'Montserrat';
  src: url('/o/fonts/Montserrat-SemiBold.eot');
  src: url('/o/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/o/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/o/fonts/Montserrat-SemiBold.woff') format('woff'), url('/o/fonts/Montserrat-SemiBold.ttf') format('truetype'), url('/o/fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/o/fonts/Montserrat-Regular.eot');
  src: url('/o/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/o/fonts/Montserrat-Regular.woff2') format('woff2'), url('/o/fonts/Montserrat-Regular.woff') format('woff'), url('/o/fonts/Montserrat-Regular.ttf') format('truetype'), url('/o/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/o/fonts/Montserrat-Light.eot');
  src: url('/o/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/o/fonts/Montserrat-Light.woff2') format('woff2'), url('/o/fonts/Montserrat-Light.woff') format('woff'), url('/o/fonts/Montserrat-Light.ttf') format('truetype'), url('/o/fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/o/fonts/Montserrat-Bold.eot');
  src: url('/o/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/o/fonts/Montserrat-Bold.woff2') format('woff2'), url('/o/fonts/Montserrat-Bold.woff') format('woff'), url('/o/fonts/Montserrat-Bold.ttf') format('truetype'), url('/o/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
/* This stylesheet generated by Transfonter (https://transfonter.org) on May 22, 2017 8:56 AM */
@font-face {
  font-family: 'Avengeance Mightiest Avenger';
  src: url('/o/fonts/AvengeanceMightiestAvenger.eot');
  src: url('/o/fonts/AvengeanceMightiestAvenger.eot?#iefix') format('embedded-opentype'), url('/o/fonts/AvengeanceMightiestAvenger.woff2') format('woff2'), url('/o/fonts/AvengeanceMightiestAvenger.woff') format('woff'), url('/o/fonts/AvengeanceMightiestAvenger.ttf') format('truetype'), url('/o/fonts/AvengeanceMightiestAvenger.svg#AvengeanceMightiestAvenger') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ## Basics */
:root {
  box-sizing: border-box;
  height: 100%;
  overflow-x: hidden;
}
*,
*::after,
*::before {
  box-sizing: inherit;
}
body {
  position: relative;
  min-height: 100%;
  /*
    HOTFIX for horizontal scroll on iOS deviced.
    Issue is related to carousels where hidden items are visible.
  */
  overflow-x: hidden;
}
@media (max-width:  767px ) {
  body::after {
    content: "mobile";
    display: none;
  }
}
@media (min-width: 768px) and (max-width:  1023px ) {
  body::after {
    content: "tablet";
    display: none;
  }
}
@media (min-width: 1024px) {
  body::after {
    content: "desktop";
    display: none;
  }
}
svg path,
svg line,
svg stroke {
  fill: inherit;
}
@media (max-width:  1023px ) {
  main,
  footer,
  article {
    text-align: center;
  }
}
@media (min-width: 768px) {
  main,
  footer,
  article {
    text-align: left;
  }
}
header a,
footer a {
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
article {
  padding-bottom: 3.25rem;
}
article:nth-last-of-type(1) {
  padding-bottom: 0;
}
hr {
  border: none;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* Variables */
html {
  font-size: 87.5%;
}
@media (min-width: 0) {
  html {
    font-size: 87.5%;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 93.75%;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 106.25%;
  }
}
@media (min-width: 1024px) {
  html {
    font-size: 87.5%;
  }
}
@media (min-width: 1280px) {
  html {
    font-size: 100%;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 106.25%;
  }
}
body {
  line-height: 1.625rem;
  font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 300;
  font-feature-settings: "lnum" 1, "onum" 0;
}
@media (max-width:  1023px ) {
  h1,
  .h1 {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    margin-bottom: 1.625rem;
  }
  h2,
  .h2 {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-bottom: 1.625rem;
  }
  h3,
  .h3 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 1.625rem;
  }
  h4,
  .h4 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 1.21875rem;
  }
  h5,
  .h5 {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    margin-bottom: 0;
  }
  h6,
  .h6 {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 2.5rem;
    line-height: 3.375rem;
    margin-bottom: 1.625rem;
  }
  h2,
  .h2 {
    font-size: 2.1875rem;
    line-height: 2.9375rem;
    margin-bottom: 1.625rem;
  }
  h3,
  .h3 {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    margin-bottom: 1.625rem;
  }
  h4,
  .h4 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 1.21875rem;
  }
  h5,
  .h5 {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
    margin-bottom: 0;
  }
  h6,
  .h6 {
    font-size: 1rem;
    line-height: 1.4375rem;
    margin-bottom: 0;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.h1,
h1 {
  margin-bottom: 1.625rem;
}
.h1 + h4,
h1 + h4,
.h1 + .h4,
h1 + .h4 {
  margin-top: -1.625rem;
  margin-bottom: 1.625rem;
}
.h1 + h3,
h1 + h3,
.h1 + .h3,
h1 + .h3 {
  margin-top: -1.625rem;
  margin-bottom: 1.625rem;
}
.h2,
h2 {
  margin-bottom: 1.625rem;
}
.h2 + h4,
h2 + h4,
.h2 + .h4,
h2 + .h4 {
  margin-top: -1.21875rem;
  margin-bottom: 1.625rem;
}
.h3,
h3 {
  margin-bottom: 1.625rem;
}
.h4,
h4 {
  margin-bottom: 1.21875rem;
}
.h5,
h5 {
  text-transform: uppercase;
  margin-bottom: 0;
}
p {
  margin: 0 0 1.625rem;
}
p:last-child {
  margin-bottom: 0;
}
ol,
ul {
  padding: 0;
  margin: 0 0 1.625rem;
}
ol ol,
ul ol,
ol ul,
ul ul {
  padding-left: 3.25rem;
  margin-top: 0.8125rem;
  margin-bottom: 0;
}
ol ol:not(:last-child) li,
ul ol:not(:last-child) li,
ol ul:not(:last-child) li,
ul ul:not(:last-child) li {
  margin-bottom: 0.8125rem;
}
ol li,
ul li {
  margin-bottom: 0.8125rem;
}
ol li:last-child,
ul li:last-child {
  margin-bottom: 0;
}
ol:last-child,
ul:last-child {
  margin-bottom: 0;
}
ul {
  list-style: none;
}
ul.list-styled {
  list-style: disc;
  padding-left: calc( 0.8125rem  + 3px);
}
ul.list-styled ul {
  list-style: circle;
}
ol {
  list-style: none;
  counter-reset: orderedItem;
}
ol > li::before {
  content: counters(orderedItem, ".") ".";
  counter-increment: orderedItem;
  font-weight: bold;
  margin-right: 0.40625rem;
}
main ul ul,
main ol ul,
main ul ol,
main ol ol {
  margin-top: 0.8125rem;
  padding-left: 3.25rem;
}
hr {
  margin: 1.625rem 0;
}
.divider {
  position: relative;
  margin-bottom: 6.5rem;
}
.divider::after {
  content: "";
  position: absolute;
  bottom: -3.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.4375rem;
  height: 3px;
  background-color: currentColor;
}
.text-comic {
  font-family: Avengeance Mightiest Avenger, Impact, Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
}
.subtitle {
  font-weight: 700;
}
.title + .subtitle {
  font-size: 1.25rem;
  margin-top: -0.8125rem;
}
.font-family-sans-serif {
  font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
}
.font-family-comic {
  font-family: Avengeance Mightiest Avenger, Impact, Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-normal {
  font-weight: 400;
}
.font-weight-bold {
  font-weight: 700;
}
.txt-s {
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.txt-l {
  font-size: 1.25rem;
  line-height: 2rem;
}
.txt-xl {
  font-size: 2.1875rem;
  line-height: 2.9375rem;
}
.text-tiny {
  font-size: 0.6875rem;
  line-height: 1.125rem;
}
.text-small {
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.text-large {
  font-size: 1.25rem;
  line-height: 2rem;
}
.text-huge {
  font-size: 2.1875rem;
  line-height: 2.9375rem;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.line-height--2 {
  line-height: 1.25rem;
}
.line-height--1 {
  line-height: 1.4375rem;
}
.line-height-0 {
  line-height: 1.625rem;
}
.line-height-1 {
  line-height: 1.875rem;
}
.line-height-2 {
  line-height: 2rem;
}
.line-height-3 {
  line-height: 2.1875rem;
}
.line-height-4 {
  line-height: 2.9375rem;
}
.line-height-5 {
  line-height: 3.375rem;
}
.line-height-6 {
  line-height: 3.75rem;
}
.line-height-7 {
  line-height: 4.5rem;
}
/* Variables */
body {
  color: #132434;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #132434;
}
header,
main {
  background-color: #FFFFFF;
}
footer {
  background-color: #132434;
}
a {
  color: #0059A5;
  text-decoration: underline;
}
 > a p:not(.button),
 > a li:not(.button) {
  color: currentColor;
}
 > a p:not(.button):hover,
 > a li:not(.button):hover {
  color: #0059A5;
}
.bg-gradient {
  background: linear-gradient(to bottom, #E5F1FF 54%, #0059A5 54%);
}
.bg-gradient-blue-light-to-white {
  background: linear-gradient(to bottom, #E5F1FF 54%, #FFFFFF 54%);
}
.bg-gradient-blue-light-to-blue-dark {
  background: linear-gradient(to bottom, #E5F1FF 54%, #00427B 54%);
}
.claim-title:after {
  background-color: #000000;
}
.bg-light-color {
  background-color: #E5F1FF;
}
.bg-light-color .comic-strip svg {
  fill: #E5F1FF;
}
.bg-light-color .testimonial-item {
  background-color: #FFFFFF;
}
.bg-light-color .testimonial-item:after {
  border-color: transparent #FFFFFF transparent transparent;
}
.bg-light-color .button.transparent {
  color: #0059A5;
  box-shadow: inset 0 0 0 1px rgba(0, 89, 165, 0.3);
  border-bottom-color: rgba(0, 89, 165, 0.3);
}
.bg-light-color .button.transparent:hover {
  background-color: rgba(0, 89, 165, 0.1);
}
.bg-light-color .button.transparent:focus {
  background-color: rgba(0, 89, 165, 0.1);
}
.bg-light-color .button.transparent:active {
  background-color: rgba(0, 89, 165, 0.2);
  border-bottom-color: rgba(0, 89, 165, 0.2);
}
.bg-light-color .button.transparent:active:after {
  border-color: transparent #FFFFFF transparent transparent;
}
@media (min-width: 1024px) {
  .bg-light-color.pricing {
    background: linear-gradient(to bottom, #E5F1FF 0%, #E5F1FF 50%, #0059A5 50%, #0059A5 100%);
  }
}
.bg-full-color {
  background-color: #0059A5;
}
.bg-full-color,
.bg-full-color h1,
.bg-full-color h2,
.bg-full-color h3,
.bg-full-color h4,
.bg-full-color h5,
.bg-full-color h6 {
  color: #FFFFFF;
}
.bg-full-color a:not(.button) {
  color: #A2D1F9;
}
.bg-full-color a:not(.button):hover {
  color: #FFFFFF;
}
.bg-full-color p > a {
  color: currentColor;
}
.bg-full-color p > a:hover {
  color: #A2D1F9;
}
.bg-full-color .claim h2:after {
  background-color: #FFFFFF;
}
.bg-full-color .comic-strip svg {
  fill: #0059A5;
}
.bg-full-color .testimonial-item {
  background-color: #E5F1FF;
}
.bg-full-color .testimonial-item:after {
  border-color: transparent #E5F1FF transparent transparent;
}
.bg-full-color .button-hint a {
  color: #FFFFFF;
}
.bg-full-color .carousel.v1 .wrap :after {
  border-right: 2px solid #E5F1FF;
}
.bg-full-color .carousel.v1 .wrap h5,
.bg-full-color .carousel.v1 .wrap a {
  color: #FFFFFF;
}
.bg-full-color .carousel.v1 .wrap p {
  color: #A2D1F9;
}
.bg-full-color .carousel.v1 .wrap svg {
  fill: #FFFFFF;
}
.bg-full-color .carousel.v1 .wrap li::after {
  background-color: #FFFFFF;
}
.bg-dim-color {
  background-color: #00427B;
}
.bg-dim-color,
.bg-dim-color h1,
.bg-dim-color h2,
.bg-dim-color h3,
.bg-dim-color h4,
.bg-dim-color h5,
.bg-dim-color h6 {
  color: #FFFFFF;
}
.bg-dim-color a:not(.button) {
  color: #A2D1F9;
}
.bg-dim-color a:not(.button):hover {
  color: #FFFFFF;
}
.bg-dim-color p > a {
  color: currentColor;
}
.bg-dim-color p > a:hover {
  color: #A2D1F9;
}
.bg-dim-color .claim h2:after {
  background-color: #FFFFFF;
}
.bg-dim-color .comic-strip svg {
  fill: #00427B;
}
.bg-dim-color .testimonial-item {
  background-color: #E5F1FF;
}
.bg-dim-color .testimonial-item:after {
  border-color: transparent #E5F1FF transparent transparent;
}
.bg-dim-color .button-hint a {
  color: #FFFFFF;
}
.bg-dim-color .carousel.v1 .wrap :after {
  border-right: 2px solid #E5F1FF;
}
.bg-dim-color .carousel.v1 .wrap h5,
.bg-dim-color .carousel.v1 .wrap a {
  color: #FFFFFF;
}
.bg-dim-color .carousel.v1 .wrap p {
  color: #A2D1F9;
}
.bg-dim-color .carousel.v1 .wrap svg {
  fill: #FFFFFF;
}
.bg-dim-color .carousel.v1 .wrap li::after {
  background-color: #FFFFFF;
}
.bg-dark-color {
  background-color: #132434;
}
.bg-dark-color,
.bg-dark-color h1,
.bg-dark-color h2,
.bg-dark-color h3,
.bg-dark-color h4,
.bg-dark-color h5,
.bg-dark-color h6 {
  color: #FFFFFF;
}
.bg-dark-color a:not(.button) {
  color: #A2D1F9;
}
.bg-dark-color p > a:not(.button) {
  color: currentColor;
}
.bg-dark-color .claim h2:after {
  background-color: #FFFFFF;
}
.bg-dark-color .comic-strip svg {
  fill: #132434;
}
.bg-dark-color .claim h2::after {
  background-color: #FFFFFF;
}
.bg-dark-color .testimonial-item {
  background-color: #E5F1FF;
}
.bg-dark-color .testimonial-item:after {
  border-color: transparent #E5F1FF transparent transparent;
}
.bg-dark-color .button-hint a {
  color: #FFFFFF;
}
.bg-dark-color .carousel.v1 .wrap h5,
.bg-dark-color .carousel.v1 .wrap a {
  color: #FFFFFF;
}
.bg-dark-color .carousel.v1 .wrap p {
  color: #A2D1F9;
}
.bg-dark-color .carousel.v1 .wrap svg {
  fill: #FFFFFF;
}
.bg-dark-color .carousel.v1 .wrap li::after {
  background-color: #FFFFFF;
}
/* # Grid

Based on the 12 column layout
Content can be centered and offsetted

Media query widths can be later converted to rem, based on the final root font size

*/
/*
<section>
  <.container>

    <.row>
       <.col-*></.col-*>
    </.row>

  </.container>
<section>
 */
section {
  position: relative;
  text-align: center;
}
.container {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .container {
    max-width: 70rem;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 75rem;
  }
}
.container > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.container .section-content {
  position: relative;
  z-index: 1;
}
section > .container {
  padding: 6.5rem 1.625rem;
}
.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -1.625rem;
  margin-left: -1.625rem;
}
.row.reverse {
  flex-direction: row-reverse;
}
.col {
  flex: 0 0 auto;
  padding-right: 1.625rem;
  padding-left: 1.625rem;
}
.col.reverse {
  flex-direction: column-reverse;
}
/* ### Mobile definitions

   Mobile has no media query specified, is beeing overwritten by following ranges in the mobile first order
   */
.col.m-basic {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.col.m-1 {
  flex-basis: 8.333%;
  max-width: 8.333%;
}
.col.m-2 {
  flex-basis: 16.667%;
  max-width: 16.667%;
}
.col.m-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.col.m-4 {
  flex-basis: 33.333%;
  max-width: 33.333%;
}
.col.m-5 {
  flex-basis: 41.667%;
  max-width: 41.667%;
}
.col.m-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.col.m-7 {
  flex-basis: 58.333%;
  max-width: 58.333%;
}
.col.m-8 {
  flex-basis: 66.667%;
  max-width: 66.667%;
}
.col.m-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.col.m-10 {
  flex-basis: 83.333%;
  max-width: 83.333%;
}
.col.m-11 {
  flex-basis: 91.667%;
  max-width: 91.667%;
}
.col.m-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.col.m-offset-1 {
  margin-left: 8.333%;
}
.col.m-offset-2 {
  margin-left: 16.667%;
}
.col.m-offset-3 {
  margin-left: 25%;
}
.col.m-offset-4 {
  margin-left: 33.333%;
}
.col.m-offset-5 {
  margin-left: 41.667%;
}
.col.m-offset-6 {
  margin-left: 50%;
}
.col.m-offset-7 {
  margin-left: 58.333%;
}
.col.m-offset-8 {
  margin-left: 66.667%;
}
.col.m-offset-9 {
  margin-left: 75%;
}
.col.m-offset-10 {
  margin-left: 83.333%;
}
.col.m-offset-11 {
  margin-left: 91.667%;
}
.col.m-first {
  order: -1;
}
.col.m-last {
  order: 1;
}
.row.m-start {
  justify-content: flex-start;
  text-align: start;
}
.row.m-center {
  justify-content: center;
  text-align: center;
}
.row.m-end {
  justify-content: flex-end;
  text-align: end;
}
.row.m-top {
  align-items: flex-start;
}
.row.m-middle {
  align-items: center;
}
.row.m-bottom {
  align-items: flex-end;
}
.row.m-around {
  justify-content: space-around;
}
.row.m-between {
  justify-content: space-between;
}
.row.m-first {
  order: -1;
}
.row.m-last {
  order: 1;
}
/* ### Large mobile definitions */
@media (min-width: 480px) {
  .col.lm-basic {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col.lm-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .col.lm-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .col.lm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col.lm-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .col.lm-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .col.lm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col.lm-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .col.lm-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .col.lm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col.lm-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .col.lm-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .col.lm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col.lm-offset-1 {
    margin-left: 8.333%;
  }
  .col.lm-offset-2 {
    margin-left: 16.667%;
  }
  .col.lm-offset-3 {
    margin-left: 25%;
  }
  .col.lm-offset-4 {
    margin-left: 33.333%;
  }
  .col.lm-offset-5 {
    margin-left: 41.667%;
  }
  .col.lm-offset-6 {
    margin-left: 50%;
  }
  .col.lm-offset-7 {
    margin-left: 58.333%;
  }
  .col.lm-offset-8 {
    margin-left: 66.667%;
  }
  .col.lm-offset-9 {
    margin-left: 75%;
  }
  .col.lm-offset-10 {
    margin-left: 83.333%;
  }
  .col.lm-offset-11 {
    margin-left: 91.667%;
  }
  .col.lm-first {
    order: -1;
  }
  .col.lm-last {
    order: 1;
  }
  .row.lm-start {
    justify-content: flex-start;
    text-align: start;
  }
  .row.lm-center {
    justify-content: center;
    text-align: center;
  }
  .row.lm-end {
    justify-content: flex-end;
    text-align: end;
  }
  .row.lm-top {
    align-items: flex-start;
  }
  .row.lm-middle {
    align-items: center;
  }
  .row.lm-bottom {
    align-items: flex-end;
  }
  .row.lm-around {
    justify-content: space-around;
  }
  .row.lm-between {
    justify-content: space-between;
  }
  .row.lm-first {
    order: -1;
  }
  .row.lm-last {
    order: 1;
  }
}
/* ### Tablet definitions */
@media (min-width: 768px) {
  .col.t-basic {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col.t-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .col.t-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .col.t-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col.t-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .col.t-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .col.t-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col.t-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .col.t-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .col.t-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col.t-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .col.t-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .col.t-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col.t-offset-1 {
    margin-left: 8.333%;
  }
  .col.t-offset-2 {
    margin-left: 16.667%;
  }
  .col.t-offset-3 {
    margin-left: 25%;
  }
  .col.t-offset-4 {
    margin-left: 33.333%;
  }
  .col.t-offset-5 {
    margin-left: 41.667%;
  }
  .col.t-offset-6 {
    margin-left: 50%;
  }
  .col.t-offset-7 {
    margin-left: 58.333%;
  }
  .col.t-offset-8 {
    margin-left: 66.667%;
  }
  .col.t-offset-9 {
    margin-left: 75%;
  }
  .col.t-offset-10 {
    margin-left: 83.333%;
  }
  .col.t-offset-11 {
    margin-left: 91.667%;
  }
  .col.t-first {
    order: -1;
  }
  .col.t-last {
    order: 1;
  }
  .row.t-start {
    justify-content: flex-start;
    text-align: start;
  }
  .row.t-center {
    justify-content: center;
    text-align: center;
  }
  .row.t-end {
    justify-content: flex-end;
    text-align: end;
  }
  .row.t-top {
    align-items: flex-start;
  }
  .row.t-middle {
    align-items: center;
  }
  .row.t-bottom {
    align-items: flex-end;
  }
  .row.t-around {
    justify-content: space-around;
  }
  .row.t-between {
    justify-content: space-between;
  }
  .row.t-first {
    order: -1;
  }
  .row.t-last {
    order: 1;
  }
}
/* ### Desktop definitions */
@media (min-width: 1024px) {
  .col.d-basic {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col.d-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .col.d-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .col.d-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col.d-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .col.d-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .col.d-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col.d-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .col.d-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .col.d-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col.d-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .col.d-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .col.d-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col.d-offset-1 {
    margin-left: 8.333%;
  }
  .col.d-offset-2 {
    margin-left: 16.667%;
  }
  .col.d-offset-3 {
    margin-left: 25%;
  }
  .col.d-offset-4 {
    margin-left: 33.333%;
  }
  .col.d-offset-5 {
    margin-left: 41.667%;
  }
  .col.d-offset-6 {
    margin-left: 50%;
  }
  .col.d-offset-7 {
    margin-left: 58.333%;
  }
  .col.d-offset-8 {
    margin-left: 66.667%;
  }
  .col.d-offset-9 {
    margin-left: 75%;
  }
  .col.d-offset-10 {
    margin-left: 83.333%;
  }
  .col.d-offset-11 {
    margin-left: 91.667%;
  }
  .col.d-first {
    order: -1;
  }
  .col.d-last {
    order: 1;
  }
  .row.d-start {
    justify-content: flex-start;
    text-align: start;
  }
  .row.d-center {
    justify-content: center;
    text-align: center;
  }
  .row.d-end {
    justify-content: flex-end;
    text-align: end;
  }
  .row.d-top {
    align-items: flex-start;
  }
  .row.d-middle {
    align-items: center;
  }
  .row.d-bottom {
    align-items: flex-end;
  }
  .row.d-around {
    justify-content: space-around;
  }
  .row.d-between {
    justify-content: space-between;
  }
  .row.d-first {
    order: -1;
  }
  .row.d-last {
    order: 1;
  }
}
/* ### Large desktop definitions */
@media (min-width: 1280px) {
  .col.ld-basic {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col.ld-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .col.ld-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .col.ld-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col.ld-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .col.ld-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  .col.ld-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col.ld-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .col.ld-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  .col.ld-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col.ld-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .col.ld-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  .col.ld-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col.ld-offset-1 {
    margin-left: 8.333%;
  }
  .col.ld-offset-2 {
    margin-left: 16.667%;
  }
  .col.ld-offset-3 {
    margin-left: 25%;
  }
  .col.ld-offset-4 {
    margin-left: 33.333%;
  }
  .col.ld-offset-5 {
    margin-left: 41.667%;
  }
  .col.ld-offset-6 {
    margin-left: 50%;
  }
  .col.ld-offset-7 {
    margin-left: 58.333%;
  }
  .col.ld-offset-8 {
    margin-left: 66.667%;
  }
  .col.ld-offset-9 {
    margin-left: 75%;
  }
  .col.ld-offset-10 {
    margin-left: 83.333%;
  }
  .col.ld-offset-11 {
    margin-left: 91.667%;
  }
  .col.ld-first {
    order: -1;
  }
  .col.ld-last {
    order: 1;
  }
  .row.ld-start {
    justify-content: flex-start;
    text-align: start;
  }
  .row.ld-center {
    justify-content: center;
    text-align: center;
  }
  .row.ld-end {
    justify-content: flex-end;
    text-align: end;
  }
  .row.ld-top {
    align-items: flex-start;
  }
  .row.ld-middle {
    align-items: center;
  }
  .row.ld-bottom {
    align-items: flex-end;
  }
  .row.ld-around {
    justify-content: space-around;
  }
  .row.ld-between {
    justify-content: space-between;
  }
  .row.ld-first {
    order: -1;
  }
  .row.ld-last {
    order: 1;
  }
}
/*
 * SVG icons
 * Necessary styles to have a working set of SVG icons which use both strokes and fills
 *
 */
.svg-icon {
  fill: currentColor;
}
.svg-icon,
.svg-icon circle,
.svg-icon ellipse,
.svg-icon line,
.svg-icon path,
.svg-icon polygon,
.svg-icon polyline,
.svg-icon rect {
  vector-effect: non-scaling-stroke;
}
.svg-fill {
  fill: inherit;
  stroke: transparent;
  stroke-width: 0;
}
.svg-stroke {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 1.5px;
}
/* Variables */
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.625rem;
  height: 1.625rem;
  pointer-events: none;
}
.icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
  fill-rule: evenodd;
}
.icon.icon-angle-left {
  transform: rotate(90deg);
}
.icon.icon-angle-right {
  transform: rotate(-90deg);
}
.icon.icon-center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 1.625rem / -2;
  margin-left: 1.625rem / -2;
}
.svg-library {
  display: none;
}
.svg-library #hma-icon-search .c1,
.svg-library #hma-icon-search .p1 {
  fill: none;
  stroke: #514051;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
}
.svg-library #hma-animation-ui-header .g1 {
  isolation: isolate;
  fill: #fff;
}
.svg-library #hma-animation-ui-header .g2 {
  fill: #b3b3b3;
}
.svg-library #hma-animation-ui-content-location-connected-1 .p1 {
  fill: none;
  stroke: #7591ab;
}
.svg-library #hma-animation-ui-content-location-connected-1 .p2 {
  fill: #fff;
}
.svg-library #hma-animation-ui-content-location-connected-1 .p3 {
  fill: #f0af1e;
}
.svg-library #hma-animation-ui-content-location-connected-1 .p4 {
  fill: #fff;
}
.svg-library #hma-animation-ui-content-location-connected-1 .p5 {
  fill: #d7980b;
}
.svg-library #hma-animation-ui-content-location-connected-1 .p6 {
  fill: #fff;
}
.svg-library #hma-animation-ui-content-location-connected-1 .p7 {
  fill: #f09e1e;
}
.svg-library #hma-animation-ui-content-location-connected-1 .g1 {
  fill: #e9e9e9;
}
.svg-library #hma-animation-ui-content-location-connected-2 .p1 {
  fill: none;
  stroke: #7591ab;
}
.svg-library #hma-animation-ui-content-location-connected-2 .p2 {
  fill: #fff;
}
.svg-library #hma-animation-ui-content-location-connected-2 .p3 {
  fill: #f0af1e;
}
.svg-library #hma-animation-ui-content-location-connected-2 .p4 {
  fill: #fff;
}
.svg-library #hma-animation-ui-content-location-connected-2 .p5 {
  fill: #d7980b;
}
.svg-library #hma-animation-ui-content-location-connected-2 .p6 {
  fill: #fff;
}
.svg-library #hma-animation-ui-content-location-connected-2 .p7 {
  fill: #f09e1e;
}
.svg-library #hma-animation-ui-content-location-connected-2 .p8 {
  fill: none;
  stroke: #4c677d;
  stroke-miterlimit: 10;
}
.svg-library #hma-animation-ui-content-location-connected-2 .p9 {
  fill: #8ba3b9;
}
.svg-library #hma-animation-ui-content-location-connected-2 .g1 {
  fill: #e9e9e9;
}
.svg-library #hma-animation-ui-content-location-connected-2 .g2 {
  fill: #fff;
}
.svg-library #hma-animation-ui-content-location-connected-change .p1 {
  fill: none;
  stroke: #4c677d;
  stroke-miterlimit: 10;
}
.svg-library #hma-animation-ui-content-location-connected-change .p2 {
  fill: #8ba3b9;
}
.svg-library #hma-animation-ui-content-location-connected-change .g1 {
  fill: #fff;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .g1 {
  isolation: isolate;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p1 {
  fill: #c69e58;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p2 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p3 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p4 {
  fill: #a1c659;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p5 {
  fill: #6b7a15;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p6 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p7 {
  fill: #6b7a15;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p8 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p9 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p10 {
  fill: #c69e58;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p11 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p12 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p13 {
  fill: #809622;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p14 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p15 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p16 {
  fill: #8daa30;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p17,
.svg-library #hma-animation-ui-illustration-freedom-connected .p18,
.svg-library #hma-animation-ui-illustration-freedom-connected .p20,
.svg-library #hma-animation-ui-illustration-freedom-connected .p21,
.svg-library #hma-animation-ui-illustration-freedom-connected .p23,
.svg-library #hma-animation-ui-illustration-freedom-connected .p24,
.svg-library #hma-animation-ui-illustration-freedom-connected .p34,
.svg-library #hma-animation-ui-illustration-freedom-connected .p35,
.svg-library #hma-animation-ui-illustration-freedom-connected .p37,
.svg-library #hma-animation-ui-illustration-freedom-connected .p38,
.svg-library #hma-animation-ui-illustration-freedom-connected .p40,
.svg-library #hma-animation-ui-illustration-freedom-connected .p41,
.svg-library #hma-animation-ui-illustration-freedom-connected .p43,
.svg-library #hma-animation-ui-illustration-freedom-connected .p44,
.svg-library #hma-animation-ui-illustration-freedom-connected .p46,
.svg-library #hma-animation-ui-illustration-freedom-connected .p47,
.svg-library #hma-animation-ui-illustration-freedom-connected .p49,
.svg-library #hma-animation-ui-illustration-freedom-connected .p50 {
  fill: #5d5d5d;
  mix-blend-mode: multiply;
  opacity: 0.11;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p19,
.svg-library #hma-animation-ui-illustration-freedom-connected .p22 {
  fill: #c69e58;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p25,
.svg-library #hma-animation-ui-illustration-freedom-connected .p26,
.svg-library #hma-animation-ui-illustration-freedom-connected .p27,
.svg-library #hma-animation-ui-illustration-freedom-connected .p28 {
  fill: none;
  stroke: #fff788;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p29 {
  fill: #d6bdc7;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p30 {
  fill: #eebccb;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p31 {
  fill: #eebccb;
  stroke: #efbdcb;
  stroke-miterlimit: 10;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p32 {
  fill: #f7dce5;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p33 {
  fill: #c69e58;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p36,
.svg-library #hma-animation-ui-illustration-freedom-connected .p42 {
  fill: #c69e58;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p39 {
  fill: #c69e58;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p45 {
  fill: #c69e58;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .p48 {
  fill: #c69e58;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .e1 {
  fill: #8daa30;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .e2 {
  fill: #748417;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .e3 {
  fill: #8daa30;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .e4 {
  fill: #809622;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .e5 {
  fill: #8daa30;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .e6,
.svg-library #hma-animation-ui-illustration-freedom-connected .e7,
.svg-library #hma-animation-ui-illustration-freedom-connected .e8,
.svg-library #hma-animation-ui-illustration-freedom-connected .e9 {
  fill: #a1c659;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .e10 {
  fill: #a1c659;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .e11,
.svg-library #hma-animation-ui-illustration-freedom-connected .e12 {
  fill: #8daa30;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .e13 {
  fill: #a1c659;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .c1 {
  fill: #fff788;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .c2 {
  fill: #d69db7;
  transform: rotate(-15 144.533 37.922);
}
.svg-library #hma-animation-ui-illustration-freedom-connected .r1 {
  fill: #f9e35f;
}
.svg-library #hma-animation-ui-illustration-freedom-connected .r2 {
  fill: #e5cc51;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p1 {
  fill: #7cc4d6;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p2,
.svg-library #hma-animation-ui-illustration-instant-connected .p3 {
  fill: #cfaf69;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p4 {
  fill: #ecdfba;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p5 {
  fill: #b8e2f2;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p6 {
  fill: #98d1e3;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p7 {
  fill: #df8933;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p8 {
  fill: #ebbe43;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p9 {
  fill: #df8933;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p10 {
  fill: #ebbe43;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p11 {
  fill: #fddf32;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p12 {
  fill: #f4f9fb;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p13 {
  fill: #d6cd5b;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p14 {
  fill: #fddf32;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p15 {
  fill: #f4f9fb;
}
.svg-library #hma-animation-ui-illustration-instant-connected .p16 {
  fill: #f4f9fb;
}
.svg-library #hma-animation-ui-illustration-instant-connected .c1 {
  fill: #f4b3af;
  transform: rotate(-77.13 116.28 57.987);
}
.svg-library #hma-animation-ui-illustration-instant-connected .c2 {
  fill: #f4b3af;
  transform: rotate(-77.13 99.932 68.238);
}
.svg-library #hma-animation-ui-illustration-location-connected .g1 {
  isolation: isolate;
}
.svg-library #hma-animation-ui-illustration-location-connected .g2 {
  fill: #3e586f;
}
.svg-library #hma-animation-ui-illustration-location-connected .g3 {
  fill: #fff788;
}
.svg-library #hma-animation-ui-illustration-location-connected .g4,
.svg-library #hma-animation-ui-illustration-location-connected .g5 {
  fill: #ddcf68;
}
.svg-library #hma-animation-ui-illustration-location-connected .p1,
.svg-library #hma-animation-ui-illustration-location-connected .p2,
.svg-library #hma-animation-ui-illustration-location-connected .p3,
.svg-library #hma-animation-ui-illustration-location-connected .p7 {
  fill: #f77ba3;
}
.svg-library #hma-animation-ui-illustration-location-connected .p4 {
  fill: #fccada;
}
.svg-library #hma-animation-ui-illustration-location-connected .p5,
.svg-library #hma-animation-ui-illustration-location-connected .p8 {
  fill: #fcc7d8;
}
.svg-library #hma-animation-ui-illustration-location-connected .p6,
.svg-library #hma-animation-ui-illustration-location-connected .p9 {
  fill: #feeaf0;
}
.svg-library #hma-animation-ui-illustration-location-connected .p10 {
  fill: #fddde7;
}
.svg-library #hma-animation-ui-illustration-location-connected .p11 {
  fill: #f56291;
  mix-blend-mode: multiply;
  opacity: 0.4;
}
.svg-library #hma-animation-ui-illustration-location-connected .p12,
.svg-library #hma-animation-ui-illustration-location-connected .p36 {
  fill: #719b56;
}
.svg-library #hma-animation-ui-illustration-location-connected .p13 {
  fill: #efece1;
}
.svg-library #hma-animation-ui-illustration-location-connected .p14,
.svg-library #hma-animation-ui-illustration-location-connected .p18,
.svg-library #hma-animation-ui-illustration-location-connected .p20,
.svg-library #hma-animation-ui-illustration-location-connected .p21 {
  fill: #fff;
}
.svg-library #hma-animation-ui-illustration-location-connected .p15 {
  fill: #636363;
  mix-blend-mode: multiply;
  opacity: 0.09;
}
.svg-library #hma-animation-ui-illustration-location-connected .p17 {
  fill: #d3d0c7;
}
.svg-library #hma-animation-ui-illustration-location-connected .p19 {
  fill: #636363;
  mix-blend-mode: multiply;
  opacity: 0.14;
}
.svg-library #hma-animation-ui-illustration-location-connected .p22 {
  fill: #8daa30;
}
.svg-library #hma-animation-ui-illustration-location-connected .p23,
.svg-library #hma-animation-ui-illustration-location-connected .p24,
.svg-library #hma-animation-ui-illustration-location-connected .p25,
.svg-library #hma-animation-ui-illustration-location-connected .p27,
.svg-library #hma-animation-ui-illustration-location-connected .p28,
.svg-library #hma-animation-ui-illustration-location-connected .p29 {
  fill: #55c9be;
}
.svg-library #hma-animation-ui-illustration-location-connected .p26 {
  fill: #4bb7aa;
}
.svg-library #hma-animation-ui-illustration-location-connected .p30 {
  fill: #a5a197;
}
.svg-library #hma-animation-ui-illustration-location-connected .p31 {
  fill: #96928a;
}
.svg-library #hma-animation-ui-illustration-location-connected .p32 {
  fill: #495453;
  mix-blend-mode: multiply;
  opacity: 0.12;
}
.svg-library #hma-animation-ui-illustration-location-connected .p33,
.svg-library #hma-animation-ui-illustration-location-connected .p37 {
  fill: #8ab774;
}
.svg-library #hma-animation-ui-illustration-location-connected .p34 {
  fill: #83b264;
}
.svg-library #hma-animation-ui-illustration-location-connected .p35 {
  fill: #a6d190;
}
.svg-library #hma-animation-ui-illustration-location-connected .p38 {
  fill: #727272;
  mix-blend-mode: multiply;
  opacity: 0.13;
}
.svg-library #hma-animation-ui-illustration-location-connected .p39 {
  fill: #c4ab41;
}
.svg-library #hma-animation-ui-illustration-location-connected .p40 {
  fill: #f4e97a;
}
.svg-library #hma-animation-ui-illustration-location-connected .p41 {
  fill: #918409;
  opacity: 0.21;
}
.svg-library #hma-animation-ui-illustration-location-connected .p42 {
  fill: #a1c659;
}
.svg-library #hma-animation-ui-tab-instant .g1 {
  fill: #fff;
}
.svg-library #hma-animation-ui-tab-location .g1 {
  fill: #fff;
}
.svg-library #hma-animation-ui-tab-freedom .g1 {
  fill: #fff;
}
/* Variables */
fieldset {
  padding: 0;
  margin: 0 0 1.625rem;
  border: 0;
}
legend {
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
  appearance: none;
  box-sizing: border-box;
}
label {
  font-size: 0.8125rem;
  line-height: 2rem;
  padding-left: 1.625rem;
}
.disabled {
  opacity: 0.62;
}
.disabled input:disabled {
  cursor: not-allowed;
}
/* Variables */
.input {
  position: relative;
  margin: 0 auto 1.625rem;
  width: 100%;
  max-width: 30.875rem;
}
.input input {
  display: block;
  width: 100%;
  line-height: 1.625rem;
  padding: 0.27083333rem 1.625rem;
  background-color: #E5F1FF;
  background-clip: padding-box;
  box-shadow: inset 0 1px 0 0 #A2D1F9;
  border: 3px solid transparent;
  border-radius: 2.4375rem;
  font-size: 0.9375rem;
  font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
  color: #132434;
}
.input input::placeholder {
  font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
  color: #0059A5;
}
.input input:focus {
  outline: 0;
  border: 3px solid #A2D1F9;
  box-shadow: inset 0 0 0 1px transparent;
}
.input input + .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.3rem;
  height: 1.3rem;
}
.input.large input {
  font-size: 1rem;
  line-height: 1.875rem;
  padding: 0.40625rem 1.625rem;
}
.input.read-only {
  color: #043B71;
}
.input.required label::after {
  content: " *";
}
.input.not-valid input {
  background-color: #FFE4E6;
  box-shadow: inset 0 1px 0 0 #D9CFDC;
}
.input.not-valid input::placeholder {
  color: #132434;
}
.input.not-valid .message {
  color: #EE4455;
  font-size: 0.8125rem;
  line-height: 2rem;
  padding-left: 1.625rem;
}
.input .label {
  padding-left: calc( 1.625rem  + 2px);
}
.with-icon.icon-right input {
  padding-right: 3.25rem;
}
.with-icon.icon-right input + .icon {
  right: 1.3rem;
}
.with-icon.icon-left input {
  padding-left: 3.25rem;
}
.with-icon.icon-left input + .icon {
  left: 1.3rem;
}
.with-icon svg {
  display: block;
  vertical-align: middle;
}
.white input {
  background-color: #FFFFFF;
}
.parallax-wrap {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.parallax-layer {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* ## Components */
/* ### General */
.button {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-bottom: 1.625rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.19s cubic-bezier(0.2, 0.62, 0.38, 1);
  border-radius: 3.25rem;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
.button:hover {
  text-decoration: none;
}
.button:focus {
  outline: 0;
}
.button:active {
  border-top: 1px solid transparent;
  border-bottom-width: 2px;
}
.button.disabled {
  cursor: not-allowed;
}
.button.buy,
.button.primary {
  font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 2rem;
  min-width: 11.8625rem;
  white-space: nowrap;
  color: #522E00;
  background-color: #FECB2F;
  padding: 0.56875rem 1.625rem 0.325rem;
  border-bottom-color: #DFA901;
}
.button.buy:focus,
.button.primary:focus {
  background-color: #fede7b;
}
.button.buy:hover,
.button.primary:hover {
  background-color: #fede7b;
}
.button.buy:active,
.button.primary:active {
  background-color: #fede7b;
  border-bottom-color: #fede7b;
}
.button.secondary {
  font-size: 0.9375rem;
  line-height: 1.625rem;
  color: #0059A5;
  background-color: #E5F1FF;
  padding: 0.39rem 1.625rem 0.325rem;
  border-bottom-color: #A2D1F9;
}
@media (min-width: 768px) {
}
.button.secondary:hover {
  background-color: #ffffff;
}
.button.secondary:focus {
  background-color: #ffffff;
}
.button.secondary:active {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
}
.button.secondary.yellow {
  color: #522E00;
  background-color: #FECB2F;
  border-bottom-color: #DFA901;
}
.button.secondary.yellow.disabled {
  color: rgba(82, 46, 0, 0.2);
  background-color: #fede7b;
}
.button.secondary.yellow.disabled:focus,
.button.secondary.yellow.disabled:hover,
.button.secondary.yellow.disabled:active {
  background-color: #fede7b;
  border-bottom-color: #DFA901;
  border-top: none;
  border-bottom-width: 3px;
}
.button.dark {
  color: #FFFFFF;
  background-color: #0059A5;
  border-bottom-color: #00427B;
}
.button.dark:hover {
  background-color: #00427B;
  border-bottom-color: #132434;
}
.button.dark:focus {
  background-color: #00427B;
  border-bottom-color: #132434;
}
.button.dark:active {
  background-color: #00427B;
  border-bottom-color: #00427B;
}
.button.darker {
  color: #FFFFFF;
  background-color: #00427B;
  border-bottom-color: #132434;
}
.button.darker:hover {
  background-color: #0059A5;
}
.button.darker:focus {
  background-color: #0059A5;
}
.button.darker:active {
  background-color: #0059A5;
  border-bottom-color: #0059A5;
}
.button.bg-white {
  background-color: #FFFFFF;
  color: #0059A5;
  border-color: rgba(0, 89, 165, 0.002);
}
.button.bg-white:active {
  background-color: #FFFFFF;
  border-top: 3px solid rgba(0, 89, 165, 0.002);
}
.button.bg-blue-lighter {
  background-color: #E5F1FF;
  color: #000000;
  border-color: rgba(0, 89, 165, 0.002);
}
.button.bg-blue-lighter:active {
  background-color: #E5F1FF;
  border-top: 3px solid rgba(0, 89, 165, 0.002);
}
.button.faux,
.button.transparent {
  box-shadow: none;
}
.button.transparent {
  color: #FFFFFF;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.button.transparent:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.button.transparent:focus {
  background-color: rgba(255, 255, 255, 0.1);
}
.button.transparent:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-hint {
  margin-top: -0.8125rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.button-hint a {
  text-decoration: none;
}
.button-hint a:hover {
  text-decoration: underline;
}
.header {
  width: 100%;
  z-index: 9100;
  position: relative;
  /*
  Serves as container for
  * Menu
  * Submenu
  * Dropdown
  */
}
.header .container {
  padding-top: 0;
  padding-bottom: 0;
  position: static;
  height: 5.8825rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.header .hma-logo-link {
  display: flex;
  align-items: center;
}
.header .hma-logo-link .hma-logo {
  width: 9.75rem;
}
.header .hma-logo-link .hma-logo use {
  fill: #000000;
}
@media (max-width:  1023px ) {
  .header .hma-logo-link .hma-logo {
    margin-left: 1.625rem;
  }
}
.header .navigation::after {
  display: block;
  clear: both;
  content: "";
}
@media (max-width:  1023px ) {
  .header .navigation {
    visibility: hidden;
    position: fixed;
    z-index: 9000;
    top: 0;
    transform: translate3d(100%, 0, 0);
    width: 100vw;
    min-height: 100vh;
    transition: transform 0.2s ease-in;
    overflow-x: hidden;
  }
  .header .navigation.show {
    animation: slidein 0.3s linear 0s 1 normal forwards;
    transform: translate3d(0, 0, 0);
  }
  .header .navigation.hide {
    visibility: hidden;
  }
  @keyframes slidein {
    0% {
      visibility: hidden;
    }
    1% {
      visibility: visible;
      background-color: rgba(19, 36, 52, 0);
    }
    100% {
      background-color: rgba(19, 36, 52, 0.9);
      visibility: visible;
    }
  }
  @keyframes slideout {
    0% {
      background-color: rgba(19, 36, 52, 0.9);
      visibility: visible;
    }
    99% {
      visibility: visible;
      background-color: rgba(19, 36, 52, 0);
    }
    1000% {
      visibility: hidden;
    }
  }
}
@media (min-width: 1024px) {
  .header .navigation {
    position: static;
    height: 5.8825rem;
    justify-content: space-between;
    align-items: stretch;
  }
}
.header .navigation .navigation-close,
.header .navigation .navigation-back {
  display: block;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 0;
  cursor: pointer;
}
@media (min-width: 0) {
  .header .navigation .navigation-close,
  .header .navigation .navigation-back {
    right: 2%;
  }
}
@media (min-width: 480px) {
  .header .navigation .navigation-close,
  .header .navigation .navigation-back {
    right: 4%;
  }
}
@media (min-width: 1024px) {
  .header .navigation .navigation-close,
  .header .navigation .navigation-back {
    display: none;
  }
}
.header .navigation .navigation-close.hide,
.header .navigation .navigation-back.hide {
  display: none;
}
.header .navigation .navigation-close .icon-close,
.header .navigation .navigation-back .icon-close,
.header .navigation .navigation-close .icon-back,
.header .navigation .navigation-back .icon-back {
  height: 5.8825rem;
  fill: #0059A5;
}
@media (max-width:  1023px ) {
  .header .navigation .navigation-close .icon-close,
  .header .navigation .navigation-back .icon-close,
  .header .navigation .navigation-close .icon-back,
  .header .navigation .navigation-back .icon-back {
    height: calc(1.625rem * 2);
    stroke-width: 0.125rem;
  }
}
.header .navigation .navigation-close .icon-close,
.header .navigation .navigation-back .icon-close {
  height: 3.256rem;
}
.header .navigation .navigation-close .icon-back,
.header .navigation .navigation-back .icon-back {
  transform: rotate(90deg);
}
.header .navigation .navigation-back {
  display: none;
  position: sticky;
  float: right;
}
.header .navigation .navigation-back.show {
  display: inline-block;
}
@media (max-width:  1023px ) {
  .header .navigation .menu {
    position: absolute;
    top: 0;
    width: 100%;
    float: right;
    background-color: #FFFFFF;
    padding: 6.5rem 1.625rem 3.25rem 3.25rem;
    overflow: visible;
    will-change: transform;
    min-height: 100vh;
  }
  .header .navigation .menu.bounceout {
    visibility: hidden;
  }
  .header .navigation .menu.sub-menu-shown {
    animation: bouncein_submenu 0.3s cubic-bezier(0, 0.63, 0.62, 1) 0s 1 normal forwards;
    padding: 0;
  }
  .header .navigation .menu.sub-menu-shown .get-app-link {
    display: none;
  }
  .header .navigation .menu.sub-menu-hidden {
    animation: bounceout_submenu 0.3s cubic-bezier(0, 0.63, 0.62, 1) 0s 1 normal forwards;
  }
  @keyframes bouncein_submenu {
    0% {
      transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(-85%, 0, 0);
    }
  }
  @keyframes bounceout_submenu {
    0% {
      transform: translate3d(-85%, 0, 0);
    }
    100% {
      transform: translate3d(0, 0, 0);
    }
  }
}
@media (min-width: 1024px) {
  .header .navigation .menu {
    display: flex;
  }
}
.header .navigation .menu li a {
  display: block;
}
@media (min-width: 1024px) {
  .header .navigation .menu li a {
    color: #132434;
  }
}
@media (max-width:  1023px ) {
  .header .navigation .menu li a.bi-nav-items {
    color: #FFFFFF;
  }
  .header .navigation .menu li a.bi-nav-toplink {
    color: #132434;
  }
  .header .navigation .menu li a.all-articles {
    margin-top: 1.625rem;
    margin-bottom: calc(1.625rem * 2);
    margin-left: calc(1.625rem * 1.6);
    text-decoration: underline;
    text-align: left;
  }
}
.header .navigation .menu li a:hover {
  color: #106AB8;
}
.header .navigation .menu li a:hover use {
  fill: #00427B;
}
.header .navigation .menu li a:hover li {
  color: #106AB8;
}
.header .navigation .menu li a:hover li use {
  fill: #00427B;
}
@media (min-width: 1024px) {
  .header .navigation .menu > li {
    display: flex;
    margin-bottom: 0;
  }
  .header .navigation .menu > li:nth-last-of-type(3) {
    padding-right: calc(1.625rem * 1.5);
  }
}
@media (max-width:  1023px ) {
  .header .navigation .menu > li {
    margin-bottom: 0;
  }
}
.header .navigation .menu > li > a {
  font-weight: 700;
}
@media (max-width:  1023px ) {
}
@media (min-width: 1024px) {
  .header .navigation .menu > li > a {
    font-size: 0.875rem;
  }
}
.header .navigation .menu > li.item > a {
  position: relative;
}
@media (max-width:  1023px ) {
  .header .navigation .menu > li.item > a.bi-nav-toplink {
    font-size: 1.428rem;
    line-height: 2rem;
    padding-top: calc(1.625rem * 0.5);
    padding-bottom: calc(1.625rem * 0.5);
    display: inline-block;
    position: relative;
  }
}
@media (min-width: 1024px) {
  .header .navigation .menu > li.item > a {
    display: flex;
    align-items: center;
    padding: 0 calc(1.625rem / 1.75);
  }
}
@media (min-width: 1024px) {
  .header .navigation .menu > li.item > a.highlight {
    color: #0059A5;
  }
}
@media (max-width:  1023px ) {
  .header .navigation .menu > li.item.submenu > a {
    position: relative;
    width: 100%;
    padding-right: calc(1.625rem * 3);
  }
  .header .navigation .menu > li.item.submenu > a.disabled-for-mobiles {
    pointer-events: none;
    visibility: hidden;
  }
  .header .navigation .menu > li.item.submenu > a .expand-collapse {
    position: absolute;
    right: -1rem;
    display: inline-block;
    height: 2.4375rem;
    top: 0.5rem;
    transform: rotate(270deg);
    width: 2.4375rem;
  }
  .header .navigation .menu > li.item.submenu > a .icon-expand-collapse {
    fill: #0059A5;
  }
}
@media (min-width: 1024px) {
  .header .navigation .menu > li.item.submenu > a .expand-collapse {
    display: none;
  }
}
.header .navigation .menu > li.sign-in {
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .header .navigation .menu > li.sign-in > a {
    color: #000000;
  }
  .header .navigation .menu > li.sign-in > a::after {
    pointer-events: none;
    position: absolute;
    display: inline-block;
    content: "•";
    font-weight: 400;
    font-size: 1.875rem;
    left: calc(1.625rem * 0.75 * -1);
  }
}
@media (max-width:  1023px ) {
  .header .navigation .menu > li.sign-in > a {
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1024px) {
  .header .navigation .menu > li.sign-in a {
    display: flex;
    align-items: center;
    color: #0059A5;
    font-weight: 700;
    padding: 0 calc(1.625rem * 1);
  }
}
.header .navigation .menu > li.sign-in .sign-in-options {
  position: absolute;
  top: calc((5.8825rem * -1) - 1em);
  right: 1em;
  background-color: #FFFFFF;
  padding: 1.625rem;
  font-size: 0.8125rem;
}
@media (min-width: 0) {
  .header .navigation .menu > li.get-app-link a {
    width: 100%;
    margin-top: 15%;
  }
}
@media (min-width: 1024px) {
  .header .navigation .menu > li.get-app-link {
    display: none;
  }
}
@media (max-width:  1023px ) {
  .header .navigation .dropdown {
    display: block;
    background-color: #132434;
    left: 100vw;
    min-height: 100vh;
    position: absolute;
    top: 0;
    width: 85%;
  }
  .header .navigation .dropdown.hide {
    visibility: hidden;
  }
  .header .navigation .dropdown .navigation-close.hide {
    display: block;
    position: sticky;
    text-align: right;
    margin-right: 1rem;
  }
  .header .navigation .dropdown .icon-close {
    fill: #FFFFFF;
  }
}
@media (min-width: 1024px) {
  .header .navigation .dropdown {
    position: absolute;
    z-index: 9100;
    left: 0;
    top: calc(5.8825rem);
    width: 100%;
    height: calc(100vh - 5.8825rem);
    overflow: hidden;
    visibility: hidden;
  }
  .header .navigation .dropdown .dropdown-wrapper {
    position: absolute;
    left: 0;
    height: calc(1.625rem * 18);
    background: #E5F1FF;
    padding: calc(1.625rem * 4) calc(1.625rem * 2) 0;
    width: 100%;
  }
  .header .navigation .dropdown.show {
    visibility: visible;
  }
  .header .navigation .dropdown.show .dropdown-wrapper {
    animation-delay: 0;
    animation-name: slideopen;
    animation-duration: 0.38s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  .header .navigation .dropdown.show .dropdown-wrapper ul {
    opacity: 1;
    transition: opacity 0.19s cubic-bezier(0.62, 0, 0.8, 0.38);
  }
  .header .navigation .dropdown.show .dropdown-wrapper a.all-articles {
    font-size: 0.8125rem;
    font-weight: 400;
    text-decoration: underline;
    max-width: 30%;
    margin: 0 auto;
  }
  .header .navigation .dropdown.hide {
    transition: visibility 0.01s linear 0.55s;
    visibility: hidden;
  }
  .header .navigation .dropdown.hide .dropdown-wrapper {
    animation-delay: 0;
    animation-name: slideclose;
    animation-duration: 0.19s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  .header .navigation .dropdown.hide .dropdown-wrapper ul {
    opacity: 0;
    transition: opacity 0.1s cubic-bezier(0.2, 0.62, 0.38, 1);
  }
  .header .navigation .dropdown.hide .dropdown-wrapper a.all-articles {
    visibility: hidden;
  }
}
@media (min-width: 1024px) and screen and (-ms-high-contrast: active), (min-width: 1024px) and (-ms-high-contrast: none) {
  .header .navigation .dropdown .dropdown-wrapper {
    top: 0;
  }
}
@media (max-width:  1023px ) {
  .header .navigation .dropdown .sub-menu {
    margin-left: 1rem;
    margin-right: calc(1.625rem * 3);
    padding-left: 1.625rem;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .header .navigation .dropdown .sub-menu {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: center;
    border-bottom: 1px solid #BABABA;
    padding-left: 0;
    margin-bottom: 1.625rem;
    margin-left: calc(1.625rem * 2);
    width: calc(1.625rem * 43);
  }
}
@media (max-width:  1023px ) {
  .header .navigation .dropdown .sub-menu.menu-text li li {
    color: #FFFFFF;
    line-height: 1.4375rem;
    font-size: 0.928rem;
  }
}
.header .navigation .dropdown .sub-menu.menu-text .coming-soon {
  font-size: 0.6875rem;
  display: inline-block;
  color: #FFFFFF;
  padding: 0.2rem 1.625rem;
  border-radius: 3.25rem;
  background-color: #BABABA;
  margin-top: 0.6rem;
}
@media (min-width: 1024px) {
  .header .navigation .dropdown .sub-menu > li {
    flex: 0 0 auto;
    text-align: left;
    padding-right: 1.625rem;
    padding-left: 1.625rem;
    width: calc(1.625rem * 10.55);
  }
  .header .navigation .dropdown .sub-menu > li:last-child {
    padding-right: 0;
  }
}
.header .navigation .dropdown .sub-menu > li .title {
  display: block;
  position: relative;
  margin-bottom: 1.625rem;
  font-weight: 700;
}
@media (max-width:  1023px ) {
  .header .navigation .dropdown .sub-menu > li .title {
    margin-right: 3.25rem;
    margin-bottom: 0.8125rem;
    color: #FFFFFF;
  }
}
.header .navigation .dropdown .sub-menu > li .title small {
  font-size: 1rem;
}
@media (max-width:  1023px ) {
  .header .navigation .dropdown .sub-menu > li .title small {
    font-weight: 300;
  }
}
@media (min-width: 1024px) {
  .header .navigation .dropdown .sub-menu > li .title small {
    display: block;
    position: absolute;
    left: 0;
    bottom: calc(1.625rem * 0.75);
    font-size: 0.8125rem;
    white-space: nowrap;
  }
}
.header .navigation .dropdown .sub-menu > li .title b {
  display: block;
}
@media (max-width:  1023px ) {
  .header .navigation .dropdown .sub-menu > li .title b {
    font-size: 1.285rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .header .navigation .dropdown .sub-menu > li .title b {
    position: relative;
    font-size: 1.125rem;
  }
}
.header .navigation .dropdown .sub-menu > li .title b::after {
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: calc(1.625rem * 0.75 * -1);
  content: "▶";
  font-weight: 400;
  font-size: 1rem;
}
@media (max-width:  1023px ) {
  .header .navigation .dropdown .sub-menu > li .title b::after {
    bottom: 1px;
    font-size: 0.6875rem;
  }
}
.header .navigation .dropdown .sub-menu > li ul {
  margin-bottom: 2.84375rem;
  margin-top: 0;
  padding-left: 0;
}
@media (min-width: 1024px) {
  .header .navigation .dropdown .sub-menu > li ul {
    display: block;
  }
}
.header .navigation .dropdown .sub-menu > li ul li {
  font-size: 0.8125rem;
  font-weight: 400;
  margin-bottom: calc(1.625rem / 4);
}
@media (max-width:  1023px ) {
  .header .navigation .dropdown .sub-menu > li ul a {
    font-size: 0.9375rem;
    line-height: 2.1875rem;
  }
}
.header .hamburger .icon-hamburger {
  height: calc(1.625rem * 1.592);
  fill: #0059A5;
  margin-top: 1.4rem;
  margin-right: 0.85rem;
  stroke-width: 0.125rem;
}
@media (min-width: 1024px) {
  .header .hamburger {
    display: none;
  }
  .header .navigation {
    display: flex;
  }
}
@keyframes slideopen {
  0%,
  80%,
  100% {
    animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1);
  }
  0% {
    top: calc(1.625rem * 14 * -1);
  }
  60% {
    top: 0;
  }
  100% {
    top: calc(1.625rem * -1);
  }
}
@keyframes slideclose {
  0%,
  100% {
    animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1);
  }
  0% {
    top: calc(1.625rem * -1);
  }
  100% {
    top: calc(1.625rem * 18 * -1);
  }
}
/* Localizations */
[class*="lang-ar"] .header .container,
[class*="lang-ar"] .header .hma-logo-link,
[class*="lang-ar"] .header .navigation {
  direction: ltr;
}
@media (min-width: 1024px) {
  .location-bar-on-page .header .dropdown {
    top: calc(5.8825rem);
  }
}
@media (min-width: 1280px) {
  .location-bar-on-page .header .dropdown {
    top: calc(5.8825rem);
  }
}
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #132434;
  opacity: 0.6;
  z-index: 2;
  cursor: pointer;
}
.nav-overlay .overlay {
  display: block;
}
.launcher-hide #launcher {
  display: none;
}
footer {
  padding-top: calc(1.625rem * 4);
}
@media (min-width: 1024px) {
  footer {
    padding-bottom: calc(1.625rem * 5);
  }
}
footer hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
footer hr:nth-of-type(2) {
  display: none;
}
@media (min-width: 1024px) {
  footer hr:nth-of-type(2) {
    display: block;
    margin-top: 1.625rem;
    margin-bottom: calc(1.625rem / 2);
  }
  footer hr:nth-of-type(3) {
    display: none;
  }
}
footer a {
  color: #A2D1F9;
}
@media (min-width: 1024px) {
}
footer .buttons h3 {
  color: #FFFFFF;
}
@media (min-width: 1024px) {
  footer .buttons h3 {
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }
}
footer .buttons h3 a {
  display: block;
}
@media (min-width: 1024px) {
  footer .buttons h3 a {
    display: inline;
    margin-left: calc(1.625rem / 2);
  }
}
footer .buttons > div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
footer .buttons > div:last-child .button {
  margin: 0 auto;
}
footer .buttons > div:last-child .button:nth-of-type(1) {
  margin-bottom: 1.625rem;
}
@media (min-width: 768px) {
  footer .buttons > div:last-child {
    flex-direction: row;
    justify-content: flex-start;
  }
  footer .buttons > div:last-child .button {
    margin: 0;
  }
  footer .buttons > div:last-child .button:nth-of-type(1) {
    margin-bottom: 0;
    margin-right: 1.625rem;
  }
}
@media (min-width: 1024px) {
  footer .buttons > div:last-child {
    justify-content: flex-end;
    align-items: center;
  }
  footer .buttons > div:last-child .button {
    flex: 0 1 auto;
  }
}
footer .buttons .region-selector-button {
  padding-left: calc(1.625rem * 1.7);
}
footer .buttons .region-selector-button::before {
  position: absolute;
  left: calc(1.625rem * 0.5);
  top: calc(50% - 10px);
  display: inline-block;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-image: url(/i/flags/flag-language-button-sprite-v2.png);
  background-repeat: no-repeat;
}
footer .buttons .button.secondary {
  white-space: nowrap;
}
@media (min-width: 1024px) {
  footer .links .col.d-custom {
    flex-basis: 20%;
    max-width: 20%;
  }
}
footer .links h5 {
  color: #FFFFFF;
  margin-bottom: calc(1.625rem * 0.5);
}
footer .links ul {
  padding-bottom: calc(1.625rem * 3);
}
footer .links ul li {
  margin-bottom: 0;
}
footer .links ul li a {
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
footer .copyright p {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.6875rem;
}
footer .copyright .copy {
  display: flex;
  margin-bottom: 0;
  align-items: center;
}
footer .copyright .copy {
  display: flex;
  margin-bottom: 0;
  align-items: center;
}
footer .social-icons .icons-container {
  display: flex;
  justify-content: space-between;
}
footer .social-icons .icons-container a {
  display: block;
  text-align: center;
}
footer .social-icons .icons-container a .ico {
  margin: 0 auto;
  fill: #A2D1F9;
}
footer .social-icons.desktop {
  display: none;
}
@media (min-width: 1024px) {
  footer .social-icons.desktop {
    display: block;
  }
}
footer .social-icons.desktop .icons-container a .ico {
  width: calc(1.625rem * 2);
}
footer .social-icons.mobile {
  display: block;
}
@media (min-width: 1024px) {
  footer .social-icons.mobile {
    display: none;
  }
}
footer .social-icons.mobile .icons-container a {
  width: 25%;
}
footer .social-icons.mobile .icons-container a .ico {
  width: 100%;
}
/* # Language selector

Styles for region selector

 */
/*  ## States  */
/* #### closed */
#lang-selector {
  display: none;
}
/* ## Styling */
#lang-selector {
  /* #### opened */
  /* space between columns in Europe */
  /* rewrites for bottom countries */
}
#lang-selector.open {
  z-index: 1100;
  left: 0;
  width: 100%;
  background-color: #E5F1FF;
}
@media (max-width:  1023px ) {
  #lang-selector.open {
    position: absolute;
    top: 5.8825rem;
    display: block;
  }
}
@media (min-width: 1024px) {
  #lang-selector.open {
    position: fixed;
    top: 0;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
#lang-selector .selector-close {
  position: absolute;
  cursor: pointer;
  text-align: center;
  transition: all 0.4s ease-in-out 0s;
  z-index: 2000;
}
@media (max-width:  1023px ) {
  #lang-selector .selector-close {
    right: calc(1.625rem / 2);
    top: 0;
    height: calc(1.625rem * 3.5);
    width: calc(1.625rem * 3.5);
  }
}
@media (min-width: 1024px) {
  #lang-selector .selector-close {
    right: calc(1.625rem * 2);
    top: calc(1.625rem * 2);
    height: calc(1.625rem * 1.5);
    width: calc(1.625rem * 1.5);
  }
}
#lang-selector .selector-close .icon-close {
  fill: #000000;
  pointer-events: none;
}
#lang-selector h3 {
  color: #000000;
  margin: 0;
  padding: 0 calc(1.625rem * 0.5) calc(1.625rem * 0.5);
  text-transform: uppercase;
}
#lang-selector .selector-block {
  margin: 0 auto;
  position: relative;
}
@media (max-width:  1023px ) {
  #lang-selector .selector-block {
    margin-top: calc(1.625rem * 3);
    margin-bottom: calc(1.625rem * 10);
  }
}
@media (min-width: 1024px) {
  #lang-selector .selector-block {
    display: flex;
    flex-direction: row;
    width: calc(1.625rem * 40);
  }
}
#lang-selector .selector-block .recommended {
  display: none;
}
#lang-selector .rs-region {
  position: relative;
}
@media (min-width: 1024px) {
  #lang-selector .rs-region.america,
  #lang-selector .rs-region.asia {
    width: 25%;
  }
  #lang-selector .rs-region.europe {
    width: 50%;
  }
}
#lang-selector ul {
  padding-bottom: calc(1.625rem * 2);
  margin: 0;
}
#lang-selector ul.other {
  padding-bottom: 0;
}
#lang-selector ul li {
  position: relative;
  list-style: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
@media (max-width:  1023px ) {
  #lang-selector ul li {
    border-bottom: 1px solid #BABABA;
  }
  #lang-selector ul li:nth-of-type(1) {
    border-top: 1px solid #BABABA;
  }
}
#lang-selector ul li:hover a {
  color: #0059A5;
}
#lang-selector ul li a {
  display: block;
  text-align: left;
  padding-left: 4.0625rem;
  line-height: 1.875rem;
  color: #000000;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.8125rem;
}
@media (max-width:  1023px ) {
  #lang-selector ul li a {
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
  }
}
#lang-selector ul li a:before {
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -10px;
}
#lang-selector ul#current-lang {
  color: #FFF;
  text-align: left;
}
#lang-selector ul.possible-lang {
  color: #FFF;
}
@media (min-width: 1024px) {
  #lang-selector ul.possible-lang {
    float: left;
  }
}
#lang-selector ul.possible-lang li a:before {
  content: "";
  width: 30px;
  height: 20px;
  display: inline-block;
  background-color: transparent;
  background-image: url(/i/flags/flag-language-selector-sprite-v10.png);
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  #lang-selector .europe ul.possible-lang.first {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #lang-selector ul.possible-lang.other {
    float: none;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
#lang-selector .rs-region UL LI.highlight A {
  color: #0059A5;
}
/* # Region flags

Flag sprite positions
Used in region selector and footer button

    <a class="nl-be" href="/nl-be/premier">België (Nederlands)</a>

*/
.en-ww:before {
  background-position: 0px 0px !important;
}
.en-us:before,
.es-us:before {
  background-position: 0px -460px !important;
}
.en-eu:before {
  background-position: 0px -180px !important;
}
.en-au:before {
  background-position: 0px -20px !important;
}
.en-gb:before {
  background-position: 0px -440px !important;
}
.en-ca:before,
.fr-ca:before {
  background-position: 0px -80px !important;
}
.en-in:before {
  background-position: 0px -980px !important;
}
.en-nz:before {
  background-position: 0px -1100px !important;
}
.en-za:before {
  background-position: 0px -1120px !important;
}
.en-id:before {
  background-position: 0px -940px !important;
}
.en-my:before {
  background-position: 0px -760px !important;
}
.en-ph:before {
  background-position: 0px -1140px !important;
}
.tl-ph:before {
  background-position: 0px -1140px !important;
}
.en-sg:before {
  background-position: 0px -1180px !important;
}
.el-gr:before {
  background-position: 0px -840px !important;
}
.es-es:before {
  background-position: 0px -140px !important;
}
.es-ww:before {
  background-position: 0px -160px !important;
}
.es-mx:before {
  background-position: 0px -900px !important;
}
.es-cu:before {
  background-position: 0px -1240px !important;
}
.es-co:before {
  background-position: 0px -1260px !important;
}
.fa-ir:before {
  background-position: 0px -1040px !important;
}
.it-it:before {
  background-position: 0px -240px !important;
}
.de-de:before {
  background-position: 0px -220px !important;
}
.pt-br:before {
  background-position: 0px -60px !important;
}
.fr-fr:before {
  background-position: 0px -200px !important;
}
.ja-jp:before {
  background-position: 0px -260px !important;
}
.cs-cz:before {
  background-position: 0px -120px !important;
}
.cs-sk:before {
  background-position: 0px -700px !important;
}
.ru-ru:before {
  background-position: 0px -360px !important;
}
.ru-kz:before {
  background-position: 0px -1160px !important;
}
.pl-pl:before {
  background-position: 0px -320px !important;
}
.tr-tr:before {
  background-position: 0px -420px !important;
}
.ar-ww:before {
  background-position: 0px -920px !important;
}
.ar-sa:before {
  background-position: 0px -1200px !important;
}
.ar-ae:before,
.en-ae:before {
  background-position: 0px -1220px !important;
}
.fr-ch:before,
.de-ch:before {
  background-position: 0px -400px !important;
}
.pt-pt:before {
  background-position: 0px -340px !important;
}
.en-eu:before {
  background-position: 0px -180px !important;
}
.nl-nl:before {
  background-position: 0px -280px !important;
}
.nl-be:before,
.fr-be:before {
  background-position: 0px -40px !important;
}
.no-no:before {
  background-position: 0px -300px !important;
}
.en-il:before,
.he-il:before {
  background-position: 0px -480px !important;
}
.be-by:before {
  background-position: 0px -500px !important;
}
.ur-pk:before {
  background-position: 0px -520px !important;
}
.da-dk:before {
  background-position: 0px -560px !important;
}
.hr-hr:before {
  background-position: 0px -580px !important;
}
.ca-es:before {
  background-position: 0px -600px !important;
}
.bg-bg:before {
  background-position: 0px -620px !important;
}
.vi-vn:before {
  background-position: 0px -640px !important;
}
.uk-ua:before,
.ru-ua:before {
  background-position: 0px -660px !important;
}
.sl-sl:before {
  background-position: 0px -680px !important;
}
.sk-sk:before {
  background-position: 0px -700px !important;
}
.sr-sr:before {
  background-position: 0px -720px !important;
}
.sv-se:before {
  background-position: 0px -380px !important;
}
.ro-ro:before {
  background-position: 0px -740px !important;
}
.ms-my:before {
  background-position: 0px -760px !important;
}
.mk-mk:before {
  background-position: 0px -780px !important;
}
.en-kr:before,
.ko-kr:before {
  background-position: 0px -800px !important;
}
.hu-hu:before {
  background-position: 0px -820px !important;
}
.en-fi:before,
.fi-fi:before {
  background-position: 0px -860px !important;
}
.et-ee:before {
  background-position: 0px -880px !important;
}
.id-id:before {
  background-position: 0px -940px !important;
}
.th-th:before {
  background-position: 0px -960px !important;
}
.es-ar:before {
  background-position: 0px -1060px !important;
}
.es-cl:before {
  background-position: 0px -1080px !important;
}
.zh-cn:before {
  background-position: 0px -100px !important;
}
.zh-tw:before {
  background-position: 0px -540px !important;
}
.hi-in:before {
  background-position: 0px -980px !important;
}
.cookie-bar {
  background: #000000;
  text-align: center;
  z-index: 5000;
  color: #FFFFFF;
  font-size: 0.9375rem;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.cookie-bar a {
  color: #FFFFFF;
}
.cookie-bar.visible {
  max-height: 1000px;
  transition: max-height 1s ease-in-out;
}
@media (max-width:  767px ) {
  .cookie-bar.visible {
    width: 100%;
  }
}
.cookie-bar .container {
  padding: 0 1.625rem;
}
.cookie-bar .content {
  padding-top: 0.8125rem;
}
@media (max-width:  767px ) {
  .cookie-bar .content {
    padding-bottom: 3.25rem;
  }
}
@media (min-width: 768px) {
  .cookie-bar .content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    text-align: center;
    padding-bottom: 0.8125rem;
  }
}
.cookie-bar .close {
  cursor: pointer;
}
@media (max-width:  767px ) {
  .cookie-bar .close {
    display: block;
    text-align: right;
  }
}
@media (min-width: 768px) {
  .cookie-bar .close {
    width: 4.875rem;
    vertical-align: middle;
  }
}
.cookie-bar .close svg use {
  fill: #FFFFFF;
}
.cookie-bar .close .label {
  display: none;
}
@media (max-width:  767px ) {
  .cookie-bar .close .label {
    display: inline-block;
  }
}
.cookie-bar .close .icon-container {
  display: inline-block;
  width: 3.25rem;
  height: 3.25rem;
  margin-left: -0.73125rem;
  vertical-align: middle;
}
.cookie-bar p {
  flex: 1;
  margin: auto;
  padding: 0 1.625rem;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .cookie-bar p {
    padding: 0 6.5rem;
  }
}
/* ### Actionbox styles  */
@media (max-width:  1023px ) {
  .actionbox .options {
    margin: 3.25rem -1.625rem;
  }
  .actionbox .box {
    position: relative;
    margin-bottom: 0.8125rem;
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
    padding: 4.0625rem 1.625rem 2.4375rem;
  }
  .actionbox .box p {
    margin-bottom: 0;
  }
  .actionbox .box .plan {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: bold;
    padding-right: 8.125rem;
  }
  .actionbox .box .save {
    position: absolute;
    top: 0;
    right: 1.625rem;
    background-color: #132434;
    color: #FECB2F;
    font-weight: bold;
    padding: 0.8125rem 1.625rem;
    text-transform: uppercase;
  }
  .actionbox .box .price {
    position: absolute;
    top: 4.875rem;
    right: 1.625rem;
  }
  .actionbox .box .price .value {
    font-size: 2.1875rem;
    font-weight: 700;
  }
  .actionbox .box .price .period {
    position: absolute;
    right: 0;
    bottom: -1.21875rem;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #BABABA;
  }
  .actionbox .box .prepaid .list {
    color: #0059A5;
    text-decoration: line-through;
    margin-right: 0.40625rem;
  }
  .actionbox .box .prepaid .street {
    color: #0059A5;
    font-weight: 700;
  }
  .actionbox .box .prepaid .text {
    display: block;
  }
  .actionbox .box .button {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 0;
    text-indent: 9000px;
    color: transparent;
    border-bottom: none;
    padding: 0;
  }
}
@media (max-width:  1023px ) and (min-width: 480px) {
  .actionbox .options {
    margin: 3.25rem 0;
  }
}
@media (max-width:  1023px ) and (min-width: 480px) {
  .actionbox .box {
    padding: 2.4375rem 1.625rem;
  }
}
@media (min-width: 1024px) {
  .actionbox .options,
  .actionbox .payment {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  .actionbox .options {
    margin: 3.25rem auto 1.625rem;
    padding: 1.625rem 0;
    background-clip: content-box;
    background-color: #FFFFFF;
  }
  .actionbox .box {
    min-height: 21.125rem;
    position: relative;
    text-align: center;
  }
  .actionbox .box .plan {
    font-weight: bold;
    font-size: 0.9375rem;
    margin-bottom: 0.8125rem;
  }
  .actionbox .box .save {
    font-size: 1.5625rem;
    color: #0059A5;
    font-weight: bold;
  }
  .actionbox .box .price {
    font-weight: bold;
    margin-bottom: 1.625rem;
  }
  .actionbox .box .price .value {
    font-size: 2.5rem;
  }
  .actionbox .box .price .period {
    font-size: 0.8125rem;
    color: #BABABA;
  }
  .actionbox .box .cta,
  .actionbox .box .prepaid {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .actionbox .box .cta {
    bottom: 1.625rem;
  }
  .actionbox .box .prepaid {
    bottom: 1.625rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: 400;
  }
  .actionbox .box .prepaid .list {
    margin-right: 0.40625rem;
    text-decoration: line-through;
  }
  .actionbox .box .prepaid .street {
    color: #0059A5;
    font-weight: bold;
  }
  .actionbox .box .prepaid .text {
    display: block;
  }
  .actionbox .box.left,
  .actionbox .box.right {
    color: #000000;
    padding: 1.625rem 1.625rem 9.75rem;
  }
  .actionbox .box.right .prepaid .text {
    display: block;
  }
  .actionbox .box.right:before {
    position: absolute;
    top: 0;
    left: -3.25rem;
    height: 100%;
    width: 4.0625rem;
    content: "";
    background: linear-gradient(to bottom, #F4F8FA 0%, #D0E0EC 100%);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
  }
  .actionbox .box.main {
    z-index: 10;
    background-color: #132434;
    color: #FFFFFF;
    margin: -1.625rem;
    padding: 3.25rem 1.625rem 11.375rem;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
  }
  .actionbox .box.main .price .value {
    font-size: 3.5rem;
  }
  .actionbox .box.main .save {
    color: #FECB2F;
    font-size: 2.1875rem;
    line-height: 2.1875rem;
  }
  .actionbox .box.main .cta {
    bottom: 3.25rem;
  }
  .actionbox .box.main .prepaid {
    bottom: 1.625rem;
  }
  .actionbox .box.main .prepaid .street {
    color: #FECB2F;
  }
  .actionbox .box.main .prepaid .text {
    display: block;
  }
}
.trial {
  margin-bottom: 3.25rem;
}
@media (min-width: 1024px) {
  .trial a {
    color: #FFFFFF;
  }
}
@media (max-width:  1023px ) {
  .payment {
    display: flex;
    flex-direction: column;
    margin: 0 -1.625rem;
  }
  .payment > div {
    padding-bottom: 1.625rem;
  }
  .payment > div p {
    text-align: center;
  }
  .payment > div.safe {
    display: none;
  }
  .payment > div.methods {
    order: 1;
  }
  .payment > div.methods p {
    margin-bottom: 0.40625rem;
  }
  .payment > div.plan.mobile {
    order: 2;
  }
  .payment > div.plan.mobile p {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .payment > div.plan.mobile p a {
    display: block;
    padding: 1.625rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #0059A5;
    font-size: 1.25rem;
    text-decoration: none;
  }
  .payment > div.plan.desktop {
    display: none;
  }
}
@media (max-width:  1023px ) and (min-width: 480px) {
  .payment {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .payment {
    margin: 3.25rem auto 0;
    padding: 1.625rem 0;
  }
  .payment > div {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
  }
  .payment > div p {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: #FFFFFF;
  }
  .payment > div p a {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .payment > div.plan.mobile {
    display: none;
  }
  .payment > div.methods {
    padding: 0 1.625rem;
  }
  .payment > div.methods p {
    margin-bottom: 0.40625rem;
  }
  .payment > div.methods img {
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .actionbox.consumer .box.right::before {
    left: calc(1.625rem * -1);
  }
  .actionbox.consumer .left,
  .actionbox.consumer .right {
    width: 30%;
  }
  .actionbox.consumer .main {
    width: 40%;
  }
}
@media (min-width: 1280px) {
  .actionbox.consumer .options,
  .actionbox.consumer .payment {
    width: 80%;
  }
}
@media (min-width: 1280px) {
  [class*="lang-fr"] .actionbox.consumer .options,
  [class*="lang-fr"] .actionbox.consumer .payment {
    width: 100%;
  }
}
@media (min-width: 768px) {
  [class*="lang-es"] .actionbox.consumer .button.primary {
    padding-left: 0.8125rem;
    padding-right: 0.8125rem;
  }
}
@media (min-width: 1024px) {
  .actionbox.business .licenses {
    width: 40%;
  }
  .actionbox.business .options {
    width: 60%;
  }
  .actionbox.business .main {
    width: 60%;
  }
  .actionbox.business .right {
    width: 40%;
  }
}
@media (min-width: 1280px) {
  .actionbox.business .payment {
    width: 80%;
  }
}
.actionbox.business .licenses {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 3.25rem auto 0;
}
.actionbox.business .licenses a {
  position: relative;
  will-change: transform;
  transition: transform 0.19s cubic-bezier(0.2, 0.62, 0.38, 1);
  text-decoration: none;
}
.actionbox.business .licenses a p {
  margin: 0 0.8125rem;
  padding: 2.4375rem 1.625rem;
  color: #000000;
  background-color: #FFFFFF;
  font-weight: 700;
  line-height: 1.25rem;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
}
.actionbox.business .licenses a::before {
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 14px 0;
  border-color: #FFFFFF transparent transparent transparent;
}
.actionbox.business .licenses a:nth-of-type(4)::before {
  display: none;
}
.actionbox.business .licenses a.active,
.actionbox.business .licenses a:hover {
  transform: scale(1.1);
}
.actionbox.business .licenses a.active p {
  color: #FFFFFF;
  background-color: #132434;
}
.actionbox.business .licenses a.active::before {
  border-color: #132434 transparent transparent transparent;
}
.actionbox.business .licenses a span {
  display: block;
  font-size: 1.5625rem;
  font-weight: bold;
  margin-bottom: 0.8125rem;
}
@media (min-width: 1024px) {
  [class*="lang-es"] .actionbox.business .right {
    width: 60%;
  }
}
/* ### Specific */
.hero {
  position: relative;
  min-height: calc(100vh - (5.8825rem + 4.0625rem / 2));
  background-color: #0059A5;
  background-repeat: no-repeat;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  color: #FFFFFF;
  overflow: hidden;
  /* text below CTA, usually price */
  /*bottom text */
}
.hero:last-of-type {
  background-position: center top;
}
.hero .hero-content {
  position: relative;
  z-index: 1;
}
.hero .hero-footer {
  align-self: flex-end;
  color: #FFFFFF;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.625rem 0 2.4375rem;
  text-align: center;
  animation-delay: 2.66s;
}
.hero h1 > :last-child {
  margin-bottom: 0;
}
.hero .sub-title,
.hero .sup-title,
.hero .title {
  display: block;
  font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
  color: #FFFFFF;
}
.hero .title {
  font-size: 2.1875rem;
  line-height: 2.9375rem;
  margin-bottom: 0.8125rem;
  animation-delay: 0.76s;
}
.hero .sup-title,
.hero .sub-title {
  font-size: 1.125rem;
  line-height: 1.625rem;
}
.hero .sup-title {
  margin-bottom: 0.8125rem;
  animation-delay: 1.14s;
}
.hero .sub-title {
  margin-bottom: 3.25rem;
  animation-delay: 1.52s;
}
.hero .hero-text-between {
  font-size: 1.25rem;
  line-height: 2rem;
  animation-delay: 2.66s;
}
.hero .button-container {
  margin-bottom: 1.625rem;
  animation-delay: 0.76s;
}
.hero .text-below-button {
  font-weight: bold;
  margin-top: -0.8125rem;
}
.hero .text-below-button a {
  color: #FFFFFF;
  text-decoration: none;
}
.hero .text-below-button a:hover {
  text-decoration: underline;
}
.hero .hero-text-bottom {
  text-align: center;
  padding-top: 3.25rem;
  animation-delay: 3.8s;
}
.hero-illustration {
  background-size: contain;
  background-repeat: no-repeat;
  will-change: transform;
}
.hero-illustration.parallax-layer.planet,
.hero-illustration.planet {
  background-size: 100% auto;
  background-position: center bottom;
  background-image: url(/i/backgrounds/hma-world-transparent.svg);
}
.hero-illustration.parallax-layer.planet-upsidedown,
.hero-illustration.planet-upsidedown {
  background-image: url("/i/backgrounds/hma-world-transparent.svg");
  background-size: 100% auto;
  background-position: center bottom;
  transform: scaleY(-1);
}
@media (max-width:  767px ) {
  .hero .container {
    padding: 3.25rem 0.8125rem 1.625rem;
  }
}
@media (min-width: 768px) {
  .hero .title {
    font-size: 2.1875rem;
    line-height: 2.1875rem;
  }
}
@media (min-width: 1024px) {
  .hero {
    justify-content: center;
  }
  .hero .title {
    font-size: 3.5rem;
    line-height: 4.5rem;
    margin-bottom: 0.40625rem;
  }
  .hero .sup-title {
    margin-bottom: 0.40625rem;
  }
  .hero .sup-title,
  .hero .sub-title {
    font-size: 1.5625rem;
    line-height: 2rem;
  }
}
/* hero short version */
.hero-short {
  min-height: 26rem;
  padding-bottom: 0;
}
.hero-short .title {
  font-size: 2.5rem;
  text-transform: none;
}
.hero-short .hero-illustration.earth {
  background-position: bottom 30% center;
}
.hero-short .hero-illustration.peekinghat {
  background-image: url("/i/illustrations/comic-stripes/comic-iwantyou.svg");
  background-position: center 20rem;
  background-size: 26rem;
  background-repeat: no-repeat;
}
/* hero mid version */
.hero-mid {
  min-height: 35.75rem;
  height: 42.65625vw;
  padding-bottom: 0;
}
.hero-index {
  display: block;
}
.hero-index .title {
  margin-bottom: 1.21875rem;
}
.hero-index .sub-title {
  margin-bottom: 1.625rem;
}
.hero-index .hero-illustration.light-circle {
  background-size: 58%;
  background-position: center bottom;
  background-image: url('/i/backgrounds/hma-hero-homepage-light-circle-gradient.svg');
}
.hero-index .hero-illustration.jack-redesign {
  background-size: auto 40%;
  background-position: center calc(100% - 4.46875rem);
  background-image: url('/i/illustrations/hero/hma-hero-homepage-jack-glasses.svg');
}
@media (max-height: 600px) {
  .hero-index .hero-illustration.jack-redesign {
    display: none;
  }
}
@media (min-width: 768px) {
  .hero-index .hero-illustration.jack-redesign {
    background-size: auto 45%;
  }
}
.hero-index .feature-stripe {
  background: #FFFFFF;
  border-bottom: 1px solid #A2D1F9;
  bottom: 0;
  color: #0F3464;
  display: flex;
  justify-content: center;
  min-height: 4.46875rem;
  position: absolute;
  width: 100%;
}
.hero-index .feature-stripe .wrap {
  display: flex;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
  position: absolute;
  width: 74.75rem;
}
@media (max-width:  1023px ) {
  .hero-index .feature-stripe .wrap {
    width: 100vw;
  }
}
.hero-index .feature-stripe .feature {
  border-right: 1px solid #A2D1F9;
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 1.4375rem;
  flex-grow: 1;
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width:  1023px ) {
  .hero-index .feature-stripe .feature {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.hero-index .feature-stripe .feature:nth-child(1) {
  border-left: 1px solid #A2D1F9;
}
.hero-index .feature-stripe .feature .ico {
  left: -10px;
  position: relative;
  top: 3px;
}
.hero-index .feature-stripe .feature .img {
  fill: #0F3464;
  width: 22px;
}
@media (min-width: 768px) {
  .hero-index .container {
    padding: 3.25rem 1.625rem;
  }
}
@media (min-width: 1024px) {
  .hero-index .container {
    padding: 1.625rem;
  }
  .hero-index .hero-content {
    min-height: calc((100vh - (5.8825rem + 4.0625rem / 2)) / 2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .hero-index .title {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
}
[class*="lang-es"] .hero-index .feature-stripe .feature,
.lang-it-it .hero-index .feature-stripe .feature {
  font-size: 0.6875rem;
}
@media (max-width:  1023px ) {
  [class*="lang-es"] .hero-index .feature-stripe {
    min-height: 168px;
  }
}
@media (max-width:  1023px ) {
  [class*="lang-es"] .hero-index .hero-illustration.jack-redesign {
    background-position: center calc(100% - 166px);
  }
}
@media (max-width:  1023px ) {
  .lang-it-it .hero-index .feature-stripe,
  [class*="lang-ar"] .hero-index .feature-stripe {
    min-height: 138px;
  }
}
@media (max-width:  1023px ) {
  .lang-it-it .hero-index .hero-illustration.jack-redesign,
  [class*="lang-ar"] .hero-index .hero-illustration.jack-redesign {
    background-position: center calc(100% - 136px);
  }
}
[class*="lang-ar"] .hero-index .feature-stripe .feature .ico {
  left: 10px;
}
.hero-index-campaign .wrap-buttons {
  position: relative;
}
.hero-index-campaign .wrap-buttons a {
  text-decoration: none;
}
.hero-index-campaign .hero-illustration.jack-sale {
  background-size: 100% auto;
  background-position: center bottom;
  background-image: url('/i/backgrounds/hma-hero-homepage-jack-sale.svg');
}
.hero-index-campaign .hero-bubble {
  background-image: url('/i/svgs/hero-bubble.svg');
}
.hero-index-campaign .hero-bubble .comic-bubble-text {
  color: #FFFFFF;
}
.hero-index-campaign .hero-bubble.comic-bubble {
  position: relative;
  font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: 1.5625rem;
  padding: 1.625rem;
}
.hero-index-campaign .hero-bubble.comic-bubble span:first-of-type {
  display: block;
  margin-bottom: 0.54166667rem;
}
.hero-index-campaign .hero-bubble.comic-bubble {
  margin-top: 16.25rem;
  padding: 2.4375rem 0 1.625rem;
}
.hero-index-campaign .hero-bubble.comic-bubble span:first-of-type {
  font-size: 1.125rem;
  font-weight: normal;
}
.hero-index-campaign .hero-illustration.jack-sale {
  background-size: auto 70%;
}
@media (min-width: 480px) {
  .hero-index-campaign .hero-content {
    margin-top: 0;
  }
  .hero-index-campaign .hero-content {
    margin-top: -3.25rem;
  }
  .hero-index-campaign .hero-homepage .hero-illustration.jack-sale {
    background-size: auto 80%;
  }
}
@media (min-width: 768px) {
  .hero-index-campaign .hero-bubble.comic-bubble {
    font-size: 2.1875rem;
    padding: 4.0625rem;
  }
  .hero-index-campaign .hero-bubble.comic-bubble span:first-of-type {
    margin-bottom: 0.8125rem;
  }
  .hero-index-campaign .hero-bubble.comic-bubble {
    padding: 2.4375rem;
  }
  .hero-index-campaign .hero-bubble.comic-bubble span:first-of-type {
    margin-bottom: 0.54166667rem;
    margin-top: 0.8125rem;
  }
  .hero-index-campaign .hero-bubble.comic-bubble {
    margin: 6.5rem 0 1.625rem;
  }
}
@media (min-width: 1024px) {
  .hero-index-campaign .title {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
  .hero-index-campaign .hero-bubble.comic-bubble {
    margin: 13rem 0 3.25rem;
  }
  .hero-index-campaign .hero-illustration.jack-sale {
    background-size: auto 70%;
  }
}
@media (max-width:  767px ) {
  .hero-index-campaign {
    min-height: auto;
  }
}
@media (min-width: 1024px) and (max-height: 1000px) {
  .hero-index-campaign .hero-bubble.comic-bubble {
    margin: 6.5rem 0 0;
  }
}
@media (min-width: 768px) and (max-width:  1023px ) {
  .hero-index-campaign .hero-bubble.comic-bubble {
    margin: 13rem 0 1.625rem;
  }
}
@media (max-height: 1000px) {
  .hero-index-campaign .hero-content {
    margin-top: 0;
  }
}
.hero-affiliates {
  justify-content: center;
  padding: 3.25rem 0;
}
.hero-affiliates .container {
  padding: 0 1.625rem 3.25rem;
}
.hero-affiliates .title {
  font-size: 2.1875rem;
  line-height: 2.9375rem;
}
.hero-affiliates .title span {
  color: #FECB2F;
}
.hero-affiliates ul {
  color: #E5F1FF;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 400;
}
.hero-affiliates .button {
  margin-bottom: 2.4375rem;
}
.hero-affiliates .hero-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1.625rem;
}
.hero-affiliates .offer-box {
  background: #132434;
  background: rgba(19, 36, 52, 0.5);
  text-align: center;
  height: 100%;
  margin-bottom: 1.625rem;
  max-width: 27.625rem;
  margin-left: auto;
  margin-right: auto;
}
.hero-affiliates .offer-top {
  background: #DFA901;
  padding: 0.54166667rem;
  color: #522E00;
  font-size: 0.8125rem;
  font-weight: 700;
}
.hero-affiliates .old-price {
  display: block;
  font-size: 2.1875rem;
  margin-top: 1.625rem;
  text-decoration: line-through;
}
.hero-affiliates .new-price {
  margin: 1.625rem 0;
  font-weight: 700;
}
.hero-affiliates .new-price span {
  display: block;
}
.hero-affiliates .new-price .new-price-number {
  font-size: 4.875rem;
  line-height: 5.6875rem;
}
.hero-affiliates .new-price .new-price-freq {
  font-size: 1.25rem;
  text-transform: uppercase;
}
.hero-affiliates .hero-illustration {
  background-size: contain;
  background-repeat: no-repeat;
  will-change: transform;
}
.hero-affiliates .hero-illustration.planet {
  background-size: 100% auto;
  background-position: center bottom;
  background-image: url(/i/backgrounds/hma-world-transparent.svg);
}
@media (min-width: 768px) {
  .hero-affiliates .hero-content {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .hero-affiliates .title {
    font-size: 3.125rem;
    line-height: 3.75rem;
    margin-bottom: 1.625rem;
  }
  .hero-affiliates .old-price {
    margin: 1.625rem 0;
  }
  .hero-affiliates .new-price {
    margin: 3.25rem 0;
  }
  .hero-affiliates .button {
    margin-bottom: 4.875rem;
  }
}
.accordion-item {
  position: relative;
  margin-bottom: 1px;
  padding: 1.625rem;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #E5F1FF;
}
.accordion-item input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.accordion-item label {
  position: relative;
  display: block;
  padding: 0 0 0 0;
  font-size: 0.9375rem;
  line-height: 1.625rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #0059A5;
  cursor: pointer;
}
.accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.38s;
}
.accordion-item .accordion-content > *:first-child {
  margin-top: 1.625rem;
}
.accordion-item .accordion-content ol {
  text-align: left;
}
.accordion-item .accordion-content ol,
.accordion-item .accordion-content ul,
.accordion-item .accordion-content p {
  padding: 0 1.625rem;
}
.accordion-item input:checked ~ .accordion-content {
  max-height: 130rem;
}
.accordion-item [type=checkbox]:checked ~ label {
  color: inherit;
}
.accordion-item .accordion-close {
  display: block;
  width: 3.25rem;
  height: 3.25rem;
  margin: auto;
}
.accordion-item .accordion-close svg {
  fill: #0059A5;
}
.carousel {
  /* Version 1 */
  /* Version 2 */
  /* Version 3 */
  /* Version 4 */
  /* Bullets */
  /* /Bullets */
}
@media (max-width:  767px ) {
  .carousel {
    overflow: hidden;
    margin-left: -1.625rem;
    margin-right: -1.625rem;
  }
}
.carousel .hide {
  display: none !important;
}
.carousel .carousel-controls {
  position: relative;
}
.carousel .arrow {
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 0 1.625rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  height: 3.25rem;
  line-height: 3.25rem;
  position: absolute;
  width: 3.25rem;
}
.carousel .arrow:before,
.carousel .arrow:after {
  content: "";
  display: block;
  position: absolute;
  width: 0.65rem;
  height: 0.65rem;
  top: 50%;
}
.carousel .arrow:before {
  border-left: 2px solid #0059A5;
}
.carousel .arrow:after {
  border-right: 2px solid #0059A5;
}
.carousel .arrow-prev {
  left: 0;
  transform: rotate(-90deg);
}
@media (min-width: 768px) {
  .carousel .arrow-prev {
    left: -1.625rem;
  }
}
@media (min-width: 1024px) {
  .carousel .arrow-prev {
    left: -3.25rem;
  }
}
.carousel .arrow-prev:before,
.carousel .arrow-prev:after {
  left: 50%;
}
.carousel .arrow-prev:before {
  transform: translate(-50%, -35%) rotate(45deg);
}
.carousel .arrow-prev:after {
  transform: translate(-50%, -35%) rotate(-45deg);
}
.carousel .arrow-next {
  right: 0;
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .carousel .arrow-next {
    right: -1.625rem;
  }
}
@media (min-width: 1024px) {
  .carousel .arrow-next {
    right: -3.25rem;
  }
}
.carousel .arrow-next:before,
.carousel .arrow-next:after {
  left: 50%;
}
.carousel .arrow-next:before {
  transform: translate(-50%, -35%) rotate(45deg);
}
.carousel .arrow-next:after {
  transform: translate(-50%, -35%) rotate(-45deg);
}
.carousel .row {
  margin-bottom: 0;
}
.carousel.v1 .row,
.carousel.v2 .row,
.carousel.v3 .row,
.carousel.v4 .row {
  flex-wrap: nowrap;
}
.carousel.v1 .items,
.carousel.v2 .items,
.carousel.v3 .items,
.carousel.v4 .items {
  transition-timing-function: cubic-bezier(0.62, 0.05, 0.38, 1);
  transition-duration: 0.62s;
  will-change: transform;
}
.carousel.v1 .item,
.carousel.v2 .item,
.carousel.v3 .item,
.carousel.v4 .item {
  opacity: 0.25;
  transition: 0.38s;
}
.carousel.v1 .item.active,
.carousel.v2 .item.active,
.carousel.v3 .item.active,
.carousel.v4 .item.active {
  opacity: 1;
}
@media (min-width: 1024px) {
  .carousel.v5 .carousel-controls {
    display: none;
  }
}
@media (max-width:  767px ) {
  .carousel.v5 .row {
    flex-wrap: nowrap;
  }
  .carousel.v5 .carousel-controls {
    position: relative;
  }
  .carousel.v5 .item {
    opacity: 0.25;
    transition: 0.38s;
  }
  .carousel.v5 .item.active {
    opacity: 1;
  }
  .carousel.v5 .items {
    transition-timing-function: cubic-bezier(0.62, 0.05, 0.38, 1);
    transition-duration: 0.62s;
    will-change: transform;
  }
}
.carousel.v1 {
  text-align: left;
}
.carousel.v1 .item {
  display: flex;
  position: relative;
  margin-bottom: 0;
}
.carousel.v1 .arrow {
  top: -130px;
}
.carousel.v1 h5,
.carousel.v1 p {
  font-size: 1rem;
}
.carousel.v1 h5,
.carousel.v1 a {
  text-transform: uppercase;
}
.carousel.v1 a {
  text-decoration: none;
}
.carousel.v1 .wrap {
  flex-direction: column;
  padding: 0 4.875rem 1.625rem;
  position: relative;
}
@media (min-width: 768px) {
  .carousel.v1 .wrap {
    padding: 0 1.625rem 1.625rem;
  }
}
.carousel.v1 .wrap h5 {
  padding-bottom: 0.8125rem;
}
.carousel.v1 .wrap svg {
  max-width: 2.4375rem;
  padding-bottom: 2.4375rem;
}
.carousel.v1 a {
  bottom: 0;
  font-size: 0.9375rem;
  position: absolute;
  width: 100%;
}
.carousel.v1 .wrap :after {
  border-right: 2px solid #FFFFFF;
}
.carousel.v1 .wrap h5,
.carousel.v1 .wrap a {
  color: #0059A5;
}
.carousel.v1 .wrap p {
  color: #132434;
}
.carousel.v1 .wrap svg {
  fill: #0059A5;
}
.carousel.v1 li::after {
  content: "";
  position: absolute;
  top: 4.875rem;
  right: 0;
  width: 1px;
  height: calc(100% - (1.625rem * 3));
  background-color: #BABABA;
}
.carousel.v1 li:last-child::after {
  display: none;
}
.carousel.v2 .item {
  background: #0059A5;
  clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
}
@media (min-width: 1024px) {
  .carousel.v2 .item {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.carousel.v2 .item:first-child {
  clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
}
.carousel.v2 .item:nth-child(even) {
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
  padding-top: 20px;
  margin: -20px 0;
}
.carousel.v2 .arrow {
  top: -260px;
}
.carousel.v2 .wrap {
  padding: 50px 0;
}
.carousel.v2 h5,
.carousel.v2 p {
  color: #FFFFFF;
}
.carousel.v2 h5 {
  font-size: 1rem;
  text-transform: uppercase;
  padding-bottom: 1.625rem;
}
.carousel.v2 svg {
  fill: #FFFFFF;
  max-width: 40px;
  opacity: 0.75;
  padding-bottom: 1.625rem;
}
.carousel.v3 {
  margin-top: 4.875rem;
}
.carousel.v3 .item-title {
  min-height: 60px;
}
.carousel.v3 .items {
  display: flex;
}
.carousel.v3 .item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.carousel.v3 .item .wrap {
  margin: 0 auto;
  position: relative;
}
.carousel.v3 .arrow {
  top: -340px;
}
.carousel.v3 .svg-box {
  height: 195px;
  background-color: #0059A5;
  clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0 100%);
}
.carousel.v3 h5 {
  color: #132434;
  font-size: 0.9375rem;
  padding-left: 40px;
  text-transform: uppercase;
  text-align: left;
}
.carousel.v3 .box {
  flex: 1;
  background: #FFFFFF;
  padding: 1.625rem 1.625rem 2.4375rem;
  position: relative;
  top: -3.25rem;
  margin-bottom: -3.25rem;
  margin-left: 1.625rem;
  margin-right: 1.625rem;
}
.carousel.v3 .box P {
  color: #132434;
  font-size: 1rem;
  text-align: left;
}
.carousel.v3 .box a {
  bottom: 1.625rem;
  color: #0059A5;
  font-size: 0.8125rem;
  left: 1.625rem;
  position: absolute;
  text-decoration: underline;
}
.carousel.v4 .carousel-controls {
  bottom: 60px;
}
@media (min-width: 1024px) {
  .carousel.v4 .carousel-controls {
    display: none;
  }
}
@media (min-width: 0) {
  .carousel.v4 .wrap {
    padding-bottom: 3.25rem;
  }
}
.carousel.v4 .wrap P {
  color: #FFFFFF;
  font-size: 1rem;
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
}
.carousel.v4 .wrap H5 {
  font-size: 1rem;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-bottom: 1.625rem;
}
.carousel.v4 .wrap .number-icon {
  padding-bottom: 1.625rem;
}
.carousel.v4 .wrap .number-icon SPAN {
  border-radius: 50%;
  width: 3.25rem;
  height: 3.25rem;
  display: block;
  background: #00427B;
  margin: 0 auto;
}
.carousel.v4 .wrap .number-icon SPAN h5 {
  font-family: Avengeance Mightiest Avenger, Impact, Helvetica, Verdana, sans-serif;
  line-height: 3.25rem;
  color: #FFFFFF;
}
.carousel .bullets {
  text-align: center;
}
.carousel .bullet {
  background-color: #529CDC;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin: 0 15px;
  width: 15px;
}
.carousel .bullet.active {
  background-color: #E5F1FF;
}
.carousel.v1a .bullet,
.carousel.v1b .bullet {
  background-color: #00427B;
}
.carousel.v1a .bullet.active,
.carousel.v1b .bullet.active {
  background-color: #A2D1F9;
}
.carousel.v2 .bullet,
.carousel.v3 .bullet {
  background-color: #A2D1F9;
}
.carousel.v2 .bullet.active,
.carousel.v3 .bullet.active {
  background-color: #00427B;
}
.carousel.v4 .bullet {
  background-color: #00427B;
}
.carousel.v4 .bullet.active {
  background-color: #132434;
}
.carousel.v5 .bullet {
  background-color: #A2D1F9;
}
.carousel.v5 .bullet.active {
  background-color: #132434;
}
.carousel-v6 {
  background: linear-gradient(to right, #014988 0%, #014988 50%, #0F3464 50%, #0F3464 100%);
  position: relative;
}
@media (max-width:  1023px ) {
  .carousel-v6 {
    background: #014988;
  }
}
.carousel-v6 a {
  color: #FFFFFF;
}
.carousel-v6 .title,
.carousel-v6 .sub-title {
  color: #FFFFFF;
  text-align: left;
}
@media (max-width:  1023px ) {
  .carousel-v6 .title,
  .carousel-v6 .sub-title {
    text-align: center;
  }
}
.carousel-v6 .sub-title {
  color: #C1E2FF;
  margin-bottom: calc(1.625rem * 2);
}
@media (max-width:  1023px ) {
  .carousel-v6 .row {
    flex-direction: column-reverse;
  }
}
.carousel-v6 .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-height: calc(1.625rem * 22);
}
@media (max-width:  1023px ) {
  .carousel-v6 .col {
    min-height: calc(1.625rem * 10);
  }
}
.carousel-v6 .col.light {
  background: radial-gradient(50% 50% at center, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
}
@media (max-width:  1023px ) {
  .carousel-v6 .col.light {
    background: radial-gradient(50% 40% at center, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
  }
}
.carousel-v6 .content {
  max-width: calc(1.625rem * 15.84615385);
}
@media (max-width:  1023px ) {
  .carousel-v6 .content {
    margin-left: auto;
    margin-right: auto;
  }
}
.carousel-v6 .bullets {
  bottom: 9rem;
  left: 3.5625rem;
  position: absolute;
}
@media (max-width:  1023px ) {
  .carousel-v6 .bullets {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.carousel-v6 .bullet {
  background-color: #005298;
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 9px;
  margin-right: 20px;
  width: 9px;
}
.carousel-v6 .bullet.active {
  background-color: #C1E2FF;
}
.carousel-v6 .img {
  align-self: center;
  display: block;
  object-fit: contain;
}
.carousel-v6 .arrow {
  background-color: #E5F1FF;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
  top: 50%;
  width: 50px;
}
@media (max-width:  1023px ) {
  .carousel-v6 .arrow {
    display: none;
  }
}
.carousel-v6 .arrow:before {
  border: 2px solid #0059A5;
  border-bottom: none;
  border-left: none;
  content: '';
  display: block;
  height: 10px;
  left: 18px;
  position: relative;
  top: 20px;
  transform: rotate(45deg);
  width: 10px;
}
.carousel-v6 .carousel-item {
  position: absolute;
  top: 1.625rem;
  left: 1.625rem;
  right: 1.625rem;
  bottom: 1.625rem;
  padding: 1.625rem;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  will-change: opacity, transform;
  transition: opacity 0.38s cubic-bezier(0.2, 0.62, 0.38, 1), transform 0.38s cubic-bezier(0.2, 0.62, 0.38, 1);
}
.carousel-v6 .carousel-item.content {
  transition-delay: 0.29s;
}
.carousel-v6 .carousel-item.content.previous {
  transition-delay: 0;
}
.carousel-v6 .carousel-item.illustration {
  transition-delay: 0.39s;
}
.carousel-v6 .carousel-item.illustration.previous {
  transition-delay: 0.1s;
}
.carousel-v6 .carousel-item.active {
  opacity: 1;
  pointer-events: initial;
}
.carousel-v6 .carousel-item.previous {
  opacity: 0;
  transform: translate3d(-3rem, 0, 0);
  transition: opacity 0.19s cubic-bezier(0.62, 0, 0.8, 0.38), transform 0.19s cubic-bezier(0.62, 0, 0.8, 0.38);
}
.carousel-v6 .carousel-item.next {
  opacity: 0;
  transform: translate3d(calc(1.625rem * 4), 0, 0);
}
.claim {
  text-align: center;
  padding-bottom: 3.25rem;
}
@media (min-width: 1024px) {
  .claim .claim-title {
    font-size: 2.1875rem;
  }
}
.claim h2 {
  margin-bottom: 4.875rem;
}
.claim h2:after {
  display: block;
  content: "";
  position: relative;
  bottom: -2.4375rem;
  background-color: #000000;
  left: 50%;
  transform: translateX(-50%);
  width: 2.4375rem;
  height: 3px;
}
.claim p {
  margin-left: auto;
  margin-right: auto;
  max-width: 42.25rem;
}
.claim .button {
  margin-top: 3.25rem;
}
/* Violations */
.claim.learn-more {
  padding-bottom: 16.25rem;
}
.comic-strips {
  margin-left: -1.625rem;
}
.comic-strips h4 {
  color: #FFFFFF;
}
.comic-strips .hide-for-mobile {
  display: none;
}
.comic-strip {
  position: relative;
  display: flex;
  flex-flow: column-reverse;
  width: 100vw;
  margin: auto;
  color: #FFFFFF;
  text-align: center;
}
.comic-strip-1 {
  background-color: #0059A5;
}
.comic-strip-1 .comic-strip-mobile-bg {
  fill: #0059A5;
}
.comic-strip-2 {
  flex-flow: column;
  background-color: #00427B;
}
.comic-strip-2 .comic-strip-mobile-bg {
  fill: #00427B;
}
.comic-strip-3 {
  background-color: #0059A5;
}
.comic-strip-3 .comic-strip-mobile-bg {
  fill: #0059A5;
}
.comic-mask-mobile {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  fill: #FFFFFF;
}
.comic-mask-desktop {
  display: none;
}
.comic-panel {
  flex: 1;
  position: relative;
}
.comic-panel-text {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 3.25rem 1.625rem 0;
  /* IE 11 fix */
}
.comic-panel-text p {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .comic-panel-text p {
    width: 540px;
  }
}
.comic-panel-illustration {
  overflow: hidden;
  line-height: 0;
}
.comic-illustration {
  position: relative;
  height: 26.9375rem;
}
.comic-illustration img {
  position: absolute;
  top: 0;
  height: 100%;
}
.comic-strip:last-child .comic-illustration img {
  top: 0.8125rem;
}
@media (min-width: 1024px) {
  .comic-strips .hide-for-mobile {
    display: block;
  }
  .comic-strip {
    flex-flow: row;
    max-width: 69.0625rem;
    max-height: 25.8984375rem;
    width: calc(100vw * 0.85);
    height: calc(100vw * 0.375 * 0.85);
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #fff;
    margin: auto;
  }
  /* Settings for comic strip layouts */
  .comic-strip-1 .comic-panel-illustration {
    flex-basis: 594px;
  }
  .comic-strip-1 .comic-panel-text {
    flex-basis: 686px;
    padding-right: 6.5rem;
  }
  .comic-strip-2 .comic-panel-text {
    flex-basis: 698px;
    padding-left: 3.25rem;
  }
  .comic-strip-2 .comic-panel-illustration {
    flex-basis: 582px;
  }
  .comic-strip-3 .comic-panel-illustration {
    flex-basis: 597px;
  }
  .comic-strip-3 .comic-panel-text {
    flex-basis: 683px;
    padding-right: 6.5rem;
  }
  /* End of settings for comic strip layouts */
  .comic-mask {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 69.0625rem;
    max-height: 25.8984375rem;
    width: calc(100vw * 0.85);
    height: calc(100vw * 0.375 * 0.85);
    background-repeat: no-repeat;
    background-size: 100%;
    pointer-events: none;
  }
  .comic-mask svg {
    fill: #FFFFFF;
  }
  .comic-mask-desktop {
    display: block;
  }
  .comic-mask-mobile {
    display: none;
  }
  .comic-panel-text {
    flex-basis: 710px;
    padding: 4.875rem;
  }
  .comic-panel-illustration {
    overflow: initial;
    padding-bottom: 0;
  }
  .comic-illustration {
    max-height: 100%;
    overflow: hidden;
  }
  .comic-illustration img {
    top: initial;
    bottom: calc(1.625rem * -1);
  }
}
/* border light blue background */
.bg-light-color .comic-strips .comic-strip {
  border-color: #E5F1FF;
}
/* IE11 fixes */
@media all and (min-width: 1024px) {
  _:-ms-fullscreen .comic-illustration img,
  :root .comic-illustration img {
    top: 22px;
  }
}
/* /IE11 fixes */
.comic-tip {
  padding-top: 2.4375rem;
}
.comic-tip .comic-tip-wrapper {
  margin: 0 auto;
  position: relative;
  width: 53.21875rem;
}
@media (max-width:  1023px ) {
  .comic-tip .comic-tip-wrapper {
    width: 100%;
  }
}
.comic-tip .comic-tip-bg {
  align-items: stretch;
  display: flex;
  opacity: 0;
  padding-bottom: 3.25rem;
  padding-top: 4.875rem;
  transform-origin: left;
  transform: scale3d(1, 1, 1);
  transition: opacity 0.19s cubic-bezier(0.2, 0.62, 0.38, 1);
  will-change: opacity;
}
@media (max-width:  1023px ) {
  .comic-tip .comic-tip-bg {
    cursor: pointer;
  }
}
.comic-tip .comic-tip-img {
  left: 50%;
  margin-left: -3.453125rem;
  max-width: 6.90625rem;
  opacity: 0;
  position: absolute;
  top: -5rem;
  transition: opacity 0.38s cubic-bezier(0.2, 0.62, 0.38, 1);
  will-change: opacity, transform;
  z-index: 10;
}
@media (max-width:  1023px ) {
  .comic-tip .comic-tip-img {
    cursor: pointer;
  }
}
.comic-tip .animation-entry-text {
  text-align: center;
}
.comic-tip .title {
  margin-bottom: 1.625rem;
}
@media (max-width:  1023px ) {
  .comic-tip .title {
    text-align: center;
  }
}
.comic-tip .comic-tip-text,
.comic-tip .comic-tip-bg {
  min-height: 7.3125rem;
  flex: 0 1 100%;
}
.comic-tip .comic-tip-text {
  display: flex;
  align-items: center;
  padding: 0 1.625rem 0 3.25rem;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  flex-direction: column;
}
@media (max-width:  1023px ) {
  .comic-tip .comic-tip-text {
    padding: 0 1.625rem;
  }
}
.comic-tip .comic-tip-text .title {
  font-weight: 700;
  text-transform: uppercase;
}
.comic-tip .comic-tip-text .animation-entry-text {
  text-align: center;
  opacity: 0;
  transform: translate3d(0, -1.625rem, 0);
  will-change: opacity, transform;
  transition: opacity 0.62s cubic-bezier(0.2, 0.62, 0.38, 1), transform 0.62s cubic-bezier(0.2, 0.62, 0.38, 1);
}
.comic-tip.animated .comic-tip-img {
  animation-name: jack;
  animation-duration: 0.38s;
  animation-delay: 0;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 1;
}
.comic-tip.animated .animation-entry-text {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.comic-tip.animated .comic-tip-bg {
  opacity: 1;
}
.comic-tip.dark .comic-tip-wrapper {
  background-color: #0059A5;
  background-image: url('/i/svgs/comic-tip-dark-bg.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 300%;
}
.comic-tip.dark .comic-tip-text p,
.comic-tip.dark .comic-tip-text a,
.comic-tip.dark .comic-tip-text .title {
  color: #FFFFFF;
}
.comic-tip.light .comic-tip-text p,
.comic-tip.light .comic-tip-text a,
.comic-tip.light .comic-tip-text .title {
  color: #043B71;
}
.comic-tip.light .comic-tip-bg,
.comic-tip.light .comic-tip-text {
  background-color: #FFFFFF;
}
@keyframes jack {
  from {
    transform: scale3d(0, 0, 1);
    animation-timing-function: cubic-bezier(0.62, 0, 0.8, 0.38);
  }
  60%,
  to {
    animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1);
  }
  60% {
    transform: scale3d(1.12, 1.12, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.comic-bubble {
  z-index: 9;
  position: absolute;
  min-width: 9.75rem;
  padding: 0.975rem 1.625rem 0.8125rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-family: Avengeance Mightiest Avenger, Impact, Helvetica, Verdana, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .comic-bubble {
    font-size: 1.4375rem;
    line-height: 1.4375rem;
    padding: 1.21875rem 2.03125rem 0.975rem;
  }
}
.comic-bubble-1 {
  background-image: url("/i/svgs/comic-bubble-1.svg");
}
.comic-bubble-2 {
  background-image: url("/i/svgs/comic-bubble-2.svg");
}
.comic-bubble-3 {
  background-image: url("/i/svgs/comic-bubble-3.svg");
}
.comic-bubble-arrow {
  content: "";
  position: absolute;
  width: 1.21875rem;
  height: 1.21875rem;
  background-image: url("/i/svgs/comic-bubble-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
/*
.with-bubble(-order on page, optional)
  .bubble.left/right
  img

In custom CSS specify bubble width and position (%)
 */
[class*="with-bubble"] {
  position: relative;
}
[class*="with-bubble"] .bubble {
  position: absolute;
}
[class*="with-bubble"] .bubble p {
  background-color: #132434;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: Avengeance Mightiest Avenger, Impact, Helvetica, Verdana, sans-serif;
  letter-spacing: 0.01em;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  padding-top: 0.975rem 2.4375rem 0.8125rem;
}
@media (min-width: 768px) {
  [class*="with-bubble"] .bubble p {
    font-size: 1.4375rem;
    line-height: 1.4375rem;
    padding: 1.21875rem 2.84375rem 0.975rem;
  }
}
[class*="with-bubble"] .bubble::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  bottom: -20px;
}
[class*="with-bubble"] .bubble.top:before {
  top: -20px;
  transform: scaleY(-1);
}
[class*="with-bubble"] .bubble.left p {
  clip-path: polygon(5% 0, 100% 0, 90% 100%, 5% 100%);
}
[class*="with-bubble"] .bubble.left::before {
  border-width: 0 20px 20px 0;
  border-color: transparent #132434 transparent transparent;
  right: 30%;
}
[class*="with-bubble"] .bubble.right p {
  clip-path: polygon(0 0, 95% 0, 95% 100%, 10% 100%);
}
[class*="with-bubble"] .bubble.right::before {
  border-width: 20px 20px 0 0;
  border-color: #132434 transparent transparent transparent;
  left: 30%;
}
/* Localizations */
.lang-tr-tr .comic-bubble-3 {
  min-width: 19.5rem;
}
.wrap-buttons {
  display: block;
  margin-bottom: 1.625rem;
}
.wrap-buttons .button-holder:first-child {
  padding-left: 0;
}
.wrap-buttons .button-holder:last-child {
  padding-right: 0;
}
.wrap-buttons .button-holder:last-child .button {
  margin-bottom: 0;
}
.wrap-buttons .button-hint {
  margin-top: 0.8125rem;
}
@media (min-width: 768px) {
  .wrap-buttons {
    display: flex;
    justify-content: center;
  }
  .wrap-buttons .button-holder {
    padding-left: 1.21875rem;
    padding-right: 1.21875rem;
  }
  .wrap-buttons .button {
    margin-bottom: 0;
  }
}
.figure {
  margin-bottom: 4.875rem;
}
.figure .col {
  padding-left: 1.625rem;
  padding-right: 1.625rem;
}
.figure .img {
  align-self: center;
}
.figure .text {
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.figure img {
  max-width: 100%;
  width: 100%;
}
.figure h3 {
  margin-top: 1.625rem;
}
@media (min-width: 768px) {
  .figure {
    margin-bottom: 1.625rem;
  }
  .figure.reversed .row {
    flex-direction: row-reverse;
  }
  .figure h3 {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .figure .col {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }
}
.location-bar {
  align-items: center;
  background-color: #10294D;
  color: #0F3464;
  display: flex;
  min-height: calc(1.625rem * 1.15384615);
  z-index: 9100;
  position: relative;
}
@media (max-width:  1023px ) {
  .location-bar {
    display: none;
    flex-direction: column;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}
.location-bar:before {
  background-color: #EE4455;
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  margin: 0 1rem;
  width: 10px;
}
.location-bar .hide {
  display: none;
}
.location-bar .item {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  font-size: 0.8125rem;
  flex-direction: row;
  justify-content: center;
  line-height: 1.25rem;
  padding-right: calc(1.625rem * 1.25);
}
@media (max-width:  1023px ) {
  .location-bar .item {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}
.location-bar .text {
  padding-left: 10px;
}
.location-bar .value {
  padding-left: 7px;
}
.location-bar .img {
  fill: #FFFFFF;
  height: 1rem;
  width: 1rem;
}
/* Variables */
/* slide-down */
.slide-down {
  position: absolute;
  left: calc(50% -  2.03125rem );
  bottom: 0;
  /* do not show in IE8 */
  display: none\9;
}
.slide-down .arrow-box {
  position: absolute;
  bottom: -2.03125rem;
  z-index: 10;
  text-align: center;
  width: 4.0625rem;
  height: 4.0625rem;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #E5F1FF;
  box-shadow: 0 0 1.625rem rgba(0, 0, 0, 0.2);
}
.slide-down .arrow-box span {
  display: block;
  position: absolute;
  content: "";
  width: 1.015625rem;
  height: 1.015625rem;
  transform: translate(-50%, -65%) rotate(45deg);
  border-right: 2px solid #0059A5;
  border-bottom: 2px solid #0059A5;
  top: 50%;
  left: 50%;
}
/*
.row.tip
  .col
  .col (last col with tip)
 */
@media (max-width:  1023px ) {
  .row.tip div:nth-last-of-type(1) {
    display: none;
  }
}
@media (min-width: 1024px) {
  .row.tip div:nth-last-of-type(1) {
    border-left: 1px solid #0059A5;
    font-size: 1.125rem;
    font-weight: bold;
    color: #0059A5;
  }
}
/*
.number-icon
    span
    h5
*/
.number-icon {
  padding-bottom: 1.625rem;
}
.number-icon span {
  border-radius: 50%;
  width: calc(1.625rem * 2);
  height: calc(1.625rem * 2);
  display: block;
  background: #00427B;
  margin: 0 auto;
}
.number-icon span h5 {
  font-family: Avengeance Mightiest Avenger, Impact, Helvetica, Verdana, sans-serif;
  line-height: calc(1.625rem * 2);
  color: #FFFFFF;
  padding-right: 3px;
  padding-top: 0.1rem;
}
/* # Custom elements */
/* ## Patterns */
#loading-screen {
  z-index: 99999999999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #FFFFFF;
  color: #0059A5;
  pointer-events: none;
  will-change: opacity;
  transition: opacity 0.38s ease;
  transition-delay: 0.38s;
  opacity: 0;
}
.loading #loading-screen {
  opacity: 1;
  pointer-events: initial;
}
.loading #loading-screen img {
  opacity: 1;
}
#loading-screen img {
  will-change: opacity;
  transition: opacity 0.19s ease;
  opacity: 0;
}
.in-page-navigation {
  width: 100%;
  padding: 1.625rem / 4 1.625rem / 2;
}
.in-page-nav-item {
  display: inline-block;
  padding: 0 1.625rem;
}
.in-page-nav-item a {
  display: block;
  color: currentColor;
  line-height: 5.8825rem;
  height: 5.8825rem;
  border-bottom: 3px solid transparent;
}
.in-page-nav-item a.active,
.in-page-nav-item a:hover {
  color: #000000;
  border-bottom-color: #A2D1F9;
}
.in-page-nav-item a.active {
  border-bottom-color: #A2D1F9;
  font-weight: bold;
}
/* variables */
.comic-strip .comic-bubble,
.with-bubble-1 .comic-bubble,
.comic-strip .bubble,
.with-bubble-1 .bubble {
  opacity: 0;
  will-change: opacity, transform;
  transition: opacity 0.19s linear;
  transition-delay: 0.38s;
}
.comic-strip .animation-entry-text,
.with-bubble-1 .animation-entry-text {
  opacity: 0;
  transform: translate3d(0, 1.625rem, 0);
  will-change: opacity, transform;
  transition: opacity 0.62s cubic-bezier(0.2, 0.62, 0.38, 1), transform 0.62s cubic-bezier(0.2, 0.62, 0.38, 1);
}
.comic-strip.animated .comic-bubble,
.with-bubble-1.animated .comic-bubble,
.comic-strip.animated .bubble,
.with-bubble-1.animated .bubble {
  animation: bubble 0.38s 0.38s 1 normal forwards;
  opacity: 1;
}
.comic-strip.animated .animation-entry-text,
.with-bubble-1.animated .animation-entry-text {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
@keyframes bubble {
  from {
    transform: scale3d(0, 0, 1);
    animation-timing-function: cubic-bezier(0.62, 0, 0.8, 0.38);
  }
  60%,
  to {
    animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1);
  }
  60% {
    transform: scale3d(1.12, 1.12, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.section-pricing .subtitle {
  font-size: 1.25rem;
  margin-top: 1.625rem * -0.5;
  margin-bottom: 1.625rem;
}
.pricing-device-plans {
  width: 100%;
  justify-content: center;
  margin-bottom: 1.625rem;
}
.pricing-device-plans .pricing-device-plan {
  flex: 0 1 100px;
  height: 100px;
  position: relative;
  margin: 0 1.625rem / 2;
  font-size: 0.8125rem;
  cursor: pointer;
  transform-origin: bottom center;
  will-change: transform;
  backface-visibility: hidden;
  transition: transform 0.38s ease, background-color 0.38s ease-in-out, color 0.38s ease-in-out;
}
.pricing-device-plans .pricing-device-plan::after {
  position: absolute;
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #FFFFFF;
  border-width: 1.625rem / 2;
  margin-left: 1.625rem / -2;
  transition: border-top-color 0.38s ease-in-out;
}
.pricing-device-plans .pricing-device-plan.active,
.pricing-device-plans .pricing-device-plan:hover {
  @extend .bg-blue-more-darker;
  transform: scale(1.2) translate3d(0, 0, 0);
}
.pricing-device-plans .pricing-device-plan.active::after,
.pricing-device-plans .pricing-device-plan:hover::after {
  border-top-color: #132434;
}
.pricing-device-number {
  font-size: 1rem;
}
.pricing-columns {
  position: relative;
}
.pricing-columns,
.pricing-columns + .flex {
  width: 100%;
  justify-content: center;
}
.pricing-columns > .content-item,
.pricing-columns + .flex > .content-item {
  flex: 0 1 333px;
}
.pricing-columns .pricing-column {
  min-height: 1.625rem * 15;
}
.pricing-column {
  @extend .bg-white;
  display: flex;
  flex-flow: column;
  padding: 1.625rem / 2;
  transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  will-change: transform;
  backface-visibility: hidden;
  transition: transform 0.38s ease, background-color 0.38s ease-in-out, color 0.38s ease-in-out;
}
.pricing-column > * {
  flex: 0;
}
.pricing-column.active,
.pricing-column:hover {
  @extend .bg-blue-more-darker;
  z-index: 2;
  transform: perspective(600px) rotate3d(1, 0, 0, -10deg) translate3d(0, 3%, 0) scale3d(1.2, 1.2, 1);
}
.pricing-column.hide {
  display: none;
}
.pricing-duration {
  font-size: 0.8125rem;
  font-weight: bold;
  margin-bottom: 1.625rem / 2;
}
.pricing-price {
  font-size: 2.1875rem;
  font-weight: bold;
  margin-bottom: 1.625rem;
}
.pricing-price::after {
  content: "/mo";
  font-size: ms(-1);
  color: #BABABA;
}
.pricing-extra-info {
  flex: 1;
  font-size: 0.8125rem;
}
.pricing-extra-info .text-price {
  font-size: 1rem;
}
.pricing-prepaid {
  font-size: 0.8125rem;
}
.pricing-custom-plan {
  min-height: 1.625rem * 15;
}
.pricing-custom-plan.hide {
  display: none;
}
.head {
  text-align: center;
  padding-bottom: 3.25rem;
}
.head h2 {
  margin-top: calc(1.625rem * 1);
  margin-bottom: calc(1.625rem * 3);
}
.head p {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1.625rem * 26);
}
.head .button {
  margin-top: calc(1.625rem * 2);
}
.features {
  padding-bottom: 3.25rem;
}
.features-item {
  padding: 0 1.625rem 3.25rem;
}
.features-item p {
  color: #A2D1F9;
}
.features-item p > a {
  color: #A2D1F9;
}
.features-icon {
  padding: 1.625rem;
}
.features-icon svg {
  width: 3.25rem;
  height: 3.25rem;
}
.features-icon svg use {
  fill: #FFFFFF;
}
/* Variables */
@media (min-width: 768px) {
  .testimonials {
    padding: 4.875rem 0;
  }
}
.testimonial-item {
  position: relative;
  margin: 1rem 0;
  padding: 1.625rem 0 3.25rem;
  text-align: left;
  background-color: #E5F1FF;
}
.testimonial-item:after {
  border-color: transparent #E5F1FF transparent transparent;
}
@media (min-width: 1280px) {
  .testimonial-item {
    margin: 0;
    position: relative;
  }
}
.testimonial-item blockquote {
  position: relative;
  height: 90%;
}
.testimonial-item .testimonial-text {
  margin-bottom: 1.625rem;
}
.testimonial-item .testimonial-author {
  position: absolute;
  bottom: 0;
}
.testimonial-item:after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
@media (min-width: 1280px) {
  .testimonial-item blockquote {
    height: 100%;
  }
  .testimonial-item:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
  }
  .testimonial-item.ear-top-left:after,
  .testimonial-item.ear-top-right:after {
    top: -1.625rem;
  }
  .testimonial-item.ear-bottom-left:after,
  .testimonial-item.ear-bottom-right:after {
    bottom: -1.625rem;
  }
  .testimonial-item.ear-bottom-right:after {
    border-width: 0 1.625rem 1.625rem 0;
    right: 15%;
  }
  .testimonial-item.ear-bottom-left:after {
    border-width: 0 1.625rem 1.625rem 0;
    transform: scaleX(-1);
    left: 15%;
  }
  .testimonial-item.ear-top-right:after {
    border-width: 1.625rem 1.625rem 0 0;
    right: 15%;
  }
  .testimonial-item.ear-top-left:after {
    border-width: 1.625rem 1.625rem 0 0;
    transform: scaleX(-1);
    left: 15%;
  }
}
.megaphone {
  display: none;
}
@media (min-width: 1024px) {
  .megaphone {
    display: block;
  }
  .megaphone .icon-megaphone {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -2rem auto;
    padding: 1.3rem;
    z-index: 2;
    background-color: #00427B;
    width: 8rem;
    height: 8rem;
    border-radius: 4rem;
  }
  .megaphone .icon-megaphone img {
    height: 4.3rem;
  }
}
/* Variants */
.testimonial-item--fullsize .testimonial-text {
  width: 70%;
  margin: 1.625rem auto;
  text-align: center;
}
.testimonial-item--fullsize .testimonial-author {
  display: block;
  position: static;
  width: 100%;
  text-align: center;
  color: rgba(0, 66, 123, 0.25);
  text-transform: none;
  font-size: 0.8125rem;
}
/* Grid behavior */
.row .testimonial-item {
  height: 90%;
}
@media (min-width: 1280px) {
  .row .testimonial-item {
    height: 100%;
  }
}
.comparison {
  margin: 0 auto calc(1.625rem * 2);
  width: 100%;
}
.comparison .titles,
.comparison .feature {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.comparison .titles .txt,
.comparison .feature .txt,
.comparison .titles .val,
.comparison .feature .val {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: calc(1.625rem * 2);
}
.comparison .titles span {
  font-size: 0.9375rem;
  color: #0059A5;
  font-weight: 600;
}
.comparison .feature .txt {
  color: #132434;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: normal;
  text-align: left;
}
.comparison .feature .val {
  text-align: center;
}
.comparison .feature .val span {
  display: inline-block;
  text-align: center;
  zoom: 1;
  position: relative;
  border-radius: 50%;
  margin: 0 auto;
}
.comparison .feature .val span b {
  position: fixed;
  top: 0;
  left: 5000px;
}
.comparison .feature .val span.no {
  background-color: #A2D1F9;
  height: 17px;
  width: 17px;
}
.comparison .feature .val span.yes {
  background-color: transparent;
  height: 40px;
  width: 40px;
}
.comparison .feature .val span.yes svg {
  fill: #0059A5;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .comparison .feature .val span.yes svg {
    width: 100%;
    height: 3.25rem;
  }
}
@media (max-width:  1023px ) {
  .comparison .titles .txt {
    display: none;
  }
  .comparison .feature:nth-child(even) {
    background-color: #FFFFFF;
  }
  .comparison .feature .txt {
    text-align: center;
    padding: 1.625rem;
  }
  .comparison.odd .feature:nth-child(odd) {
    background-color: #E5F1FF;
  }
  .comparison .titles,
  .comparison .feature {
    margin-left: calc(1.625rem * -1);
    margin-right: calc(1.625rem * -1);
  }
  .comparison .titles .txt,
  .comparison .feature .txt {
    flex-basis: 100%;
    max-width: 100%;
  }
  .comparison .titles .val,
  .comparison .feature .val {
    flex-basis: 50%;
    max-width: 50%;
    border-bottom: 1px solid #BABABA;
  }
}
@media (min-width: 1024px) {
  .comparison .titles,
  .comparison .feature {
    border-bottom: 1px solid #BABABA;
  }
  .comparison .titles .txt,
  .comparison .feature .txt {
    flex-basis: 60%;
  }
  .comparison .titles .val,
  .comparison .feature .val {
    flex-basis: 20%;
  }
}
.noscript-message {
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  text-align: center;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding: 1.625rem;
}
.noscript-message a {
  color: #A2D1F9;
}
/* variables */
/* Custom settings for comic strip illustrations */
#comic-strips-home .comic-strip-1 .comic-illustration img {
  left: 0;
}
#comic-strips-home .comic-strip-1 .comic-bubble {
  top: 10%;
  left: 8%;
}
@media (min-width: 1024px) {
  #comic-strips-home .comic-strip-1 .comic-bubble {
    top: 10%;
    left: 3%;
  }
}
#comic-strips-home .comic-strip-1 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 62%;
}
#comic-strips-home .comic-strip-2 .comic-illustration img {
  right: 10%;
}
@media (min-width: 1024px) {
  #comic-strips-home .comic-strip-2 .comic-illustration img {
    right: 5%;
  }
}
#comic-strips-home .comic-strip-2 .comic-bubble {
  top: 8%;
  left: 15%;
}
@media (min-width: 1024px) {
  #comic-strips-home .comic-strip-2 .comic-bubble {
    top: 20%;
    left: 1%;
  }
}
#comic-strips-home .comic-strip-2 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 62%;
}
#comic-strips-home .comic-strip-3 .comic-illustration img {
  left: 20%;
}
@media (min-width: 1024px) {
  #comic-strips-home .comic-strip-3 .comic-illustration img {
    left: 35%;
  }
}
#comic-strips-home .comic-strip-3 .comic-bubble {
  top: 12%;
  right: 18%;
}
@media (min-width: 1024px) {
  #comic-strips-home .comic-strip-3 .comic-bubble {
    top: 16%;
    right: -5%;
  }
}
#comic-strips-home .comic-strip-3 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 38%;
  transform: scaleX(-1);
}
#comic-strips-careers {
  /*.comic-strip {
      max-width: 73rem;
      max-height: 27.5rem;
      width: 73rem;
      height: 27.5rem;
    }

    .comic-mask {
      max-width: 74rem;
      max-height: 27.5rem;
      width: 74rem;
      height: 27.5rem;
    }*/
}
#comic-strips-careers .comic-strip-1 .comic-panel-text {
  padding-top: 3rem;
  padding-right: 4rem;
}
@media (min-width: 1024px) {
  #comic-strips-careers .comic-strip-1 .comic-panel-illustration {
    flex-basis: 900px;
  }
}
#comic-strips-careers .comic-strip-1 .comic-illustration img {
  left: 40%;
  top: auto;
  bottom: -60px;
}
#comic-strips-careers .comic-strip-1 .comic-bubble {
  top: 20%;
}
@media (min-width: 1024px) {
  #comic-strips-careers .comic-strip-1 .comic-bubble {
    top: 20%;
  }
}
#comic-strips-careers .comic-strip-1 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 62%;
}
#comic-strips-access .comic-strip-1 .comic-illustration img {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  #comic-strips-access .comic-strip-1 .comic-illustration img {
    left: 52%;
  }
}
#comic-strips-access .comic-strip-1 .comic-bubble {
  top: 10%;
  left: 50%;
}
@media (min-width: 1024px) {
  #comic-strips-access .comic-strip-1 .comic-bubble {
    top: 22%;
    left: 25%;
  }
}
#comic-strips-access .comic-strip-1 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 20%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-access .comic-strip-1 .comic-bubble-arrow {
    left: 62%;
    transform: scaleX(1);
  }
}
#comic-strips-access .comic-strip-2 .comic-illustration img {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  #comic-strips-access .comic-strip-2 .comic-illustration img {
    left: 52%;
  }
}
#comic-strips-access .comic-strip-2 .comic-bubble {
  top: 10%;
  right: 5%;
}
@media (min-width: 1024px) {
  #comic-strips-access .comic-strip-2 .comic-bubble {
    top: 25%;
    right: 22%;
  }
}
#comic-strips-access .comic-strip-2 .comic-bubble-arrow {
  top: calc(100% - 2px);
  right: 62%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-access .comic-strip-2 .comic-bubble-arrow {
    right: 38%;
    transform: scaleX(1);
  }
}
#comic-strips-access .comic-strip-3 .comic-illustration img {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  #comic-strips-access .comic-strip-3 .comic-illustration img {
    left: 52%;
  }
}
#comic-strips-access .comic-strip-3 .comic-bubble {
  top: 10%;
  left: 58%;
}
@media (min-width: 1024px) {
  #comic-strips-access .comic-strip-3 .comic-bubble {
    top: 25%;
    left: 35%;
  }
}
#comic-strips-access .comic-strip-3 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 38%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-access .comic-strip-3 .comic-bubble-arrow {
    left: 62%;
    transform: scaleX(1);
  }
}
#comic-strips-advanced .comic-strip-1 .comic-illustration img {
  left: 10%;
}
@media (min-width: 1024px) {
  #comic-strips-advanced .comic-strip-1 .comic-illustration img {
    left: 30%;
  }
}
#comic-strips-advanced .comic-strip-1 .comic-bubble {
  top: 10%;
  left: 50%;
}
@media (min-width: 1024px) {
  #comic-strips-advanced .comic-strip-1 .comic-bubble {
    top: 18%;
    left: 3%;
  }
}
#comic-strips-advanced .comic-strip-1 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 20%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-advanced .comic-strip-1 .comic-bubble-arrow {
    left: 62%;
    transform: scaleX(1);
  }
}
#comic-strips-advanced .comic-strip-2 .comic-illustration img {
  right: 0;
}
@media (min-width: 1024px) {
  #comic-strips-advanced .comic-strip-2 .comic-illustration img {
    right: 0;
  }
}
#comic-strips-advanced .comic-strip-2 .comic-bubble {
  top: 10%;
  right: 40%;
}
@media (min-width: 1024px) {
  #comic-strips-advanced .comic-strip-2 .comic-bubble {
    top: 15%;
    right: 20%;
  }
}
#comic-strips-advanced .comic-strip-2 .comic-bubble-arrow {
  top: calc(100% - 2px);
  right: 38%;
}
#comic-strips-advanced .comic-strip-3 .comic-illustration img {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  #comic-strips-advanced .comic-strip-3 .comic-illustration img {
    left: 12%;
    transform: translateX(0);
  }
}
#comic-strips-advanced .comic-strip-3 .comic-bubble {
  top: 22%;
  left: 38%;
}
@media (min-width: 1024px) {
  #comic-strips-advanced .comic-strip-3 .comic-bubble {
    top: 25%;
    left: 35%;
  }
}
#comic-strips-advanced .comic-strip-3 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 38%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-advanced .comic-strip-3 .comic-bubble-arrow {
    left: 62%;
    transform: scaleX(1);
  }
}
#comic-strips-privacy .comic-strip-1 .comic-illustration img {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  #comic-strips-privacy .comic-strip-1 .comic-illustration img {
    left: 11%;
    transform: translateX(0);
  }
}
#comic-strips-privacy .comic-strip-1 .comic-bubble {
  top: 10%;
  left: 50%;
}
@media (min-width: 1024px) {
  #comic-strips-privacy .comic-strip-1 .comic-bubble {
    top: 18%;
    left: 3%;
  }
}
#comic-strips-privacy .comic-strip-1 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 20%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-privacy .comic-strip-1 .comic-bubble-arrow {
    left: 62%;
    transform: scaleX(1);
  }
}
#comic-strips-privacy .comic-strip-2 .comic-illustration img {
  left: 7%;
}
@media (min-width: 1024px) {
  #comic-strips-privacy .comic-strip-2 .comic-illustration img {
    left: 3%;
  }
}
#comic-strips-privacy .comic-strip-2 .comic-bubble {
  top: 20%;
  right: 20%;
}
@media (min-width: 1024px) {
  #comic-strips-privacy .comic-strip-2 .comic-bubble {
    top: 30%;
    right: 10%;
  }
}
#comic-strips-privacy .comic-strip-2 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 38%;
  transform: scaleX(-1);
}
#comic-strips-privacy .comic-strip-3 .comic-illustration img {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  #comic-strips-privacy .comic-strip-3 .comic-illustration img {
    left: 20%;
    transform: translateX(0);
  }
}
#comic-strips-privacy .comic-strip-3 .comic-bubble {
  top: 35%;
  left: 50%;
}
@media (min-width: 1024px) {
  #comic-strips-privacy .comic-strip-3 .comic-bubble {
    top: 46%;
    left: 44%;
  }
}
#comic-strips-privacy .comic-strip-3 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 38%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-privacy .comic-strip-3 .comic-bubble-arrow {
    left: 62%;
    transform: scaleX(1);
  }
}
#comic-strips-security .comic-strip-1 .comic-illustration img {
  left: 0;
}
@media (min-width: 1024px) {
  #comic-strips-security .comic-strip-1 .comic-illustration img {
    left: 10%;
  }
}
#comic-strips-security .comic-strip-1 .comic-bubble {
  top: 10%;
  left: 50%;
}
@media (min-width: 1024px) {
  #comic-strips-security .comic-strip-1 .comic-bubble {
    top: 22%;
    left: 25%;
  }
}
#comic-strips-security .comic-strip-1 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 20%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-security .comic-strip-1 .comic-bubble-arrow {
    left: 62%;
    transform: scaleX(1);
  }
}
#comic-strips-security .comic-strip-2 .comic-illustration img {
  left: -3%;
}
@media (min-width: 1024px) {
  #comic-strips-security .comic-strip-2 .comic-illustration img {
    left: initial;
    right: 0;
  }
}
#comic-strips-security .comic-strip-2 .comic-bubble {
  top: 10%;
  right: 5%;
}
@media (min-width: 1024px) {
  #comic-strips-security .comic-strip-2 .comic-bubble {
    top: 25%;
    right: 22%;
  }
}
#comic-strips-security .comic-strip-2 .comic-bubble-arrow {
  top: calc(100% - 2px);
  right: 62%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-security .comic-strip-2 .comic-bubble-arrow {
    right: 38%;
    transform: scaleX(1);
  }
}
#comic-strips-security .comic-strip-3 .comic-illustration img {
  left: 0;
}
@media (min-width: 1024px) {
  #comic-strips-security .comic-strip-3 .comic-illustration img {
    left: 12%;
  }
}
#comic-strips-security .comic-strip-3 .comic-bubble {
  top: 10%;
  left: 58%;
}
@media (min-width: 1024px) {
  #comic-strips-security .comic-strip-3 .comic-bubble {
    top: 25%;
    left: 35%;
  }
}
#comic-strips-security .comic-strip-3 .comic-bubble-arrow {
  top: calc(100% - 2px);
  left: 38%;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  #comic-strips-security .comic-strip-3 .comic-bubble-arrow {
    left: 62%;
    transform: scaleX(1);
  }
}
/* End of Custom settings for comic strip illustrations */

/*# sourceMappingURL=styles.css.map */