@import url("https://cdn.sentione.com/newWeb/fonts/opensans/sass/open-sans.css");
/* line 1, assets/stylesheets/newWeb/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 22, assets/stylesheets/newWeb/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 26, assets/stylesheets/newWeb/_reset.scss */
body {
  line-height: 1; }

/* line 29, assets/stylesheets/newWeb/_reset.scss */
ol, ul {
  list-style: none; }

/* line 32, assets/stylesheets/newWeb/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 35, assets/stylesheets/newWeb/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 40, assets/stylesheets/newWeb/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 46, assets/stylesheets/newWeb/_reset.scss */
video::-webkit-media-controls {
  display: none !important; }

/* line 49, assets/stylesheets/newWeb/_reset.scss */
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none; }

@-webkit-keyframes spinCounterClockwise {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinCounterClockwise {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px); } }

@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes ping {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes ping {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0); } }

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0); } }

/* ADD TO ELEMENT BORDERED RADIUS */
/* MIXIN FOR CONTAINER */
/* MAKE FLEX CONTAINER CENTER */
/* ADD BOX SHADOW ON ELEMENT */
/* MAKE WIDTH MORE RESPONSIVE */
/* GENERATE COLUMN FOR GRID */
/* DETECT SCREEN IS RETINA */
/* CALCULATE REM SIZE */
/* GENERATE FONT SIZE */
/* ANIMATE ELEMENTS */
/* GENERATE BREAKPOINT */
/* CREATE INPUT STYLE */
/* STYLE FOR SELECT INPUT */
/* line 1, assets/stylesheets/newWeb/_grid.scss */
body, html {
  font-family: "Open Sans";
  font-size: 14px;
  color: #4D4D4D;
  background: #20344F;
  -webkit-font-smoothing: antialiased; }

/* line 8, assets/stylesheets/newWeb/_grid.scss */
input,
select,
textarea {
  font: 12px Arial, Tahoma, Verdana, sans-serif;
  color: #000; }
  /* line 13, assets/stylesheets/newWeb/_grid.scss */
  input:focus,
  select:focus,
  textarea:focus {
    outline: 0; }

/* line 17, assets/stylesheets/newWeb/_grid.scss */
strong {
  font-weight: bold; }

/* line 20, assets/stylesheets/newWeb/_grid.scss */
main {
  background: #ffffff; }

/* FORM */
/* line 27, assets/stylesheets/newWeb/_grid.scss */
.form .input__text {
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 5px;
  border: none;
  background: #ffffff;
  padding: 14px 22px;
  transition: background-color 0.2s ease 0s; }
  /* line 42, assets/stylesheets/commons/_mixins.scss */
  .form .input__text::-webkit-input-placeholder {
    color: #BECCD8; }
  /* line 46, assets/stylesheets/commons/_mixins.scss */
  .form .input__text:-moz-placeholder {
    /* Firefox 18- */
    color: #BECCD8; }
  /* line 50, assets/stylesheets/commons/_mixins.scss */
  .form .input__text::-moz-placeholder {
    /* Firefox 19+ */
    color: #BECCD8; }
  /* line 54, assets/stylesheets/commons/_mixins.scss */
  .form .input__text:-ms-input-placeholder {
    color: #BECCD8; }
  /* line 39, assets/stylesheets/newWeb/_grid.scss */
  .form .input__text.error {
    background-color: #F9697A;
    color: #ffffff; }
    /* line 42, assets/stylesheets/commons/_mixins.scss */
    .form .input__text.error::-webkit-input-placeholder {
      color: #900616; }
    /* line 46, assets/stylesheets/commons/_mixins.scss */
    .form .input__text.error:-moz-placeholder {
      /* Firefox 18- */
      color: #900616; }
    /* line 50, assets/stylesheets/commons/_mixins.scss */
    .form .input__text.error::-moz-placeholder {
      /* Firefox 19+ */
      color: #900616; }
    /* line 54, assets/stylesheets/commons/_mixins.scss */
    .form .input__text.error:-ms-input-placeholder {
      color: #900616; }

/* line 47, assets/stylesheets/newWeb/_grid.scss */
.form .input__submit {
  position: relative; }
  /* line 50, assets/stylesheets/newWeb/_grid.scss */
  .form .input__submit .btn__spinner {
    opacity: 0;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 21px;
    height: 21px;
    background-image: url("https://cdn.sentione.com/newWeb/global/spinner.svg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: spin 2s infinite linear;
            animation: spin 2s infinite linear; }
  /* line 65, assets/stylesheets/newWeb/_grid.scss */
  .form .input__submit.loading .btn__spinner {
    opacity: 1; }
  /* line 68, assets/stylesheets/newWeb/_grid.scss */
  .form .input__submit.loading .btn__txt {
    opacity: 0; }

/* CONTAINER */
/* line 80, assets/stylesheets/newWeb/_grid.scss */
section, header, footer {
  padding-left: 65px;
  padding-right: 65px; }

/* line 84, assets/stylesheets/newWeb/_grid.scss */
section {
  background: #ffffff;
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 90px; }

/* line 90, assets/stylesheets/newWeb/_grid.scss */
.container {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  width: 1282px;
  margin-left: auto;
  margin-right: auto; }

/* GLOBAL SECTION - MAIN */
/* line 98, assets/stylesheets/newWeb/_grid.scss */
.section-main h2, .section-main .heading__h2 {
  margin-top: 40px;
  margin-bottom: 40px; }

/* ROW */
/* line 106, assets/stylesheets/newWeb/_grid.scss */
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 auto;
  max-width: 1282px;
  width: 100%;
  /* ROW MODIFICATORS */ }
  /* line 115, assets/stylesheets/newWeb/_grid.scss */
  .row--full {
    max-width: 100%; }
  /* line 118, assets/stylesheets/newWeb/_grid.scss */
  .row--extended {
    max-width: 1310px; }
  /* line 121, assets/stylesheets/newWeb/_grid.scss */
  .row--box {
    box-sizing: border-box;
    max-width: 1350px;
    background: #F1F3F8;
    border: 1px solid #E1E6F2;
    padding: 20px;
    border-radius: 10px; }
  /* line 130, assets/stylesheets/newWeb/_grid.scss */
  .row--align-center > [class^="col"] {
    margin-left: auto;
    margin-right: auto; }
  /* line 135, assets/stylesheets/newWeb/_grid.scss */
  .row--valign-center {
    -ms-flex-align: center;
        align-items: center; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-1 {
    width: calc(8.3333333333% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-2 {
    width: calc(16.6666666667% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-3 {
    width: calc(25% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-4 {
    width: calc(33.3333333333% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-5 {
    width: calc(41.6666666667% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-6 {
    width: calc(50% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-7 {
    width: calc(58.3333333333% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-8 {
    width: calc(66.6666666667% - 16.25px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-9 {
    width: calc(75% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-10 {
    width: calc(83.3333333333% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-11 {
    width: calc(91.6666666667% - 32.5px);
    margin-bottom: 90px; }
  /* line 140, assets/stylesheets/newWeb/_grid.scss */
  .row--space-less .col-12 {
    width: 100%;
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-1 {
    width: calc(8.3333333333% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-2 {
    width: calc(16.6666666667% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-3 {
    width: calc(25% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-4 {
    width: calc(33.3333333333% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-5 {
    width: calc(41.6666666667% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-6 {
    width: calc(50% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-7 {
    width: calc(58.3333333333% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-8 {
    width: calc(66.6666666667% - 2.5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-9 {
    width: calc(75% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-10 {
    width: calc(83.3333333333% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-11 {
    width: calc(91.6666666667% - 5px);
    margin-bottom: 90px; }
  /* line 147, assets/stylesheets/newWeb/_grid.scss */
  .row--space-minimal .col-12 {
    width: 100%;
    margin-bottom: 90px; }
  /* line 153, assets/stylesheets/newWeb/_grid.scss */
  .row--no-col-space-bottom > [class^="col"] {
    margin-bottom: 0; }
  /* line 157, assets/stylesheets/newWeb/_grid.scss */
  .row--no-space-bottom {
    margin-bottom: -90px; }
  /* line 160, assets/stylesheets/newWeb/_grid.scss */
  .row--no-space-top {
    padding-top: 0; }
  /* line 163, assets/stylesheets/newWeb/_grid.scss */
  .row--space-bottom {
    margin-bottom: 90px; }
  /* line 168, assets/stylesheets/newWeb/_grid.scss */
  .row--image-between > div.col-img {
    width: calc(33.3333333333% + 130px); }
    /* line 170, assets/stylesheets/newWeb/_grid.scss */
    .row--image-between > div.col-img img {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 auto; }

/* COLUMNS */
/* line 183, assets/stylesheets/newWeb/_grid.scss */
[class^="col"] {
  box-sizing: border-box; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-1 {
    width: calc(8.3333333333% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-2 {
    width: calc(16.6666666667% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-3 {
    width: calc(25% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-4 {
    width: calc(33.3333333333% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-5 {
    width: calc(41.6666666667% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-6 {
    width: calc(50% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-7 {
    width: calc(58.3333333333% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-8 {
    width: calc(66.6666666667% - 32.5px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-9 {
    width: calc(75% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-10 {
    width: calc(83.3333333333% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-11 {
    width: calc(91.6666666667% - 65px);
    margin-bottom: 90px; }
  /* line 186, assets/stylesheets/newWeb/_grid.scss */
  .col-12 {
    width: 100%;
    margin-bottom: 90px; }

/* line 191, assets/stylesheets/newWeb/_grid.scss */
.col {
  /* COLUMNS MODIFIERS */ }
  /* line 193, assets/stylesheets/newWeb/_grid.scss */
  .col--no-space-bottom {
    margin-bottom: 0px !important; }
  /* line 196, assets/stylesheets/newWeb/_grid.scss */
  .col--inline {
    display: -ms-inline-flexbox;
    display: inline-flex; }

/* MODIFIERS */
/* line 203, assets/stylesheets/newWeb/_grid.scss */
.text-center {
  text-align: center; }

/* line 206, assets/stylesheets/newWeb/_grid.scss */
.rtl {
  direction: rtl; }

/* line 209, assets/stylesheets/newWeb/_grid.scss */
.v-center {
  -ms-flex-align: center;
      align-items: center; }

/* line 212, assets/stylesheets/newWeb/_grid.scss */
.space-top {
  margin-top: 90px; }

/* line 215, assets/stylesheets/newWeb/_grid.scss */
.space-bottom {
  margin-bottom: 90px; }

/* line 218, assets/stylesheets/newWeb/_grid.scss */
.align-center {
  margin-left: auto;
  margin-right: auto; }

/* line 222, assets/stylesheets/newWeb/_grid.scss */
.align-right {
  margin-left: auto; }

/* line 225, assets/stylesheets/newWeb/_grid.scss */
.align-left {
  margin-right: auto; }

/* line 228, assets/stylesheets/newWeb/_grid.scss */
.hidden {
  display: none; }

/* line 231, assets/stylesheets/newWeb/_grid.scss */
.hidden-opacity {
  opacity: 0 !important; }

/* line 234, assets/stylesheets/newWeb/_grid.scss */
.show-sm-down {
  display: none; }

/* line 237, assets/stylesheets/newWeb/_grid.scss */
.show-md-down {
  display: none; }

/* HEADINGS */
/* line 243, assets/stylesheets/newWeb/_grid.scss */
h1, .heading__h1, .section-knowledge__header h2 {
  font-family: din-2014, sans-serif;
  font-size: 4.5714285714rem;
  font-weight: 300;
  margin-bottom: 22px;
  width: 100%;
  line-height: 1.3em; }

/* line 251, assets/stylesheets/newWeb/_grid.scss */
h2, .heading__h2, h3, .heading__h3 {
  font-family: "Open Sans"; }

/* line 254, assets/stylesheets/newWeb/_grid.scss */
h2, .heading__h2 {
  font-size: 1.7142857143rem;
  letter-spacing: 0.0142857143rem;
  line-height: 2.5714285714rem;
  font-weight: 300;
  margin-bottom: 25px;
  width: 100%; }

/* line 262, assets/stylesheets/newWeb/_grid.scss */
h3, .heading__h3 {
  font-size: 0.9285714286rem;
  letter-spacing: 0.05rem;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 20px;
  width: 100%; }

/* line 271, assets/stylesheets/newWeb/_grid.scss */
.heading--medium {
  font-size: 2.5714285714rem;
  line-height: 3.1428571429rem; }

/* line 275, assets/stylesheets/newWeb/_grid.scss */
.heading--strong {
  font-weight: 800; }

/* line 278, assets/stylesheets/newWeb/_grid.scss */
.heading--semi {
  font-weight: 600; }

/* line 281, assets/stylesheets/newWeb/_grid.scss */
.heading--space-bottom {
  margin-bottom: 60px; }

/* LINKS */
/* line 288, assets/stylesheets/newWeb/_grid.scss */
a {
  color: #69B0F9;
  text-decoration: none;
  transition: all 0.2s ease 0s; }
  /* line 292, assets/stylesheets/newWeb/_grid.scss */
  a:hover {
    color: #0a7cf2; }

/* BUTTONS */
/* line 301, assets/stylesheets/newWeb/_grid.scss */
button:focus {
  outline: 0; }

/* PARAGRAPHS */
/* line 308, assets/stylesheets/newWeb/_grid.scss */
p {
  font-size: 110%;
  line-height: 1.8571428571rem;
  letter-spacing: 0.0071428571rem;
  font-weight: 400;
  margin-bottom: 20px; }
  /* line 314, assets/stylesheets/newWeb/_grid.scss */
  p:last-of-type {
    margin-bottom: 0; }

/* line 319, assets/stylesheets/newWeb/_grid.scss */
.p--m, .view-index .section-mentions .row p {
  font-size: 1.2857142857rem;
  line-height: 1.7142857143rem; }

/* LISTS */
/* line 327, assets/stylesheets/newWeb/_grid.scss */
ul, ol {
  font-size: 110%;
  line-height: 1.8571428571rem;
  letter-spacing: 0.0071428571rem;
  font-weight: 400;
  margin-bottom: 20px; }
  /* line 333, assets/stylesheets/newWeb/_grid.scss */
  ul:last-of-type, ol:last-of-type {
    margin-bottom: 0; }

/* line 337, assets/stylesheets/newWeb/_grid.scss */
ol {
  list-style: decimal;
  margin-left: 20px; }

/* GLOBAL ELEMENT STYLING */
/* line 344, assets/stylesheets/newWeb/_grid.scss */
hr, .hr {
  position: relative;
  width: 100%;
  display: block;
  border: none;
  background: #ffffff;
  margin: 0;
  height: 1px; }
  /* line 352, assets/stylesheets/newWeb/_grid.scss */
  hr:after, .hr:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 1215px;
    width: 74%;
    border-top: 1px solid #E5E9F0; }
  /* line 360, assets/stylesheets/newWeb/_grid.scss */
  hr.space-bottom, .hr.space-bottom {
    margin-bottom: 0;
    padding-bottom: 90px; }

/* COLORS */
/* line 368, assets/stylesheets/newWeb/_grid.scss */
.clr-bg-listen {
  background-color: #69B0F9 !important; }

/* line 371, assets/stylesheets/newWeb/_grid.scss */
.clr-listen, .section-knowledge__header h2 {
  color: #69B0F9 !important; }

/* line 374, assets/stylesheets/newWeb/_grid.scss */
.clr-bg-understand {
  background-color: #698BF9 !important; }

/* line 377, assets/stylesheets/newWeb/_grid.scss */
.clr-understand {
  color: #698BF9 !important; }

/* line 380, assets/stylesheets/newWeb/_grid.scss */
.clr-bg-react {
  background-color: #7E69F9 !important; }

/* line 383, assets/stylesheets/newWeb/_grid.scss */
.clr-react {
  color: #7E69F9 !important; }

/* line 386, assets/stylesheets/newWeb/_grid.scss */
.clr-bg-prove {
  background-color: #AC69F9 !important; }

/* line 389, assets/stylesheets/newWeb/_grid.scss */
.clr-prove {
  color: #AC69F9 !important; }

/* line 392, assets/stylesheets/newWeb/_grid.scss */
.clr-lavender {
  color: #C856DF !important; }

/* line 395, assets/stylesheets/newWeb/_grid.scss */
.clr-bg-lavender {
  background-color: #C856DF !important; }

/* line 398, assets/stylesheets/newWeb/_grid.scss */
.clr-fuchsiaPink {
  color: #BC42B2 !important; }

/* line 401, assets/stylesheets/newWeb/_grid.scss */
.clr-bg-fuchsiaPink {
  background-color: #BC42B2 !important; }

/* line 404, assets/stylesheets/newWeb/_grid.scss */
.clr-bg-alabaster {
  background-color: #fbfbfb !important; }

/* line 407, assets/stylesheets/newWeb/_grid.scss */
.clr-alabaster {
  color: #fbfbfb !important; }

/* line 410, assets/stylesheets/newWeb/_grid.scss */
.clr-bg-cloud {
  background-color: #20344F !important; }

/* line 2, assets/stylesheets/newWeb/_common.scss */
.rich-content ul,
.rich-content ol {
  padding-left: 25px;
  margin-bottom: 20px; }

/* line 8, assets/stylesheets/newWeb/_common.scss */
.rich-content ul {
  list-style: disc; }

/* line 12, assets/stylesheets/newWeb/_common.scss */
.rich-content ol {
  list-style: decimal; }

@keyframes spinCounterClockwise {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px); } }

@keyframes ping {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes ping {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0); } }

/* line 4, assets/stylesheets/newWeb/fragments/_tooltip.scss */
.tooltip {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #9B9B9B;
  cursor: pointer;
  height: 100%;
  -ms-flex-align: center;
      align-items: center; }
  /* line 12, assets/stylesheets/newWeb/fragments/_tooltip.scss */
  .tooltip:hover .tooltip__content {
    font-size: 100%;
    line-height: 1;
    margin-top: 20px;
    visibility: visible;
    opacity: 1; }
  /* line 20, assets/stylesheets/newWeb/fragments/_tooltip.scss */
  .tooltip__content {
    font-size: 100%;
    line-height: 1;
    transition: all 0.2s ease 0s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    box-sizing: border-box;
    background: #ffffff;
    padding: 20px 16px;
    margin-top: -10px;
    min-width: 80px;
    -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); }
    /* line 36, assets/stylesheets/newWeb/fragments/_tooltip.scss */
    .tooltip__content::after {
      content: "";
      top: -12px;
      left: calc(50% - 14px);
      position: absolute;
      width: 0;
      height: 0;
      box-sizing: border-box;
      border: 1em solid #ffffff;
      border-color: transparent transparent #ffffff #ffffff;
      -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
              transform: rotate(135deg);
      box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.035); }
    /* line 49, assets/stylesheets/newWeb/fragments/_tooltip.scss */
    .tooltip__content a {
      font-weight: 600;
      color: #20344F; }
      /* line 52, assets/stylesheets/newWeb/fragments/_tooltip.scss */
      .tooltip__content a:hover {
        color: #030406; }
    /* line 56, assets/stylesheets/newWeb/fragments/_tooltip.scss */
    .tooltip__content li {
      margin-bottom: 15px; }
      /* line 58, assets/stylesheets/newWeb/fragments/_tooltip.scss */
      .tooltip__content li:last-child {
        margin-bottom: 0px; }

/* line 64, assets/stylesheets/newWeb/fragments/_tooltip.scss */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer; }

/* line 70, assets/stylesheets/newWeb/fragments/_tooltip.scss */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all .2s ease-in-out; }

/* line 78, assets/stylesheets/newWeb/fragments/_tooltip.scss */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1; }

/* line 84, assets/stylesheets/newWeb/fragments/_tooltip.scss */
[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 12px;
  width: 120px;
  border-radius: 4px;
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -70px;
  background-color: #263347;
  color: #ffffff;
  text-align: center;
  line-height: 14px;
  font-size: 12px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 4px 10px 0 rgba(0, 0, 0, 0.06); }

/* line 105, assets/stylesheets/newWeb/fragments/_tooltip.scss */
[data-tooltip]:after {
  content: "";
  position: absolute;
  bottom: 150%;
  left: 50%;
  width: 0;
  margin-left: -5px;
  border-top: 5px solid #263347;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  font-size: 0;
  line-height: 0; }

/* line 1, assets/stylesheets/newWeb/fragments/_btn.scss */
.btn, button {
  display: block;
  box-sizing: border-box;
  font-family: "Open Sans";
  font-size: 1rem;
  color: #ffffff;
  text-align: center;
  background: #4D94FF;
  font-weight: 600;
  text-transform: uppercase;
  padding: 14px 10px;
  border: none;
  cursor: pointer;
  max-width: 270px;
  width: 100%;
  border-radius: 5px;
  transition: all 0.35s ease 0s; }
  /* line 17, assets/stylesheets/newWeb/fragments/_btn.scss */
  .btn:hover, button:hover {
    color: #ffffff;
    -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35); }
  /* line 21, assets/stylesheets/newWeb/fragments/_btn.scss */
  .btn--extended {
    padding: 14px 26px; }
  /* line 24, assets/stylesheets/newWeb/fragments/_btn.scss */
  .btn--light {
    background: none;
    border: 1px solid #4D94FF; }
  /* line 28, assets/stylesheets/newWeb/fragments/_btn.scss */
  .btn--white, .btn--module {
    background: #ffffff;
    color: #20344F; }
    /* line 31, assets/stylesheets/newWeb/fragments/_btn.scss */
    .btn--white:hover, .btn--module:hover {
      color: #20344F; }
  /* line 35, assets/stylesheets/newWeb/fragments/_btn.scss */
  .btn--shadow {
    -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.13);
    -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.13); }
  /* line 38, assets/stylesheets/newWeb/fragments/_btn.scss */
  .btn--module {
    margin: 50px auto 60px auto; }
  /* line 43, assets/stylesheets/newWeb/fragments/_btn.scss */
  .btn--dark {
    background: #293549; }
  /* line 46, assets/stylesheets/newWeb/fragments/_btn.scss */
  .btn--super-big {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 18px;
    max-width: 510px;
    height: 80px; }

/* line 1, assets/stylesheets/newWeb/fragments/_icon.scss */
.icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  /* line 6, assets/stylesheets/newWeb/fragments/_icon.scss */
  .icon--rounded {
    border-radius: 100%;
    -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.13);
    -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.13); }
  /* line 10, assets/stylesheets/newWeb/fragments/_icon.scss */
  .icon--medium {
    width: 62px;
    height: 62px; }
  /* line 14, assets/stylesheets/newWeb/fragments/_icon.scss */
  .icon--big {
    width: 95px;
    height: 95px;
    margin-bottom: 50px; }
  /* line 19, assets/stylesheets/newWeb/fragments/_icon.scss */
  .icon--bordered {
    background: none;
    border: 2px solid #fff; }

/* line 25, assets/stylesheets/newWeb/fragments/_icon.scss */
.icon-blank {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  margin-bottom: 24px; }

/* line 32, assets/stylesheets/newWeb/fragments/_icon.scss */
.icon-counter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 1.7142857143rem;
  line-height: 1;
  color: #F1F3F8;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-bottom: 24px;
  margin-top: 90px; }
  /* line 43, assets/stylesheets/newWeb/fragments/_icon.scss */
  .icon-counter:before {
    content: '';
    position: absolute;
    bottom: 40px;
    width: 2px;
    height: 90px;
    background: inherit;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(180deg);
        -ms-transform: translateX(-50%) rotate(180deg);
            transform: translateX(-50%) rotate(180deg); }

/* line 1, assets/stylesheets/newWeb/fragments/_list.scss */
.list {
  display: block;
  color: #86909D; }
  /* line 4, assets/stylesheets/newWeb/fragments/_list.scss */
  .list li {
    position: relative;
    display: inline-block;
    margin-right: 50px;
    padding: 0 8px; }
    /* line 9, assets/stylesheets/newWeb/fragments/_list.scss */
    .list li:last-child {
      margin-right: 0px; }
    /* line 12, assets/stylesheets/newWeb/fragments/_list.scss */
    .list li.active {
      color: #69B0F9; }
      /* line 14, assets/stylesheets/newWeb/fragments/_list.scss */
      .list li.active a {
        color: #69B0F9; }
  /* line 19, assets/stylesheets/newWeb/fragments/_list.scss */
  .list--space {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    /* line 23, assets/stylesheets/newWeb/fragments/_list.scss */
    .list--space li {
      margin-right: 0px;
      padding: 0px; }
  /* line 28, assets/stylesheets/newWeb/fragments/_list.scss */
  .list--center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    /* line 32, assets/stylesheets/newWeb/fragments/_list.scss */
    .list--center li {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      margin-right: 0px;
      padding: 10px; }

/**
 *
 * All animations must live in their own file
 * in the animations directory and be included
 * here.
 *
 */
/**
 * Styles shared by multiple animations
 */
/**
 * Dots
 */
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

/* line 23, node_modules/loaders.css/src/animations/ball-pulse.scss */
.ball-pulse > div:nth-child(0) {
  -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* line 23, node_modules/loaders.css/src/animations/ball-pulse.scss */
.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* line 23, node_modules/loaders.css/src/animations/ball-pulse.scss */
.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* line 23, node_modules/loaders.css/src/animations/ball-pulse.scss */
.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* line 32, node_modules/loaders.css/src/animations/ball-pulse.scss */
.ball-pulse > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* line 21, node_modules/loaders.css/src/animations/ball-pulse-sync.scss */
.ball-pulse-sync > div:nth-child(0) {
  -webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; }

/* line 21, node_modules/loaders.css/src/animations/ball-pulse-sync.scss */
.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }

/* line 21, node_modules/loaders.css/src/animations/ball-pulse-sync.scss */
.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }

/* line 21, node_modules/loaders.css/src/animations/ball-pulse-sync.scss */
.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }

/* line 30, node_modules/loaders.css/src/animations/ball-pulse-sync.scss */
.ball-pulse-sync > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

/* line 16, node_modules/loaders.css/src/animations/ball-scale.scss */
.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

/* line 16, node_modules/loaders.css/src/animations/ball-scale.scss */
.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

/* line 3, node_modules/loaders.css/src/animations/ball-scale-random.scss */
.ball-scale-random {
  width: 37px;
  height: 40px; }
  /* line 7, node_modules/loaders.css/src/animations/ball-scale-random.scss */
  .ball-scale-random > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    display: inline-block;
    height: 30px;
    width: 30px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
            animation: ball-scale 1s 0s ease-in-out infinite; }
    /* line 17, node_modules/loaders.css/src/animations/ball-scale-random.scss */
    .ball-scale-random > div:nth-child(1) {
      margin-left: -7px;
      -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
              animation: ball-scale 1s 0.2s ease-in-out infinite; }
    /* line 22, node_modules/loaders.css/src/animations/ball-scale-random.scss */
    .ball-scale-random > div:nth-child(3) {
      margin-left: -2px;
      margin-top: 9px;
      -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
              animation: ball-scale 1s 0.5s ease-in-out infinite; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* line 16, node_modules/loaders.css/src/animations/ball-rotate.scss */
.ball-rotate {
  position: relative; }
  /* line 19, node_modules/loaders.css/src/animations/ball-rotate.scss */
  .ball-rotate > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: relative; }
    /* line 25, node_modules/loaders.css/src/animations/ball-rotate.scss */
    .ball-rotate > div:first-child {
      -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
              animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }
    /* line 29, node_modules/loaders.css/src/animations/ball-rotate.scss */
    .ball-rotate > div:before, .ball-rotate > div:after {
      background-color: #fff;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin: 2px;
      content: "";
      position: absolute;
      opacity: 0.8; }
    /* line 37, node_modules/loaders.css/src/animations/ball-rotate.scss */
    .ball-rotate > div:before {
      top: 0px;
      left: -28px; }
    /* line 42, node_modules/loaders.css/src/animations/ball-rotate.scss */
    .ball-rotate > div:after {
      top: 0px;
      left: 25px; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

/* line 18, node_modules/loaders.css/src/animations/ball-clip-rotate.scss */
.ball-clip-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 25px;
  width: 25px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
          animation: rotate 0.75s 0s linear infinite; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

@keyframes scale {
  30% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/* line 25, node_modules/loaders.css/src/animations/ball-clip-rotate-pulse.scss */
.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
          transform: translateY(-15px); }
  /* line 29, node_modules/loaders.css/src/animations/ball-clip-rotate-pulse.scss */
  .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
    /* line 37, node_modules/loaders.css/src/animations/ball-clip-rotate-pulse.scss */
    .ball-clip-rotate-pulse > div:first-child {
      background: #fff;
      height: 16px;
      width: 16px;
      top: 7px;
      left: -7px;
      -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
    /* line 46, node_modules/loaders.css/src/animations/ball-clip-rotate-pulse.scss */
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #fff;
      width: 30px;
      height: 30px;
      left: -16px;
      top: -2px;
      background: transparent;
      border: 2px solid;
      border-color: #fff transparent #fff transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

/* line 16, node_modules/loaders.css/src/animations/ball-clip-rotate-multiple.scss */
.ball-clip-rotate-multiple {
  position: relative; }
  /* line 19, node_modules/loaders.css/src/animations/ball-clip-rotate-multiple.scss */
  .ball-clip-rotate-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -20px;
    top: -20px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
            animation: rotate 1s 0s ease-in-out infinite; }
    /* line 33, node_modules/loaders.css/src/animations/ball-clip-rotate-multiple.scss */
    .ball-clip-rotate-multiple > div:last-child {
      display: inline-block;
      top: -10px;
      left: -10px;
      width: 15px;
      height: 15px;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      border-color: #fff transparent #fff transparent;
      -webkit-animation-direction: reverse;
              animation-direction: reverse; }

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

/* line 20, node_modules/loaders.css/src/animations/ball-scale-ripple.scss */
.ball-scale-ripple > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
          animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

/* line 29, node_modules/loaders.css/src/animations/ball-scale-ripple-multiple.scss */
.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px); }
  /* line 23, node_modules/loaders.css/src/animations/ball-scale-ripple-multiple.scss */
  .ball-scale-ripple-multiple > div:nth-child(0) {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  /* line 23, node_modules/loaders.css/src/animations/ball-scale-ripple-multiple.scss */
  .ball-scale-ripple-multiple > div:nth-child(1) {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  /* line 23, node_modules/loaders.css/src/animations/ball-scale-ripple-multiple.scss */
  .ball-scale-ripple-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  /* line 23, node_modules/loaders.css/src/animations/ball-scale-ripple-multiple.scss */
  .ball-scale-ripple-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  /* line 35, node_modules/loaders.css/src/animations/ball-scale-ripple-multiple.scss */
  .ball-scale-ripple-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: -2px;
    left: -26px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
            animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/* line 17, node_modules/loaders.css/src/animations/ball-beat.scss */
.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
          animation: ball-beat 0.7s 0s infinite linear; }
  /* line 24, node_modules/loaders.css/src/animations/ball-beat.scss */
  .ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: -0.35s !important;
            animation-delay: -0.35s !important; }

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

/* line 29, node_modules/loaders.css/src/animations/ball-scale-multiple.scss */
.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px); }
  /* line 23, node_modules/loaders.css/src/animations/ball-scale-multiple.scss */
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  /* line 23, node_modules/loaders.css/src/animations/ball-scale-multiple.scss */
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  /* line 35, node_modules/loaders.css/src/animations/ball-scale-multiple.scss */
  .ball-scale-multiple > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }

@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }
  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }
  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

/* line 56, node_modules/loaders.css/src/animations/ball-triangle-trace.scss */
.ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-29.9940011998px, -37.5093773443px);
      -ms-transform: translate(-29.9940011998px, -37.5093773443px);
          transform: translate(-29.9940011998px, -37.5093773443px); }
  /* line 46, node_modules/loaders.css/src/animations/ball-triangle-trace.scss */
  .ball-triangle-path > div:nth-child(1) {
    -webkit-animation-name: ball-triangle-path-1;
            animation-name: ball-triangle-path-1;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  /* line 46, node_modules/loaders.css/src/animations/ball-triangle-trace.scss */
  .ball-triangle-path > div:nth-child(2) {
    -webkit-animation-name: ball-triangle-path-2;
            animation-name: ball-triangle-path-2;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  /* line 46, node_modules/loaders.css/src/animations/ball-triangle-trace.scss */
  .ball-triangle-path > div:nth-child(3) {
    -webkit-animation-name: ball-triangle-path-3;
            animation-name: ball-triangle-path-3;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  /* line 61, node_modules/loaders.css/src/animations/ball-triangle-trace.scss */
  .ball-triangle-path > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff; }
    /* line 70, node_modules/loaders.css/src/animations/ball-triangle-trace.scss */
    .ball-triangle-path > div:nth-of-type(1) {
      top: 50px; }
    /* line 74, node_modules/loaders.css/src/animations/ball-triangle-trace.scss */
    .ball-triangle-path > div:nth-of-type(2) {
      left: 25px; }
    /* line 78, node_modules/loaders.css/src/animations/ball-triangle-trace.scss */
    .ball-triangle-path > div:nth-of-type(3) {
      top: 50px;
      left: 50px; }

@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

/* line 46, node_modules/loaders.css/src/animations/ball-pulse-rise.scss */
.ball-pulse-rise > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
          animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }
  /* line 56, node_modules/loaders.css/src/animations/ball-pulse-rise.scss */
  .ball-pulse-rise > div:nth-child(2n) {
    -webkit-animation-name: ball-pulse-rise-even;
            animation-name: ball-pulse-rise-even; }
  /* line 60, node_modules/loaders.css/src/animations/ball-pulse-rise.scss */
  .ball-pulse-rise > div:nth-child(2n-1) {
    -webkit-animation-name: ball-pulse-rise-odd;
            animation-name: ball-pulse-rise-odd; }

@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

@keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

/* line 23, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
.ball-grid-beat {
  width: 57px; }
  /* line 15, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div:nth-child(1) {
    -webkit-animation-delay: 0.12s;
            animation-delay: 0.12s;
    -webkit-animation-duration: 0.66s;
            animation-duration: 0.66s; }
  /* line 15, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div:nth-child(2) {
    -webkit-animation-delay: -0.03s;
            animation-delay: -0.03s;
    -webkit-animation-duration: 1.24s;
            animation-duration: 1.24s; }
  /* line 15, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div:nth-child(3) {
    -webkit-animation-delay: -0.18s;
            animation-delay: -0.18s;
    -webkit-animation-duration: 1.02s;
            animation-duration: 1.02s; }
  /* line 15, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div:nth-child(4) {
    -webkit-animation-delay: 0.08s;
            animation-delay: 0.08s;
    -webkit-animation-duration: 0.64s;
            animation-duration: 0.64s; }
  /* line 15, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div:nth-child(5) {
    -webkit-animation-delay: 0.76s;
            animation-delay: 0.76s;
    -webkit-animation-duration: 1.28s;
            animation-duration: 1.28s; }
  /* line 15, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div:nth-child(6) {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
    -webkit-animation-duration: 1.13s;
            animation-duration: 1.13s; }
  /* line 15, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div:nth-child(7) {
    -webkit-animation-delay: 0.62s;
            animation-delay: 0.62s;
    -webkit-animation-duration: 1.39s;
            animation-duration: 1.39s; }
  /* line 15, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div:nth-child(8) {
    -webkit-animation-delay: 0.71s;
            animation-delay: 0.71s;
    -webkit-animation-duration: 0.71s;
            animation-duration: 0.71s; }
  /* line 15, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div:nth-child(9) {
    -webkit-animation-delay: 0.11s;
            animation-delay: 0.11s;
    -webkit-animation-duration: 1.26s;
            animation-duration: 1.26s; }
  /* line 27, node_modules/loaders.css/src/animations/ball-grid-beat.scss */
  .ball-grid-beat > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-beat;
            animation-name: ball-grid-beat;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

/* line 28, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
.ball-grid-pulse {
  width: 57px; }
  /* line 20, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div:nth-child(1) {
    -webkit-animation-delay: 0.38s;
            animation-delay: 0.38s;
    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s; }
  /* line 20, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div:nth-child(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    -webkit-animation-duration: 0.71s;
            animation-duration: 0.71s; }
  /* line 20, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div:nth-child(3) {
    -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
    -webkit-animation-duration: 1.58s;
            animation-duration: 1.58s; }
  /* line 20, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div:nth-child(4) {
    -webkit-animation-delay: -0.11s;
            animation-delay: -0.11s;
    -webkit-animation-duration: 0.82s;
            animation-duration: 0.82s; }
  /* line 20, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div:nth-child(5) {
    -webkit-animation-delay: 0.61s;
            animation-delay: 0.61s;
    -webkit-animation-duration: 0.69s;
            animation-duration: 0.69s; }
  /* line 20, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div:nth-child(6) {
    -webkit-animation-delay: 0.23s;
            animation-delay: 0.23s;
    -webkit-animation-duration: 1.32s;
            animation-duration: 1.32s; }
  /* line 20, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div:nth-child(7) {
    -webkit-animation-delay: 0.56s;
            animation-delay: 0.56s;
    -webkit-animation-duration: 1.27s;
            animation-duration: 1.27s; }
  /* line 20, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div:nth-child(8) {
    -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
    -webkit-animation-duration: 1.25s;
            animation-duration: 1.25s; }
  /* line 20, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div:nth-child(9) {
    -webkit-animation-delay: -0.09s;
            animation-delay: -0.09s;
    -webkit-animation-duration: 0.88s;
            animation-duration: 0.88s; }
  /* line 32, node_modules/loaders.css/src/animations/ball-grid-pulse.scss */
  .ball-grid-pulse > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-pulse;
            animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/* line 55, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px; }
  /* line 20, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
  .ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
            animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
  /* line 20, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
  .ball-spin-fade-loader > div:nth-child(2) {
    top: 17.0454545455px;
    left: 17.0454545455px;
    -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
            animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
  /* line 20, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
  .ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
            animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
  /* line 20, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
  .ball-spin-fade-loader > div:nth-child(4) {
    top: -17.0454545455px;
    left: 17.0454545455px;
    -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
            animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
  /* line 20, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
  .ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
            animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
  /* line 20, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
  .ball-spin-fade-loader > div:nth-child(6) {
    top: -17.0454545455px;
    left: -17.0454545455px;
    -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
            animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
  /* line 20, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
  .ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
            animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
  /* line 20, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
  .ball-spin-fade-loader > div:nth-child(8) {
    top: 17.0454545455px;
    left: -17.0454545455px;
    -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
            animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
  /* line 62, node_modules/loaders.css/src/animations/ball-spin-fade-loader.scss */
  .ball-spin-fade-loader > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute; }

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

/* line 52, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
.ball-spin-loader {
  position: relative; }
  /* line 17, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
  .ball-spin-loader > span:nth-child(1) {
    top: 45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
            animation: ball-spin-loader 2s 0.9s infinite linear; }
  /* line 17, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
  .ball-spin-loader > span:nth-child(2) {
    top: 30.6818181818px;
    left: 30.6818181818px;
    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
            animation: ball-spin-loader 2s 1.8s infinite linear; }
  /* line 17, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
  .ball-spin-loader > span:nth-child(3) {
    top: 0;
    left: 45px;
    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
            animation: ball-spin-loader 2s 2.7s infinite linear; }
  /* line 17, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
  .ball-spin-loader > span:nth-child(4) {
    top: -30.6818181818px;
    left: 30.6818181818px;
    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
            animation: ball-spin-loader 2s 3.6s infinite linear; }
  /* line 17, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
  .ball-spin-loader > span:nth-child(5) {
    top: -45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
            animation: ball-spin-loader 2s 4.5s infinite linear; }
  /* line 17, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
  .ball-spin-loader > span:nth-child(6) {
    top: -30.6818181818px;
    left: -30.6818181818px;
    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
            animation: ball-spin-loader 2s 5.4s infinite linear; }
  /* line 17, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
  .ball-spin-loader > span:nth-child(7) {
    top: 0;
    left: -45px;
    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
            animation: ball-spin-loader 2s 6.3s infinite linear; }
  /* line 17, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
  .ball-spin-loader > span:nth-child(8) {
    top: 30.6818181818px;
    left: -30.6818181818px;
    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
            animation: ball-spin-loader 2s 7.2s infinite linear; }
  /* line 56, node_modules/loaders.css/src/animations/ball-spin-loader.scss */
  .ball-spin-loader > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: green; }

@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

/* line 30, node_modules/loaders.css/src/animations/ball-zig-zag.scss */
.ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
      -ms-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  /* line 34, node_modules/loaders.css/src/animations/ball-zig-zag.scss */
  .ball-zig-zag > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px; }
    /* line 43, node_modules/loaders.css/src/animations/ball-zig-zag.scss */
    .ball-zig-zag > div:first-child {
      -webkit-animation: ball-zig 0.7s 0s infinite linear;
              animation: ball-zig 0.7s 0s infinite linear; }
    /* line 47, node_modules/loaders.css/src/animations/ball-zig-zag.scss */
    .ball-zig-zag > div:last-child {
      -webkit-animation: ball-zag 0.7s 0s infinite linear;
              animation: ball-zag 0.7s 0s infinite linear; }

@-webkit-keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

/* line 48, node_modules/loaders.css/src/animations/ball-zig-zag-deflect.scss */
.ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
      -ms-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  /* line 52, node_modules/loaders.css/src/animations/ball-zig-zag-deflect.scss */
  .ball-zig-zag-deflect > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px; }
    /* line 61, node_modules/loaders.css/src/animations/ball-zig-zag-deflect.scss */
    .ball-zig-zag-deflect > div:first-child {
      -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
              animation: ball-zig-deflect 1.5s 0s infinite linear; }
    /* line 65, node_modules/loaders.css/src/animations/ball-zig-zag-deflect.scss */
    .ball-zig-zag-deflect > div:last-child {
      -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
              animation: ball-zag-deflect 1.5s 0s infinite linear; }

/**
 * Lines
 */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

/* line 19, node_modules/loaders.css/src/animations/line-scale.scss */
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* line 19, node_modules/loaders.css/src/animations/line-scale.scss */
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* line 19, node_modules/loaders.css/src/animations/line-scale.scss */
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* line 19, node_modules/loaders.css/src/animations/line-scale.scss */
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* line 19, node_modules/loaders.css/src/animations/line-scale.scss */
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* line 28, node_modules/loaders.css/src/animations/line-scale.scss */
.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/* line 19, node_modules/loaders.css/src/animations/line-scale-random.scss */
.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
  -webkit-animation-duration: 0.95s;
          animation-duration: 0.95s; }

/* line 19, node_modules/loaders.css/src/animations/line-scale-random.scss */
.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: 0.01s;
          animation-delay: 0.01s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

/* line 19, node_modules/loaders.css/src/animations/line-scale-random.scss */
.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
  -webkit-animation-duration: 0.72s;
          animation-duration: 0.72s; }

/* line 19, node_modules/loaders.css/src/animations/line-scale-random.scss */
.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
  -webkit-animation-duration: 0.39s;
          animation-duration: 0.39s; }

/* line 29, node_modules/loaders.css/src/animations/line-scale-random.scss */
.line-scale-party > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
          animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

/* line 19, node_modules/loaders.css/src/animations/line-scale-pulse-out.scss */
.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
          animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
  /* line 26, node_modules/loaders.css/src/animations/line-scale-pulse-out.scss */
  .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
            animation-delay: -0.4s !important; }
  /* line 30, node_modules/loaders.css/src/animations/line-scale-pulse-out.scss */
  .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
            animation-delay: -0.2s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }
  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }
  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

/* line 18, node_modules/loaders.css/src/animations/line-scale-pulse-out-rapid.scss */
.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
          animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
  /* line 26, node_modules/loaders.css/src/animations/line-scale-pulse-out-rapid.scss */
  .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: -0.25s !important;
            animation-delay: -0.25s !important; }
  /* line 30, node_modules/loaders.css/src/animations/line-scale-pulse-out-rapid.scss */
  .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important; }

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

/* line 59, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
.line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px; }
  /* line 18, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
  .line-spin-fade-loader > div:nth-child(1) {
    top: 20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; }
  /* line 18, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
  .line-spin-fade-loader > div:nth-child(2) {
    top: 13.6363636364px;
    left: 13.6363636364px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; }
  /* line 18, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
  .line-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 20px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; }
  /* line 18, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
  .line-spin-fade-loader > div:nth-child(4) {
    top: -13.6363636364px;
    left: 13.6363636364px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; }
  /* line 18, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
  .line-spin-fade-loader > div:nth-child(5) {
    top: -20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; }
  /* line 18, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
  .line-spin-fade-loader > div:nth-child(6) {
    top: -13.6363636364px;
    left: -13.6363636364px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; }
  /* line 18, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
  .line-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -20px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; }
  /* line 18, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
  .line-spin-fade-loader > div:nth-child(8) {
    top: 13.6363636364px;
    left: -13.6363636364px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }
  /* line 65, node_modules/loaders.css/src/animations/line-spin-fade-loader.scss */
  .line-spin-fade-loader > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px; }

/**
 * Misc
 */
@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

/* line 23, node_modules/loaders.css/src/animations/triangle-skew-spin.scss */
.triangle-skew-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
          animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

/* line 21, node_modules/loaders.css/src/animations/square-spin.scss */
.square-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 50px;
  height: 50px;
  background: #fff;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
          animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@-webkit-keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

@keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

/* line 58, node_modules/loaders.css/src/animations/pacman.scss */
.pacman {
  position: relative; }
  /* line 52, node_modules/loaders.css/src/animations/pacman.scss */
  .pacman > div:nth-child(2) {
    -webkit-animation: pacman-balls 1s -0.99s infinite linear;
            animation: pacman-balls 1s -0.99s infinite linear; }
  /* line 52, node_modules/loaders.css/src/animations/pacman.scss */
  .pacman > div:nth-child(3) {
    -webkit-animation: pacman-balls 1s -0.66s infinite linear;
            animation: pacman-balls 1s -0.66s infinite linear; }
  /* line 52, node_modules/loaders.css/src/animations/pacman.scss */
  .pacman > div:nth-child(4) {
    -webkit-animation: pacman-balls 1s -0.33s infinite linear;
            animation: pacman-balls 1s -0.33s infinite linear; }
  /* line 52, node_modules/loaders.css/src/animations/pacman.scss */
  .pacman > div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
            animation: pacman-balls 1s 0s infinite linear; }
  /* line 63, node_modules/loaders.css/src/animations/pacman.scss */
  .pacman > div:first-of-type {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
            animation: rotate_pacman_half_up 0.5s 0s infinite;
    position: relative;
    left: -30px; }
  /* line 70, node_modules/loaders.css/src/animations/pacman.scss */
  .pacman > div:nth-child(2) {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
            animation: rotate_pacman_half_down 0.5s 0s infinite;
    margin-top: -50px;
    position: relative;
    left: -30px; }
  /* line 78, node_modules/loaders.css/src/animations/pacman.scss */
  .pacman > div:nth-child(3),
  .pacman > div:nth-child(4),
  .pacman > div:nth-child(5),
  .pacman > div:nth-child(6) {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translate(0, -6.25px);
        -ms-transform: translate(0, -6.25px);
            transform: translate(0, -6.25px);
    top: 25px;
    left: 70px; }

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

/* line 22, node_modules/loaders.css/src/animations/cube-transition.scss */
.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
      -ms-transform: translate(-25px, -25px);
          transform: translate(-25px, -25px); }
  /* line 26, node_modules/loaders.css/src/animations/cube-transition.scss */
  .cube-transition > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: #fff;
    -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
            animation: cube-transition 1.6s 0s infinite ease-in-out; }
    /* line 37, node_modules/loaders.css/src/animations/cube-transition.scss */
    .cube-transition > div:last-child {
      -webkit-animation-delay: -0.8s;
              animation-delay: -0.8s; }

@-webkit-keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* line 19, node_modules/loaders.css/src/animations/semi-circle-spin.scss */
.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden; }
  /* line 25, node_modules/loaders.css/src/animations/semi-circle-spin.scss */
  .semi-circle-spin > div {
    position: absolute;
    border-width: 0px;
    border-radius: 100%;
    -webkit-animation: spin-rotate 0.6s 0s infinite linear;
            animation: spin-rotate 0.6s 0s infinite linear;
    background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
    width: 100%;
    height: 100%; }

/* line 3, assets/stylesheets/newWeb/fragments/_modal.scss */
.modal {
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-out 300ms;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7); }
  /* line 17, assets/stylesheets/newWeb/fragments/_modal.scss */
  .modal.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease-in; }
  /* line 23, assets/stylesheets/newWeb/fragments/_modal.scss */
  .modal section.signup-inline {
    padding: 0;
    text-align: left; }
    /* line 26, assets/stylesheets/newWeb/fragments/_modal.scss */
    .modal section.signup-inline .signup {
      max-width: 100%; }
  /* line 30, assets/stylesheets/newWeb/fragments/_modal.scss */
  .modal form {
    position: relative; }
    /* line 33, assets/stylesheets/newWeb/fragments/_modal.scss */
    .modal form.signup-full {
      margin-top: 25px; }
  /* line 38, assets/stylesheets/newWeb/fragments/_modal.scss */
  .modal h2 {
    font-size: 24px;
    line-height: 150%;
    font-weight: 400;
    text-align: left;
    margin: 0; }

/* line 49, assets/stylesheets/newWeb/fragments/_modal.scss */
#general-modal .signup-inline {
  background: none;
  max-height: 800px;
  overflow: visible; }

/* line 57, assets/stylesheets/newWeb/fragments/_modal.scss */
#general-modal.modal-fade-enter .modal-content .signup-inline {
  opacity: .01;
  max-height: 0;
  transition: max-height .3s 100ms, opacity 100ms ease-out; }

/* line 64, assets/stylesheets/newWeb/fragments/_modal.scss */
#general-modal.modal-fade-enter .modal-extra {
  opacity: .01;
  transition: opacity 100ms ease-in; }

/* line 72, assets/stylesheets/newWeb/fragments/_modal.scss */
#general-modal.modal-fade-enter.modal-fade-enter-active .modal-content .signup-inline {
  opacity: 1;
  max-height: 800px;
  transition: max-height .5s ease-out, opacity 100ms ease-in 300ms; }

/* line 79, assets/stylesheets/newWeb/fragments/_modal.scss */
#general-modal.modal-fade-enter.modal-fade-enter-active .modal-extra {
  opacity: 1;
  transition: opacity 100ms ease-in; }

/* line 87, assets/stylesheets/newWeb/fragments/_modal.scss */
#general-modal.modal-fade-leave .modal-content .signup-inline {
  opacity: 1;
  max-height: 800px;
  transition: max-height .5s ease-out, opacity 100ms ease-in 300ms; }

/* line 94, assets/stylesheets/newWeb/fragments/_modal.scss */
#general-modal.modal-fade-leave .modal-extra {
  opacity: 1;
  transition: opacity 100ms ease-in; }

/* line 102, assets/stylesheets/newWeb/fragments/_modal.scss */
#general-modal.modal-fade-leave.modal-fade-leave-active .modal-content .signup-inline {
  opacity: .01;
  max-height: 0;
  transition: max-height .3s 100ms, opacity 100ms ease-out; }

/* line 109, assets/stylesheets/newWeb/fragments/_modal.scss */
#general-modal.modal-fade-leave.modal-fade-leave-active .modal-extra {
  opacity: .01;
  transition: opacity 100ms ease-in; }

/* line 116, assets/stylesheets/newWeb/fragments/_modal.scss */
.modal-container {
  margin: 0 auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 484px;
  -ms-flex-item-align: center;
      align-self: center; }

/* line 123, assets/stylesheets/newWeb/fragments/_modal.scss */
.modal-container.visible {
  display: block; }

/* Modal Content/Box */
/* line 128, assets/stylesheets/newWeb/fragments/_modal.scss */
.modal-content {
  background-color: #ffffff;
  padding: 20px 40px;
  border-radius: 10px;
  border: 1px solid #888; }

/* The Close Button */
/* line 137, assets/stylesheets/newWeb/fragments/_modal.scss */
.close {
  display: block;
  position: relative;
  background: #eaeaea;
  border: none;
  border-radius: 100%;
  float: right;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: all .2s;
  margin: 0px -24px 0 0; }
  /* line 149, assets/stylesheets/newWeb/fragments/_modal.scss */
  .close:hover, .close:active, .close:focus {
    background: #a4b2cb; }
    /* line 153, assets/stylesheets/newWeb/fragments/_modal.scss */
    .close:hover:before, .close:hover:after, .close:active:before, .close:active:after, .close:focus:before, .close:focus:after {
      background: #ffffff; }
  /* line 158, assets/stylesheets/newWeb/fragments/_modal.scss */
  .close::before, .close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 10px;
    top: 50%;
    left: 50%;
    background: #1C2E39; }
  /* line 167, assets/stylesheets/newWeb/fragments/_modal.scss */
  .close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg); }
  /* line 170, assets/stylesheets/newWeb/fragments/_modal.scss */
  .close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg); }

/* line 175, assets/stylesheets/newWeb/fragments/_modal.scss */
.modal-extra {
  margin-top: 10px;
  color: white;
  text-align: center;
  font-size: 14px;
  line-height: 20px; }
  /* line 182, assets/stylesheets/newWeb/fragments/_modal.scss */
  .modal-extra span {
    margin-right: 10px; }
  /* line 186, assets/stylesheets/newWeb/fragments/_modal.scss */
  .modal-extra div.sentione-button {
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    color: #3896f7; }

/* Loading animation */
/* line 195, assets/stylesheets/newWeb/fragments/_modal.scss */
.loader {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: all 0.2s ease 0.2s; }
  /* line 209, assets/stylesheets/newWeb/fragments/_modal.scss */
  .loader.activated {
    visibility: visible;
    opacity: 1;
    background: rgba(255, 255, 255, 0.75); }
  /* line 215, assets/stylesheets/newWeb/fragments/_modal.scss */
  .loader .line-scale-pulse-out > div {
    background: #4D94FF; }

/* line 1, assets/stylesheets/newWeb/fragments/_block-img.scss */
.block-img {
  text-align: center; }
  /* line 3, assets/stylesheets/newWeb/fragments/_block-img.scss */
  .block-img img {
    padding: 5px;
    max-width: 100%;
    height: auto;
    border: 1px solid #BECCD8;
    box-sizing: border-box;
    border-radius: 6px; }
    /* line 11, assets/stylesheets/newWeb/fragments/_block-img.scss */
    .block-img img[src$="_ue_eng.jpg"], .block-img img[src$="_fe_poir.jpg"] {
      border: none; }

/* line 1, assets/stylesheets/newWeb/fragments/_pagination.scss */
.pagination {
  text-align: center; }
  /* line 3, assets/stylesheets/newWeb/fragments/_pagination.scss */
  .pagination a {
    width: 25px;
    margin: 0 5px;
    line-height: 25px;
    color: #444445;
    display: inline-block; }
  /* line 10, assets/stylesheets/newWeb/fragments/_pagination.scss */
  .pagination__control {
    border-radius: 4px;
    border: 1px solid #444445; }
  /* line 14, assets/stylesheets/newWeb/fragments/_pagination.scss */
  .pagination .active {
    color: #69B0F9;
    border-color: #69B0F9; }
  /* line 18, assets/stylesheets/newWeb/fragments/_pagination.scss */
  .pagination .disabled {
    pointer-events: none;
    cursor: none;
    color: #9B9B9B;
    border-color: #9B9B9B; }

/* line 1, assets/stylesheets/newWeb/fragments/_header.scss */
.header {
  font-family: "Open Sans";
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 80px;
  background: #ffffff;
  /* PDF template */ }
  /* line 13, assets/stylesheets/newWeb/fragments/_header.scss */
  .header .pre-logo {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    /* line 17, assets/stylesheets/newWeb/fragments/_header.scss */
    .header .pre-logo a {
      display: block;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      text-indent: -9999px; }
  /* line 28, assets/stylesheets/newWeb/fragments/_header.scss */
  .header .header__menu > ul {
    transition: -webkit-transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s; }
    /* line 31, assets/stylesheets/newWeb/fragments/_header.scss */
    .header .header__menu > ul.hide {
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%); }
  /* line 35, assets/stylesheets/newWeb/fragments/_header.scss */
  .header .header__menu ul {
    font-size: 100%; }
    /* line 37, assets/stylesheets/newWeb/fragments/_header.scss */
    .header .header__menu ul li {
      margin-right: 30px; }
      /* line 39, assets/stylesheets/newWeb/fragments/_header.scss */
      .header .header__menu ul li:last-child {
        margin-right: 0; }
      /* line 44, assets/stylesheets/newWeb/fragments/_header.scss */
      .header .header__menu ul li.c-menu-dropdown ul li {
        transition: none;
        margin-right: 0; }
    /* line 51, assets/stylesheets/newWeb/fragments/_header.scss */
    .header .header__menu ul a {
      color: #86909D; }
      /* line 53, assets/stylesheets/newWeb/fragments/_header.scss */
      .header .header__menu ul a:hover, .header .header__menu ul a.active {
        color: #4D94FF; }
        /* line 55, assets/stylesheets/newWeb/fragments/_header.scss */
        .header .header__menu ul a:hover.btn, .header .header__menu ul a.active.btn {
          color: #ffffff; }
    /* line 60, assets/stylesheets/newWeb/fragments/_header.scss */
    .header .header__menu ul .btn, .header .header__menu ul button {
      color: #ffffff;
      padding-left: 20px;
      padding-right: 20px; }
  /* line 67, assets/stylesheets/newWeb/fragments/_header.scss */
  .header .header__lang {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    margin-left: 40px;
    transition: visibility 0s 0s, opacity .2s 0s; }
    /* line 73, assets/stylesheets/newWeb/fragments/_header.scss */
    .header .header__lang:before {
      content: '';
      position: absolute;
      left: -20px;
      top: 50%;
      -webkit-transform: translateY(-60%);
          -ms-transform: translateY(-60%);
              transform: translateY(-60%);
      height: 25px;
      width: 1px;
      background-color: #BECCD8; }
  /* line 84, assets/stylesheets/newWeb/fragments/_header.scss */
  .header .header__lang-select {
    display: none;
    position: absolute;
    z-index: 3;
    left: 20px;
    height: 30px; }
    /* line 90, assets/stylesheets/newWeb/fragments/_header.scss */
    .header .header__lang-select select {
      font-size: 14px;
      font-weight: 600;
      height: 30px;
      background-color: transparent;
      border: none; }
  /* line 101, assets/stylesheets/newWeb/fragments/_header.scss */
  .header__pdf-title {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    transition: visibility 0s .2s, opacity .2s 0s;
    text-align: center; }
    /* line 111, assets/stylesheets/newWeb/fragments/_header.scss */
    .header__pdf-title-chapter {
      margin-top: 6px; }
      /* line 114, assets/stylesheets/newWeb/fragments/_header.scss */
      .header__pdf-title-chapter span, .header__pdf-title-chapter ul {
        display: inline-block; }
      /* line 117, assets/stylesheets/newWeb/fragments/_header.scss */
      .header__pdf-title-chapter ul {
        font-weight: 800; }
        /* line 119, assets/stylesheets/newWeb/fragments/_header.scss */
        .header__pdf-title-chapter ul li {
          display: none; }
          /* line 121, assets/stylesheets/newWeb/fragments/_header.scss */
          .header__pdf-title-chapter ul li.active {
            display: block; }
  /* line 130, assets/stylesheets/newWeb/fragments/_header.scss */
  .header__reading-pdf .header__pdf-title {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s, opacity .2s 0s; }
  /* line 136, assets/stylesheets/newWeb/fragments/_header.scss */
  .header__reading-pdf ul.header__lang {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s, opacity .2s 0s; }
  /* line 141, assets/stylesheets/newWeb/fragments/_header.scss */
  .header__reading-pdf ul li a:not(.btn):not(button) {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s, opacity .2s 0s; }

/* line 2, assets/stylesheets/newWeb/fragments/_footer.scss */
footer.footer {
  position: relative;
  z-index: 4;
  background: #20344F;
  color: #ffffff;
  padding-top: 45px;
  padding-bottom: 90px; }
  /* line 11, assets/stylesheets/newWeb/fragments/_footer.scss */
  footer.footer a {
    color: #86909D; }
    /* line 13, assets/stylesheets/newWeb/fragments/_footer.scss */
    footer.footer a:hover {
      color: #555d68; }

/* line 19, assets/stylesheets/newWeb/fragments/_footer.scss */
footer .footer__navs {
  font-size: 0.8571428571rem;
  margin-right: auto;
  margin-bottom: 0; }
  /* line 23, assets/stylesheets/newWeb/fragments/_footer.scss */
  footer .footer__navs h3 {
    position: relative;
    color: #E5E9F0;
    margin-bottom: 8px;
    padding-bottom: 8px; }
    /* line 28, assets/stylesheets/newWeb/fragments/_footer.scss */
    footer .footer__navs h3:after {
      content: '';
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 60px;
      height: 1px;
      background: #E5E9F0; }
  /* line 38, assets/stylesheets/newWeb/fragments/_footer.scss */
  footer .footer__navs ul {
    line-height: 26px;
    font-weight: 600; }
  /* line 43, assets/stylesheets/newWeb/fragments/_footer.scss */
  footer .footer__navs-collab li {
    margin-top: 15px;
    margin-bottom: 20px; }
    /* line 46, assets/stylesheets/newWeb/fragments/_footer.scss */
    footer .footer__navs-collab li:last-child {
      margin-bottom: 0; }

/* line 52, assets/stylesheets/newWeb/fragments/_footer.scss */
footer .footer__social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 0; }
  /* line 56, assets/stylesheets/newWeb/fragments/_footer.scss */
  footer .footer__social ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 40px;
    width: 100px; }
    /* line 61, assets/stylesheets/newWeb/fragments/_footer.scss */
    footer .footer__social ul li {
      padding: 0 10px;
      opacity: .5;
      transition: opacity 0.2s ease 0s; }
      /* line 65, assets/stylesheets/newWeb/fragments/_footer.scss */
      footer .footer__social ul li:hover {
        opacity: 1; }

/* line 71, assets/stylesheets/newWeb/fragments/_footer.scss */
footer .footer__logo {
  margin-top: auto;
  margin-bottom: 0; }
  /* line 74, assets/stylesheets/newWeb/fragments/_footer.scss */
  footer .footer__logo img {
    margin: 0 auto 15px auto;
    width: 87px;
    height: 30px; }
  /* line 79, assets/stylesheets/newWeb/fragments/_footer.scss */
  footer .footer__logo a {
    color: #ffffff; }

/* line 1, assets/stylesheets/newWeb/fragments/_cookies.scss */
.cookies {
  position: fixed;
  z-index: 999999;
  bottom: 2%;
  left: 0px;
  width: 100%; }
  /* line 7, assets/stylesheets/newWeb/fragments/_cookies.scss */
  .cookies__content {
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    max-width: 800px;
    width: 90%;
    margin: 0 auto;
    padding: 20px 30px;
    text-align: center;
    opacity: 0;
    box-sizing: border-box;
    -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
    transition: opacity 0.2s ease 0s; }
    /* line 18, assets/stylesheets/newWeb/fragments/_cookies.scss */
    .cookies__content p {
      width: 100%; }
    /* line 21, assets/stylesheets/newWeb/fragments/_cookies.scss */
    .cookies__content a {
      cursor: pointer; }
    /* line 24, assets/stylesheets/newWeb/fragments/_cookies.scss */
    .cookies__content.visible {
      opacity: 1; }

/* line 1, assets/stylesheets/newWeb/fragments/_signup.scss */
section.signup-inline {
  margin: 0 auto;
  text-align: center;
  background-color: #FCFCFC;
  border-top: #EEEEEE;
  padding: 100px 0; }
  /* line 8, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline label {
    display: block;
    font-size: 18px;
    margin: 20px; }
  /* line 14, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline span {
    display: block;
    margin: 20px 0; }
  /* line 19, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .signup-inline__text {
    color: #6F90A8;
    font-size: 12px;
    line-height: 17px;
    margin: 0px; }
  /* line 25, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .signup-inline__divider {
    color: #647ca5;
    position: relative;
    display: block;
    font-size: 11px;
    text-align: center;
    margin: 22px 0; }
    /* line 32, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup-inline__divider:before, section.signup-inline .signup-inline__divider:after {
      content: '';
      position: absolute;
      top: calc(50%);
      height: 1px;
      width: calc(50% - 30px);
      background: #E5E9F0; }
    /* line 40, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup-inline__divider:after {
      left: 0px; }
    /* line 43, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup-inline__divider:before {
      right: 0px; }
  /* line 48, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .signup-inline__text--label {
    color: #364760;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left; }
  /* line 54, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .signup-inline__text--sublabel {
    display: inline-block;
    color: #8d8d8d;
    font-size: 11px;
    letter-spacing: .05px;
    font-weight: 400;
    margin: 0 0 0 4px; }
  /* line 62, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .signup-inline__error {
    font-size: 11px;
    line-height: 1;
    opacity: 0;
    color: #FE648C;
    text-align: left;
    display: block;
    padding: 5px 10px;
    margin: -10px 0 0 0;
    background: #F4F5F6;
    border-radius: 4px; }
    /* line 73, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup-inline__error.error {
      opacity: 1; }
  /* line 77, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .signup-inline__error--forgot-password {
    display: block;
    margin: 20px 0; }
  /* line 81, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .signup-inline__trial {
    display: block;
    font-size: 18px;
    margin-bottom: 20px; }
  /* line 87, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .accept-terms-by-button {
    color: #4e6388;
    display: block;
    font-size: 10px;
    line-height: 15px;
    text-align: left; }
  /* line 96, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline button span {
    display: inline;
    margin: 0; }
  /* line 102, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .signup {
    max-width: 400px;
    margin: 0 auto; }
    /* line 107, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup .divider {
      text-align: center; }
    /* line 111, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup-full input[type="password"],
    section.signup-inline .signup-full input[type="text"],
    section.signup-inline .signup-full select {
      background-color: #fff;
      text-indent: 10px;
      border: 1px solid #E5E9F0;
      border-radius: 4px;
      color: #2f4c73;
      height: 36px;
      transition: box-shadow .3s;
      box-sizing: border-box;
      width: 100%;
      margin: 0 0 10px;
      border-color: #eaeaea; }
      /* line 121, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup-full input[type="password"]:focus,
      section.signup-inline .signup-full input[type="text"]:focus,
      section.signup-inline .signup-full select:focus {
        border-color: #4D94FF;
        transition: border-color .4s; }
      /* line 126, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup-full input[type="password"].error,
      section.signup-inline .signup-full input[type="text"].error,
      section.signup-inline .signup-full select.error {
        border-color: #FE648C;
        transition: border-color .4s; }
      /* line 42, assets/stylesheets/commons/_mixins.scss */
      section.signup-inline .signup-full input[type="password"]::-webkit-input-placeholder,
      section.signup-inline .signup-full input[type="text"]::-webkit-input-placeholder,
      section.signup-inline .signup-full select::-webkit-input-placeholder {
        font-size: inherit;
        color: #364760; }
      /* line 46, assets/stylesheets/commons/_mixins.scss */
      section.signup-inline .signup-full input[type="password"]:-moz-placeholder,
      section.signup-inline .signup-full input[type="text"]:-moz-placeholder,
      section.signup-inline .signup-full select:-moz-placeholder {
        /* Firefox 18- */
        font-size: inherit;
        color: #364760; }
      /* line 50, assets/stylesheets/commons/_mixins.scss */
      section.signup-inline .signup-full input[type="password"]::-moz-placeholder,
      section.signup-inline .signup-full input[type="text"]::-moz-placeholder,
      section.signup-inline .signup-full select::-moz-placeholder {
        /* Firefox 19+ */
        font-size: inherit;
        color: #364760; }
      /* line 54, assets/stylesheets/commons/_mixins.scss */
      section.signup-inline .signup-full input[type="password"]:-ms-input-placeholder,
      section.signup-inline .signup-full input[type="text"]:-ms-input-placeholder,
      section.signup-inline .signup-full select:-ms-input-placeholder {
        font-size: inherit;
        color: #364760; }
    /* line 136, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup-full select {
      background: white 95% no-repeat;
      height: 38px; }
      @supports (-webkit-appearance: none) or (-moz-appearance: none) or (apperance: none) {
        /* line 136, assets/stylesheets/newWeb/fragments/_signup.scss */
        section.signup-inline .signup-full select {
          -webkit-appearance: none;
          -moz-appearance: none;
          apperance: none;
          background-image: url("https://cdn.sentione.com/newWeb/global/selectbox_arrow_fallback.png");
          background-image: url("https://cdn.sentione.com/newWeb/global/selectbox_arrow.svg"); } }
    /* line 140, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup-full .checkbox {
      line-height: 23px;
      margin-bottom: 10px; }
      /* line 146, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup-full .checkbox--extra-margin {
        margin-bottom: 40px; }
      /* line 150, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup-full .checkbox--normal-margin {
        margin-bottom: 20px; }
      /* line 154, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup-full .checkbox__input {
        display: -ms-flexbox;
        display: flex;
        position: relative; }
      /* line 159, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup-full .checkbox .signup-inline__error {
        display: none;
        margin: 4px 0; }
        /* line 163, assets/stylesheets/newWeb/fragments/_signup.scss */
        section.signup-inline .signup-full .checkbox .signup-inline__error.error {
          display: block; }
      /* line 168, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup-full .checkbox input[type='checkbox'] {
        opacity: 0;
        -ms-flex: 0 0 23px;
            flex: 0 0 23px;
        cursor: pointer; }
        /* line 173, assets/stylesheets/newWeb/fragments/_signup.scss */
        section.signup-inline .signup-full .checkbox input[type='checkbox']:checked + label:after {
          content: ""; }
        /* line 177, assets/stylesheets/newWeb/fragments/_signup.scss */
        section.signup-inline .signup-full .checkbox input[type='checkbox']:checked + label:before {
          background: rgba(77, 148, 255, 0.05);
          border-color: #4D94FF; }
        /* line 182, assets/stylesheets/newWeb/fragments/_signup.scss */
        section.signup-inline .signup-full .checkbox input[type='checkbox'].error + label:before {
          border-color: #FE648C; }
      /* line 187, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup-full .checkbox label {
        font-size: 12px;
        cursor: pointer;
        text-align: left;
        margin-top: 0;
        margin-right: 0;
        margin-left: 20px;
        margin-bottom: 0; }
        /* line 198, assets/stylesheets/newWeb/fragments/_signup.scss */
        section.signup-inline .signup-full .checkbox label:before, section.signup-inline .signup-full .checkbox label:after {
          position: absolute;
          display: inline-block;
          left: 0; }
        /* line 204, assets/stylesheets/newWeb/fragments/_signup.scss */
        section.signup-inline .signup-full .checkbox label:before {
          content: "";
          height: 23px;
          width: 23px;
          border-radius: 4px;
          border: 1px solid #E5E9F0;
          transition: all .2s ease-in-out; }
        /* line 213, assets/stylesheets/newWeb/fragments/_signup.scss */
        section.signup-inline .signup-full .checkbox label:after {
          height: 5px;
          width: 8px;
          border-left: 1px solid;
          border-bottom: 1px solid;
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          color: #4D94FF;
          top: 8px;
          left: 8px; }
    /* line 226, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup-full__terms {
      float: left;
      clear: left;
      margin: 10px 0;
      font-weight: 400;
      text-align: left;
      line-height: 22px; }
    /* line 235, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup-full .signup-full__label {
      margin: 10px 0;
      display: block; }
    /* line 241, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup .signup-full__register-btn {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
    /* line 246, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup button {
      display: block;
      margin: 0 auto;
      min-width: 290px;
      padding: 14px 0; }
      /* line 251, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup button.sentione-button {
        margin-top: 6px; }
      /* line 254, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup button.facebook-button {
        position: relative;
        margin-bottom: 25px;
        background-color: #4267B2;
        padding-left: 46px;
        padding-right: 21px; }
    /* line 263, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup .facebook-button__icon {
      position: absolute;
      left: 2px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      padding: 4px 12px; }
      /* line 270, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-inline .signup .facebook-button__icon img {
        margin-top: 4px;
        height: 18px;
        width: auto; }
    /* line 278, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-inline .signup .checkbox-wrapper.error label {
      color: #d80f0f; }
  /* line 284, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-inline .error-shake {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
            animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

/* line 289, assets/stylesheets/newWeb/fragments/_signup.scss */
section.signup-modal {
  margin: 0 auto;
  text-align: center;
  background-color: #FCFCFC;
  border-top: #EEEEEE;
  padding: 100px 0; }
  /* line 296, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-modal span {
    display: block;
    font-size: 18px;
    margin: 20px; }
  /* line 302, assets/stylesheets/newWeb/fragments/_signup.scss */
  section.signup-modal .signup {
    max-width: 400px;
    margin: 0 auto; }
    /* line 308, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-modal .signup_full input[type="password"],
    section.signup-modal .signup_full input[type="text"] {
      border: 1px solid #eaeaea;
      background-color: white;
      font-size: 13px;
      width: 100%;
      padding: 10px 0;
      text-indent: 10px;
      margin: 5px 0;
      border-radius: 4px;
      transition: border-color .4s; }
      /* line 320, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-modal .signup_full input[type="password"]:focus,
      section.signup-modal .signup_full input[type="text"]:focus {
        border-color: #d1d0d0;
        transition: border-color .4s; }
      /* line 325, assets/stylesheets/newWeb/fragments/_signup.scss */
      section.signup-modal .signup_full input[type="password"].error,
      section.signup-modal .signup_full input[type="text"].error {
        border-color: #d80f0f;
        transition: border-color .4s; }
    /* line 331, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-modal .signup_full__terms {
      float: left;
      clear: left;
      margin: 10px 0;
      font-weight: 400;
      text-align: left;
      line-height: 22px; }
    /* line 342, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-modal .signup button {
      width: 100%;
      padding: 10px 0; }
    /* line 348, assets/stylesheets/newWeb/fragments/_signup.scss */
    section.signup-modal .signup .checkbox-wrapper.error label {
      color: #d80f0f; }

/* line 355, assets/stylesheets/newWeb/fragments/_signup.scss */
.flash-error-message {
  color: #b14848;
  margin-bottom: 10px;
  margin-top: 10px; }

/* line 361, assets/stylesheets/newWeb/fragments/_signup.scss */
.separate-login {
  width: 100%; }
  /* line 363, assets/stylesheets/newWeb/fragments/_signup.scss */
  .separate-login .signup-inline {
    background-color: white; }

/* line 2, assets/stylesheets/newWeb/fragments/_more.scss */
.section-more {
  color: #ffffff; }
  /* line 4, assets/stylesheets/newWeb/fragments/_more.scss */
  .section-more img {
    display: block;
    width: 100%; }
  /* line 8, assets/stylesheets/newWeb/fragments/_more.scss */
  .section-more .btn, .section-more button {
    margin-top: 25px;
    color: #69B0F9; }
    @media (max-width: 767px) {
      /* line 8, assets/stylesheets/newWeb/fragments/_more.scss */
      .section-more .btn, .section-more button {
        margin-left: auto;
        margin-right: auto; } }
  @media (max-width: 767px) {
    /* line 2, assets/stylesheets/newWeb/fragments/_more.scss */
    .section-more {
      text-align: center; } }

/* line 1, assets/stylesheets/newWeb/homepage/_base.scss */
.view-index {
  /* GLOBAL */
  /* SECTION MAIN */
  /* SECTION LISTEN */
  /* SECTION UNDERSTAND */
  /* SECTION REACT */
  /* SECTION PROVE */
  /* SECTION ENTERPRISE */
  /* SECTION TESTIMONIALS */
  /* SECTION MENTIONS */ }
  /* line 3, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index section {
    padding-top: 0; }
  /* line 6, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index .section-homepage {
    color: #ffffff;
    padding-top: 90px;
    padding-bottom: 90px; }
    /* line 10, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-homepage img {
      display: block; }
    /* line 13, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-homepage__video {
      width: 590px;
      background: #ffffff;
      padding: 35px 15px;
      border-radius: 6px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
      /* line 20, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-homepage__video video {
        display: block;
        width: 100%;
        height: auto;
        transition: opacity 1s 0s;
        opacity: .99; }
    /* line 28, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-homepage__video-bg {
      margin: 0 auto;
      background-position: top center;
      background-color: #ffffff;
      background-repeat: no-repeat;
      background-size: 100%; }
  /* line 38, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index .main {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    padding-bottom: 0; }
    /* line 44, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .main .video {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 0;
      width: 100%;
      min-width: 1200px;
      height: auto;
      -webkit-transform: translateY(-64%);
          -ms-transform: translateY(-64%);
              transform: translateY(-64%);
      background-image: url("https://cdn.sentione.com/newWeb2/home/main/main.jpg");
      background-size: cover; }
      @media (max-width: 1200px) {
        /* line 44, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index .main .video {
          left: 50%;
          -webkit-transform: translateY(-64%) translateX(-50%);
              -ms-transform: translateY(-64%) translateX(-50%);
                  transform: translateY(-64%) translateX(-50%); } }
      /* line 60, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .main .video video {
        width: 100%;
        height: 24.375%; }
  /* line 66, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index .section-main {
    position: relative;
    min-height: inherit;
    padding-top: 0;
    padding-bottom: 0; }
    /* line 71, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-main h1 {
      color: #69B0F9;
      padding-top: 80px; }
      /* line 74, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-main h1 span {
        color: #4D4D4D;
        display: block;
        margin-top: 35px; }
    /* line 80, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-main .btn, .view-index .section-main button {
      max-width: 270px;
      width: 100%;
      margin: 0 auto; }
    /* line 84, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-main__content, .view-index .section-main__partners {
      -ms-flex-item-align: end;
          align-self: flex-end;
      z-index: 2; }
    /* line 89, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-main__partners ul {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center;
      margin: 0 auto 0 auto;
      max-width: 1030px;
      width: 100%; }
      /* line 94, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-main__partners ul li {
        padding-left: 22px;
        padding-right: 22px; }
    /* line 100, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-main__deloitte {
      margin-top: 65px;
      margin-bottom: 60px; }
  /* line 107, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index div.section-listen {
    background: #69B0F9;
    padding-bottom: 0px; }
    /* line 110, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-listen .btn, .view-index div.section-listen button {
      color: #69B0F9; }
    /* line 113, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-listen .section-homepage__video-bg {
      width: 549px;
      background-image: url("https://cdn.sentione.com/newWeb2/home/modules/listen/bg@1x.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        /* line 113, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index div.section-listen .section-homepage__video-bg {
          background-image: url("https://cdn.sentione.com/newWeb2/home/modules/listen/bg@2x.png"); } }
  /* line 123, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index div.section-understand {
    background: #698BF9;
    padding-bottom: 0px; }
    /* line 126, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-understand .btn, .view-index div.section-understand button {
      color: #698BF9; }
    /* line 129, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-understand .section-homepage__video-bg {
      width: 497px;
      margin-left: 36px;
      margin-top: 18px;
      background-image: url("https://cdn.sentione.com/newWeb2/home/modules/understand/bg@1x.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        /* line 129, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index div.section-understand .section-homepage__video-bg {
          background-image: url("https://cdn.sentione.com/newWeb2/home/modules/understand/bg@2x.png"); } }
  /* line 141, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index div.section-react {
    background: #7E69F9;
    padding-bottom: 0px; }
    /* line 144, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-react .btn, .view-index div.section-react button {
      color: #7E69F9; }
    /* line 147, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-react .section-homepage__video {
      padding: 55px 15px; }
      /* line 149, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index div.section-react .section-homepage__video-bg {
        width: 472px;
        background-image: url("https://cdn.sentione.com/newWeb2/home/modules/react/bg@1x.png"); }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          /* line 149, assets/stylesheets/newWeb/homepage/_base.scss */
          .view-index div.section-react .section-homepage__video-bg {
            background-image: url("https://cdn.sentione.com/newWeb2/home/modules/react/bg@2x.png"); } }
  /* line 160, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index div.section-prove {
    background: #AC69F9;
    padding-bottom: 0px; }
    /* line 163, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-prove .btn, .view-index div.section-prove button {
      color: #AC69F9; }
    /* line 167, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-prove .section-homepage__video {
      width: 900px;
      padding-top: 25px;
      padding-bottom: 0px; }
    /* line 172, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-prove .section-homepage__video-bg {
      width: 900px;
      background-image: url("https://cdn.sentione.com/newWeb2/home/modules/prove/bg@1x.png"); }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        /* line 172, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index div.section-prove .section-homepage__video-bg {
          background-image: url("https://cdn.sentione.com/newWeb2/home/modules/prove/bg@2x.png"); } }
  /* line 183, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index div.section-enterprise {
    background: #20344F; }
    /* line 185, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-enterprise h1 {
      color: #69B0F9; }
    /* line 188, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index div.section-enterprise__list {
      margin-top: 45px; }
  /* line 192, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index ul.section-enterprise__list {
    font-size: 100%; }
  /* line 197, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index #testimonials {
    overflow: visible;
    padding-bottom: 55px; }
  /* line 201, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index .section-testimonials {
    background: #fbfbfb;
    padding-bottom: 40px; }
    /* line 204, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-testimonials h1 {
      color: #69B0F9;
      margin-bottom: 0; }
    /* line 208, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-testimonials__list {
      position: relative;
      min-height: 450px; }
    /* line 212, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-testimonials__container {
      display: -ms-flexbox;
      display: flex;
      width: 108%;
      height: 100%;
      position: absolute;
      z-index: 2;
      left: -4%;
      top: 0;
      opacity: 0;
      transition: opacity 0.5s ease 0s; }
      /* line 222, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__container img {
        width: 100%;
        height: auto; }
      /* line 226, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__container.active {
        opacity: 1; }
    /* line 230, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-testimonials__img, .view-index .section-testimonials__txt {
      width: 50%; }
    /* line 233, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-testimonials__img {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      /* line 237, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__img.mec {
        background-image: url("https://cdn.sentione.com/newWeb2/home/testimonials/mec.jpg"); }
      /* line 240, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__img.payback {
        background-image: url("https://cdn.sentione.com/newWeb2/home/testimonials/payback.jpg"); }
      /* line 243, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__img.nivea {
        background-image: url("https://cdn.sentione.com/newWeb2/home/testimonials/nivea.jpg"); }
      /* line 246, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__img.ogilvy {
        background-image: url("https://cdn.sentione.com/newWeb2/home/testimonials/ogilvy.jpg"); }
      /* line 249, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__img.huawei {
        background-image: url("https://cdn.sentione.com/newWeb2/home/testimonials/huawei.jpg"); }
    /* line 253, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-testimonials__txt {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      box-sizing: border-box;
      padding: 20px 6%; }
      /* line 257, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__txt p {
        font-size: 1.2857142857rem;
        line-height: 2.5714285714rem; }
      /* line 261, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__txt footer {
        position: relative;
        font-size: 1.7142857143rem;
        font-weight: 300;
        padding: 30px 0 0 0;
        margin-top: 30px; }
        /* line 267, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index .section-testimonials__txt footer:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 110px;
          height: 2px;
          background: #ffffff; }
    /* line 278, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-testimonials__navigation {
      padding: 30px 0 16px 0;
      background: #1E2228; }
      /* line 281, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__navigation ul {
        -ms-flex-align: stretch;
            align-items: stretch; }
      /* line 284, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__navigation li {
        position: relative;
        cursor: pointer;
        width: 20%;
        text-align: center; }
        /* line 289, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index .section-testimonials__navigation li:before {
          content: '';
          position: absolute;
          z-index: 1;
          top: 0px;
          left: 50%;
          height: 46px;
          width: 46px;
          -webkit-transform: translateX(-50%) rotate(45deg);
              -ms-transform: translateX(-50%) rotate(45deg);
                  transform: translateX(-50%) rotate(45deg);
          background: #1E2228;
          transition: all 0.2s ease 0s; }
        /* line 301, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index .section-testimonials__navigation li img {
          position: relative;
          z-index: 2;
          opacity: .5;
          transition: all 0.2s ease 0s; }
        /* line 308, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index .section-testimonials__navigation li:hover img, .view-index .section-testimonials__navigation li.active img {
          opacity: 1; }
        /* line 313, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index .section-testimonials__navigation li.active:before {
          top: -46px; }
    /* line 319, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-testimonials__companies {
      padding: 90px 0;
      background: #ffffff; }
      /* line 322, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__companies h2 {
        color: #69B0F9; }
      /* line 325, assets/stylesheets/newWeb/homepage/_base.scss */
      .view-index .section-testimonials__companies ul {
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
        /* line 327, assets/stylesheets/newWeb/homepage/_base.scss */
        .view-index .section-testimonials__companies ul li {
          width: 20%;
          padding: 10px 0; }
  /* line 336, assets/stylesheets/newWeb/homepage/_base.scss */
  .view-index .section-mentions {
    background: #69B0F9;
    border-radius: 0px;
    margin-bottom: 0px; }
    /* line 344, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-mentions .row span {
      display: block;
      font-size: 2.5714285714rem;
      margin: 14px 0 10px 0; }
    /* line 350, assets/stylesheets/newWeb/homepage/_base.scss */
    .view-index .section-mentions .btn, .view-index .section-mentions button {
      color: #69B0F9;
      margin: 50px auto 0 auto; }

/* line 1, assets/stylesheets/newWeb/features/_base.scss */
.view-allfeatures {
  /* MAIN SECTION */
  /* SECTION LISTEN */
  /* SECTION UNDERSTAND */
  /* SECTION REACT */
  /* SECTION PROVE */
  /* SECTION ENTERPRISE */ }
  /* line 5, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-main__icons {
    cursor: pointer; }
    /* line 8, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li i {
      margin: 0 auto;
      transition: box-shadow 0.35s ease 0s; }
    /* line 12, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li:nth-child(1) {
      color: #69B0F9; }
    /* line 15, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li:nth-child(2) {
      color: #698BF9; }
    /* line 18, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li:nth-child(3) {
      color: #7E69F9; }
    /* line 21, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li:nth-child(4) {
      color: #AC69F9; }
    /* line 24, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li span {
      display: block;
      font-size: 1.2857142857rem;
      margin-top: 40px;
      transition: color 0.35s ease 0s; }
    /* line 31, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li:hover i {
      -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
      -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35); }
    /* line 34, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li:hover:nth-child(1) {
      color: #0a7cf2; }
    /* line 37, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li:hover:nth-child(2) {
      color: #0a41f2; }
    /* line 40, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li:hover:nth-child(3) {
      color: #2c0af2; }
    /* line 43, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-main__icons li:hover:nth-child(4) {
      color: #760af2; }
  /* line 53, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-listen h1, .view-allfeatures .section-listen h2 {
    color: #69B0F9; }
  /* line 56, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-listen .icon--big img {
    width: 50%;
    height: auto; }
  /* line 60, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-listen__video {
    width: 100%;
    background: #fbfbfb;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    box-sizing: border-box;
    padding: 35px; }
    /* line 66, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-listen__video video {
      display: block;
      width: 100%;
      transition: opacity 1s 0s; }
  /* line 72, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-listen__video-bg {
    width: 760px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fbfbfb;
    background-image: url("https://cdn.sentione.com/newWeb2/feature/listen/listen@1x.png"); }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      /* line 72, assets/stylesheets/newWeb/features/_base.scss */
      .view-allfeatures .section-listen__video-bg {
        background-image: url("https://cdn.sentione.com/newWeb2/feature/listen/listen@2x.png"); } }
  /* line 86, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-understand {
    background-color: #fbfbfb; }
    /* line 88, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand h1, .view-allfeatures .section-understand h2 {
      color: #698BF9; }
    /* line 91, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand hr {
      background-color: #fbfbfb; }
    /* line 94, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand .icon--big img {
      width: 50%;
      height: auto; }
    /* line 98, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand .btn, .view-allfeatures .section-understand button {
      background: #698BF9; }
    /* line 102, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand .section-understand__features > div {
      opacity: 0; }
      /* line 108, assets/stylesheets/newWeb/features/_base.scss */
      .view-allfeatures .section-understand .section-understand__features > div:nth-child(1) {
        transition: opacity 0.35s cubic-bezier(0.55, 0.06, 0.68, 0.19) 0s; }
        /* line 128, assets/stylesheets/newWeb/features/_base.scss */
        .view-allfeatures .section-understand .section-understand__features > div:nth-child(1) span.icon-counter:before {
          background: #69B0F9; }
      /* line 108, assets/stylesheets/newWeb/features/_base.scss */
      .view-allfeatures .section-understand .section-understand__features > div:nth-child(2) {
        transition: opacity 0.35s cubic-bezier(0.55, 0.06, 0.68, 0.19) 0.5s; }
        /* line 128, assets/stylesheets/newWeb/features/_base.scss */
        .view-allfeatures .section-understand .section-understand__features > div:nth-child(2) span.icon-counter:before {
          background: #698BF9; }
      /* line 108, assets/stylesheets/newWeb/features/_base.scss */
      .view-allfeatures .section-understand .section-understand__features > div:nth-child(3) {
        transition: opacity 0.35s cubic-bezier(0.55, 0.06, 0.68, 0.19) 1s; }
        /* line 128, assets/stylesheets/newWeb/features/_base.scss */
        .view-allfeatures .section-understand .section-understand__features > div:nth-child(3) span.icon-counter:before {
          background: #7E69F9; }
      /* line 108, assets/stylesheets/newWeb/features/_base.scss */
      .view-allfeatures .section-understand .section-understand__features > div:nth-child(4) {
        transition: opacity 0.35s cubic-bezier(0.55, 0.06, 0.68, 0.19) 1.5s; }
        /* line 128, assets/stylesheets/newWeb/features/_base.scss */
        .view-allfeatures .section-understand .section-understand__features > div:nth-child(4) span.icon-counter:before {
          background: #AC69F9; }
    /* line 136, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand .section-understand__features.active > div {
      opacity: 1; }
    /* line 141, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand .section-understand__features-1 img {
      width: 95%; }
    /* line 146, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand .section-understand__features-2 img {
      width: 100%; }
    /* line 161, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand .section-understand__features--wide > div:nth-child(1) span.icon-counter:before {
      background: #C856DF; }
    /* line 161, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-understand .section-understand__features--wide > div:nth-child(2) span.icon-counter:before {
      background: #BC42B2; }
  /* line 174, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-react h1, .view-allfeatures .section-react h2 {
    color: #7E69F9; }
  /* line 177, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-react .icon--big img {
    width: 64%;
    height: auto; }
  /* line 181, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-react .col-img {
    position: relative; }
    /* line 183, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-react .col-img .section-react__phone {
      width: 432px; }
    /* line 186, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-react .col-img .section-react__notification {
      position: absolute;
      width: 40px;
      height: auto;
      top: 260px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      opacity: 0;
      transition: all 0.2s ease 0s; }
      /* line 195, assets/stylesheets/newWeb/features/_base.scss */
      .view-allfeatures .section-react .col-img .section-react__notification.active {
        width: 311px;
        opacity: 1; }
  /* line 204, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-prove {
    background-color: #fbfbfb; }
    /* line 206, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-prove h1, .view-allfeatures .section-prove h2 {
      color: #AC69F9; }
    /* line 209, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-prove hr {
      background-color: #fbfbfb; }
    /* line 212, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-prove .icon--big img {
      width: 38%;
      height: auto; }
  /* line 220, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-enterprise h1, .view-allfeatures .section-enterprise h2 {
    color: #20344F; }
  /* line 223, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-enterprise .icon--big {
    background: #20344F; }
    /* line 225, assets/stylesheets/newWeb/features/_base.scss */
    .view-allfeatures .section-enterprise .icon--big img {
      width: 50%;
      height: auto; }
  /* line 230, assets/stylesheets/newWeb/features/_base.scss */
  .view-allfeatures .section-enterprise .btn, .view-allfeatures .section-enterprise button {
    background: #20344F; }

/* line 1, assets/stylesheets/newWeb/jobs/_base.scss */
.view-jobs {
  /* SECTION MAIN */
  /* SECTION JOBS */
  /* SECTION RECRUITMENT */
  /* SECTION PERKS */
  /* SECTION LOCATION */
  /* SECTION SOCIAL-MEDIA */ }
  /* line 3, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-main {
    padding-top: 230px;
    background: url("https://cdn.sentione.com/newWeb2/jobs/main-bg.svg") no-repeat center #ffffff; }
    /* line 6, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-main h1 {
      color: #69B0F9; }
  /* line 12, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-jobs {
    background-color: #fbfbfb; }
    /* line 14, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-jobs h1 {
      color: #69B0F9; }
    /* line 17, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-jobs__positions {
      margin-bottom: -55px;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }
    /* line 21, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-jobs__position {
      background: #ffffff;
      text-align: center;
      padding: 65px;
      margin-bottom: 55px;
      -ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
      -o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
      border-radius: 10px; }
    /* line 30, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-jobs .position__title {
      font-size: 1.4285714286rem;
      font-weight: 400;
      line-height: 1.5;
      margin: 20px 0; }
      /* line 35, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-jobs .position__title a {
        color: #69B0F9; }
    /* line 39, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-jobs .position__place {
      margin-bottom: 20px; }
    /* line 43, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-jobs .btn, .view-jobs .section-jobs button {
      max-width: 200px;
      width: 100%; }
  /* line 50, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-recruitment h1, .view-jobs .section-recruitment h2 {
    color: #69B0F9; }
  /* line 53, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-recruitment .icon {
    height: 100px; }
  /* line 56, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-recruitment__process {
    width: 940px; }
    /* line 58, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-recruitment__process li {
      opacity: 0; }
      /* line 60, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process li:nth-child(1) {
        color: #AC69F9; }
      /* line 63, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process li:nth-child(2) {
        color: #7E69F9; }
      /* line 66, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process li:nth-child(3) {
        color: #765ff9; }
      /* line 69, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process li:nth-child(4) {
        color: #698BF9; }
      /* line 72, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process li:nth-child(5) {
        color: #3896f7; }
      /* line 75, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process li:nth-child(6) {
        color: #69B0F9; }
    /* line 80, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-recruitment__process.active li {
      opacity: 1; }
      /* line 84, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process.active li:nth-child(1) {
        transition: opacity 0.2s ease 0.2s; }
      /* line 84, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process.active li:nth-child(2) {
        transition: opacity 0.2s ease 0.4s; }
      /* line 84, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process.active li:nth-child(3) {
        transition: opacity 0.2s ease 0.6s; }
      /* line 84, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process.active li:nth-child(4) {
        transition: opacity 0.2s ease 0.8s; }
      /* line 84, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process.active li:nth-child(5) {
        transition: opacity 0.2s ease 1s; }
      /* line 84, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-recruitment__process.active li:nth-child(6) {
        transition: opacity 0.2s ease 1.2s; }
  /* line 92, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-recruitment__img {
    font-weight: 600; }
    /* line 94, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-recruitment__img figcaption {
      color: #69B0F9;
      margin-top: 20px; }
  /* line 102, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-perks {
    background: #20344F;
    color: #ffffff; }
    /* line 105, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-perks h1 {
      color: #69B0F9; }
    /* line 108, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-perks h2 {
      font-size: 110%;
      line-height: 1;
      color: #69B0F9; }
  /* line 116, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-location {
    padding-bottom: 0; }
    /* line 118, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-location h1 {
      color: #69B0F9; }
    /* line 121, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-location__container {
      background: url("https://cdn.sentione.com/newWeb2/jobs/places/map.jpg") top right no-repeat;
      background-size: auto 100%;
      padding-bottom: 200px; }
      /* line 125, assets/stylesheets/newWeb/jobs/_base.scss */
      .view-jobs .section-location__container strong {
        color: #69B0F9; }
  /* line 133, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-social-media h1 {
    color: #69B0F9; }
  /* line 136, assets/stylesheets/newWeb/jobs/_base.scss */
  .view-jobs .section-social-media__list {
    width: 250px;
    margin-top: 20px; }
    /* line 140, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-social-media__list li a {
      display: block; }
    /* line 143, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-social-media__list li img {
      opacity: .6;
      transition: all 0.2s ease 0s; }
    /* line 148, assets/stylesheets/newWeb/jobs/_base.scss */
    .view-jobs .section-social-media__list li:hover img {
      opacity: 1; }

/* SECTION KNOWLEDGE */
/* line 3, assets/stylesheets/newWeb/knowledge/_base.scss */
.section-knowledge__header {
  padding-top: 130px !important; }
  /* line 5, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__header h2 {
    margin-bottom: 0; }
  /* line 10, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__header button {
    width: 80px;
    margin-left: 20px; }
  /* line 15, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__header .knowledge-form input[type="button"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%; }
  /* line 18, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__header .knowledge-form input[type="text"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    padding: 0 20px; }

/* line 24, assets/stylesheets/newWeb/knowledge/_base.scss */
.section-knowledge__content {
  padding-top: 0; }
  /* line 26, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__content h1 {
    font-size: 1.7142857143rem;
    letter-spacing: 0.0142857143rem;
    line-height: 2.5714285714rem;
    font-weight: 300;
    margin-bottom: 25px;
    width: 100%; }
  /* line 30, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__content h3 {
    font-size: 1.7142857143rem;
    letter-spacing: 0.0142857143rem;
    line-height: 2.5714285714rem;
    font-weight: 300;
    margin-bottom: 25px;
    width: 100%; }
  /* line 34, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__content h4 {
    font-size: 1.7142857143rem;
    letter-spacing: 0.0142857143rem;
    line-height: 2.5714285714rem;
    font-weight: 300;
    margin-bottom: 25px;
    width: 100%; }
  /* line 39, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__content .search-results li {
    margin-bottom: 30px; }
  /* line 42, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__content .search-results .search-match {
    color: #69B0F9;
    font-weight: 600; }
  /* line 47, assets/stylesheets/newWeb/knowledge/_base.scss */
  .section-knowledge__content .index-glossary {
    margin-bottom: 40px; }

/* line 52, assets/stylesheets/newWeb/knowledge/_base.scss */
.knowledge-menu {
  line-height: 2.1428571429rem; }
  /* line 54, assets/stylesheets/newWeb/knowledge/_base.scss */
  .knowledge-menu__header {
    font-weight: 300;
    border-bottom: 1px solid #9B9B9B;
    padding-bottom: 10px;
    margin-bottom: 20px; }
  /* line 61, assets/stylesheets/newWeb/knowledge/_base.scss */
  .knowledge-menu li.child {
    margin-left: 20px; }
  /* line 66, assets/stylesheets/newWeb/knowledge/_base.scss */
  .knowledge-menu-select select {
    width: 100%;
    height: 38px;
    background: #ffffff; }

/* GLOBAL */
/* line 2, assets/stylesheets/newWeb/blog/_base.scss */
.blog {
  padding-top: 80px; }
  /* line 4, assets/stylesheets/newWeb/blog/_base.scss */
  .blog p:last-of-type {
    margin-bottom: 20px; }
  /* line 7, assets/stylesheets/newWeb/blog/_base.scss */
  .blog .shareButtons {
    display: -ms-flexbox;
    display: flex; }
    /* line 9, assets/stylesheets/newWeb/blog/_base.scss */
    .blog .shareButtons > div {
      cursor: pointer;
      margin-right: 20px;
      transition: all 0.2s ease 0s; }
      /* line 13, assets/stylesheets/newWeb/blog/_base.scss */
      .blog .shareButtons > div:last-of-type {
        margin-right: 0; }
      /* line 16, assets/stylesheets/newWeb/blog/_base.scss */
      .blog .shareButtons > div:hover {
        opacity: .7; }
  /* line 21, assets/stylesheets/newWeb/blog/_base.scss */
  .blog ul {
    list-style: disc;
    margin-left: 20px; }

/* BLOG LIST */
/* line 27, assets/stylesheets/newWeb/blog/_base.scss */
.blog-header {
  background-image: url(https://cdn.sentione.com/newWeb/blog/default_bg.jpg);
  background-position: center;
  background-size: cover;
  min-height: 350px; }
  /* line 32, assets/stylesheets/newWeb/blog/_base.scss */
  .blog-header__bg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: #69B0F9;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); }
    /* line 38, assets/stylesheets/newWeb/blog/_base.scss */
    .blog-header__bg h1 {
      width: 90%;
      margin-bottom: 0; }

/* line 45, assets/stylesheets/newWeb/blog/_base.scss */
.blog-item__cover-img {
  background-position: center;
  background-size: cover; }

/* line 49, assets/stylesheets/newWeb/blog/_base.scss */
.blog-item h2 {
  margin-bottom: 10px; }

/* line 52, assets/stylesheets/newWeb/blog/_base.scss */
.blog-item__header {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }

/* line 56, assets/stylesheets/newWeb/blog/_base.scss */
.blog-item__avatar {
  width: 60px; }
  /* line 58, assets/stylesheets/newWeb/blog/_base.scss */
  .blog-item__avatar img {
    width: 100%;
    height: auto;
    border-radius: 50%; }

/* line 64, assets/stylesheets/newWeb/blog/_base.scss */
.blog-item__author-name {
  margin-left: 20px;
  line-height: 1.5; }

/* line 68, assets/stylesheets/newWeb/blog/_base.scss */
.blog-item__author-date {
  display: block; }

/* line 71, assets/stylesheets/newWeb/blog/_base.scss */
.blog-item__summary {
  margin-bottom: 40px; }

/* BLOG SINGLE */
/* line 77, assets/stylesheets/newWeb/blog/_base.scss */
.blog-single h3 {
  font-size: 1.7142857143rem;
  letter-spacing: 0.0142857143rem;
  line-height: 2.5714285714rem;
  font-weight: 300;
  margin-bottom: 25px;
  width: 100%; }

/* line 81, assets/stylesheets/newWeb/blog/_base.scss */
.blog-navigation {
  margin: 50px auto; }
  /* line 83, assets/stylesheets/newWeb/blog/_base.scss */
  .blog-navigation img {
    display: block;
    margin: 20px auto; }
  /* line 87, assets/stylesheets/newWeb/blog/_base.scss */
  .blog-navigation h4 {
    color: #364760; }
  /* line 90, assets/stylesheets/newWeb/blog/_base.scss */
  .blog-navigation .previous-post {
    width: 46%;
    display: inline-block;
    margin-right: 2%;
    text-align: center;
    transition: opacity .3s; }
  /* line 98, assets/stylesheets/newWeb/blog/_base.scss */
  .blog-navigation .previous-post:hover,
  .blog-navigation .next-post:hover {
    opacity: .8;
    transition: opacity .3s;
    cursor: pointer; }
  /* line 105, assets/stylesheets/newWeb/blog/_base.scss */
  .blog-navigation .next-post {
    width: 46%;
    display: inline-block;
    padding-left: 2%;
    border-left: 1px solid #dadada;
    text-align: center;
    transition: opacity .3s; }

@keyframes spinCounterClockwise {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px); } }

@keyframes ping {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes ping {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0); } }

/* ADD TO ELEMENT BORDERED RADIUS */
/* MIXIN FOR CONTAINER */
/* MAKE FLEX CONTAINER CENTER */
/* ADD BOX SHADOW ON ELEMENT */
/* MAKE WIDTH MORE RESPONSIVE */
/* GENERATE COLUMN FOR GRID */
/* DETECT SCREEN IS RETINA */
/* CALCULATE REM SIZE */
/* GENERATE FONT SIZE */
/* ANIMATE ELEMENTS */
/* GENERATE BREAKPOINT */
/* CREATE INPUT STYLE */
/* STYLE FOR SELECT INPUT */
@media (max-width: 1199px) {
  /* CONTAINER */
  /* line 4, assets/stylesheets/newWeb/mobile/_grid.scss */
  section, header, footer {
    padding-left: 50px;
    padding-right: 50px; }
  /* line 8, assets/stylesheets/newWeb/mobile/_grid.scss */
  section {
    padding-top: 70px;
    padding-bottom: 70px; }
  /* GLOBAL SECTION - MAIN */
  /* line 14, assets/stylesheets/newWeb/mobile/_grid.scss */
  .section-main {
    padding-top: 195px; }
    /* line 16, assets/stylesheets/newWeb/mobile/_grid.scss */
    .section-main h2, .section-main .heading__h2 {
      margin-top: 35px;
      margin-bottom: 35px; }
  /* ROW */
  /* line 23, assets/stylesheets/newWeb/mobile/_grid.scss */
  .row {
    /* ROW MODIFICATORS */ }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-1 {
      width: calc(8.3333333333% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-2 {
      width: calc(16.6666666667% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-3 {
      width: calc(25% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-4 {
      width: calc(33.3333333333% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-5 {
      width: calc(41.6666666667% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-6 {
      width: calc(50% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-7 {
      width: calc(58.3333333333% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-8 {
      width: calc(66.6666666667% - 12.5px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-9 {
      width: calc(75% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-10 {
      width: calc(83.3333333333% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-11 {
      width: calc(91.6666666667% - 25px);
      margin-bottom: 70px; }
    /* line 27, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-lg-12 {
      width: 100%;
      margin-bottom: 70px; }
    /* line 32, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--no-space-bottom {
      margin-bottom: -70px; }
    /* line 35, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-bottom {
      margin-bottom: 70px; }
    /* line 40, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--image-between > div.col-img {
      width: calc(33.33% + 100px); }
  /* COLUMNS */
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-1 {
    width: calc(8.3333333333% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-2 {
    width: calc(16.6666666667% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-3 {
    width: calc(25% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-4 {
    width: calc(33.3333333333% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-5 {
    width: calc(41.6666666667% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-6 {
    width: calc(50% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-7 {
    width: calc(58.3333333333% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-8 {
    width: calc(66.6666666667% - 25px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-9 {
    width: calc(75% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-10 {
    width: calc(83.3333333333% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-11 {
    width: calc(91.6666666667% - 50px);
    margin-bottom: 70px; }
  /* line 49, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-lg-12 {
    width: 100%;
    margin-bottom: 70px; }
  /* MODIFIERS */
  /* line 55, assets/stylesheets/newWeb/mobile/_grid.scss */
  .space-top {
    margin-top: 70px; }
  /* line 58, assets/stylesheets/newWeb/mobile/_grid.scss */
  .space-bottom {
    margin-bottom: 70px; }
  /* line 61, assets/stylesheets/newWeb/mobile/_grid.scss */
  .hide-lg-down {
    display: none; }
  /* HEADINGS */
  /* line 66, assets/stylesheets/newWeb/mobile/_grid.scss */
  h2, .heading__h2 {
    margin-bottom: 16px; }
  /* line 70, assets/stylesheets/newWeb/mobile/_grid.scss */
  .heading--space-bottom {
    margin-bottom: 50px; }
  /* GLOBAL ELEMENT STYLING */
  /* line 77, assets/stylesheets/newWeb/mobile/_grid.scss */
  hr.space-bottom {
    margin-bottom: 0;
    padding-bottom: 70px; } }

@media (max-width: 991px) {
  /* GLOBAL */
  /* line 88, assets/stylesheets/newWeb/mobile/_grid.scss */
  body, html {
    font-size: 13px; }
  /* CONTAINER */
  /* line 93, assets/stylesheets/newWeb/mobile/_grid.scss */
  section, header, footer {
    padding-left: 35px;
    padding-right: 35px; }
  /* line 97, assets/stylesheets/newWeb/mobile/_grid.scss */
  section {
    padding-top: 55px;
    padding-bottom: 55px; }
  /* GLOBAL SECTION - MAIN */
  /* line 103, assets/stylesheets/newWeb/mobile/_grid.scss */
  .section-main {
    padding-top: 130px; }
    /* line 105, assets/stylesheets/newWeb/mobile/_grid.scss */
    .section-main h2, .section-main .heading__h2 {
      margin-top: 30px;
      margin-bottom: 30px; }
  /* ROW */
  /* line 112, assets/stylesheets/newWeb/mobile/_grid.scss */
  .row {
    /* ROW MODIFICATORS */ }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-1 {
      width: calc(8.3333333333% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-2 {
      width: calc(16.6666666667% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-3 {
      width: calc(25% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-4 {
      width: calc(33.3333333333% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-5 {
      width: calc(41.6666666667% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-6 {
      width: calc(50% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-7 {
      width: calc(58.3333333333% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-8 {
      width: calc(66.6666666667% - 17.5px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-9 {
      width: calc(75% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-10 {
      width: calc(83.3333333333% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-11 {
      width: calc(91.6666666667% - 35px);
      margin-bottom: 55px; }
    /* line 116, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-md-12 {
      width: 100%;
      margin-bottom: 55px; }
    /* line 121, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--no-space-bottom {
      margin-bottom: -55px; }
    /* line 124, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-bottom {
      margin-bottom: 55px; }
    /* line 129, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--image-between > div.col-img {
      -ms-flex-order: 1;
          order: 1;
      width: 100%; }
      /* line 132, assets/stylesheets/newWeb/mobile/_grid.scss */
      .row--image-between > div.col-img img {
        width: 70%; }
      /* line 135, assets/stylesheets/newWeb/mobile/_grid.scss */
      .row--image-between > div.col-img:after {
        content: '';
        display: block;
        max-width: 1215px;
        width: 74%;
        height: 1px;
        margin: 0 auto;
        border-top: 1px solid #FAFAFA;
        padding-bottom: 55px; }
    /* line 145, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--image-between > div:nth-child(1) {
      -ms-flex-order: 2;
          order: 2; }
    /* line 148, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--image-between > div:nth-child(3) {
      -ms-flex-order: 3;
          order: 3; }
  /* COLUMNS */
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-1 {
    width: calc(8.3333333333% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-2 {
    width: calc(16.6666666667% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-3 {
    width: calc(25% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-4 {
    width: calc(33.3333333333% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-5 {
    width: calc(41.6666666667% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-6 {
    width: calc(50% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-7 {
    width: calc(58.3333333333% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-8 {
    width: calc(66.6666666667% - 17.5px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-9 {
    width: calc(75% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-10 {
    width: calc(83.3333333333% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-11 {
    width: calc(91.6666666667% - 35px);
    margin-bottom: 55px; }
  /* line 157, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-md-12 {
    width: 100%;
    margin-bottom: 55px; }
  /* MODIFIERS */
  /* line 163, assets/stylesheets/newWeb/mobile/_grid.scss */
  .space-top {
    margin-top: 55px; }
  /* line 166, assets/stylesheets/newWeb/mobile/_grid.scss */
  .space-bottom {
    margin-bottom: 55px; }
  /* line 169, assets/stylesheets/newWeb/mobile/_grid.scss */
  .hide-md-down {
    display: none; }
  /* line 172, assets/stylesheets/newWeb/mobile/_grid.scss */
  .show-md-down {
    display: block; }
  /* HEADINGS */
  /* line 177, assets/stylesheets/newWeb/mobile/_grid.scss */
  h2, .heading__h2 {
    margin-bottom: 10px; }
  /* line 181, assets/stylesheets/newWeb/mobile/_grid.scss */
  .heading--space-bottom {
    margin-bottom: 40px; }
  /* GLOBAL ELEMENT STYLING */
  /* line 188, assets/stylesheets/newWeb/mobile/_grid.scss */
  hr.space-bottom {
    margin-bottom: 0;
    padding-bottom: 55px; } }

@media (max-width: 767px) {
  /* CONTAINER */
  /* line 199, assets/stylesheets/newWeb/mobile/_grid.scss */
  section, header, footer {
    padding-left: 25px;
    padding-right: 25px; }
  /* line 203, assets/stylesheets/newWeb/mobile/_grid.scss */
  section {
    padding-top: 40px;
    padding-bottom: 40px; }
  /* GLOBAL SECTION - MAIN */
  /* line 209, assets/stylesheets/newWeb/mobile/_grid.scss */
  .section-main {
    padding-top: 90px; }
    /* line 211, assets/stylesheets/newWeb/mobile/_grid.scss */
    .section-main h2, .section-main .heading__h2 {
      margin-top: 20px;
      margin-bottom: 20px; }
  /* ROW */
  /* line 218, assets/stylesheets/newWeb/mobile/_grid.scss */
  .row {
    /* ROW MODIFICATORS */ }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-1 {
      width: calc(8.3333333333% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-2 {
      width: calc(16.6666666667% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-3 {
      width: calc(25% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-4 {
      width: calc(33.3333333333% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-5 {
      width: calc(41.6666666667% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-6 {
      width: calc(50% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-7 {
      width: calc(58.3333333333% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-8 {
      width: calc(66.6666666667% - 12.5px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-9 {
      width: calc(75% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-10 {
      width: calc(83.3333333333% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-11 {
      width: calc(91.6666666667% - 25px);
      margin-bottom: 40px; }
    /* line 222, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-sm-12 {
      width: 100%;
      margin-bottom: 40px; }
    /* line 227, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--no-space-bottom {
      margin-bottom: -40px; }
    /* line 230, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-bottom {
      margin-bottom: 40px; }
    /* line 236, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--image-between > div.col-img img {
      width: 80%;
      min-width: 260px; }
    /* line 240, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--image-between > div.col-img:after {
      padding-bottom: 40px; }
  /* COLUMNS */
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-1 {
    width: calc(8.3333333333% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-2 {
    width: calc(16.6666666667% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-3 {
    width: calc(25% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-4 {
    width: calc(33.3333333333% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-5 {
    width: calc(41.6666666667% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-6 {
    width: calc(50% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-7 {
    width: calc(58.3333333333% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-8 {
    width: calc(66.6666666667% - 12.5px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-9 {
    width: calc(75% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-10 {
    width: calc(83.3333333333% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-11 {
    width: calc(91.6666666667% - 25px);
    margin-bottom: 40px; }
  /* line 250, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-sm-12 {
    width: 100%;
    margin-bottom: 40px; }
  /* MODIFIERS */
  /* line 256, assets/stylesheets/newWeb/mobile/_grid.scss */
  .space-top {
    margin-top: 40px; }
  /* line 259, assets/stylesheets/newWeb/mobile/_grid.scss */
  .space-bottom {
    margin-bottom: 40px; }
  /* line 262, assets/stylesheets/newWeb/mobile/_grid.scss */
  .hide-sm-down {
    display: none; }
  /* line 265, assets/stylesheets/newWeb/mobile/_grid.scss */
  .show-sm-down {
    display: block; }
  /* HEADINGS */
  /* line 270, assets/stylesheets/newWeb/mobile/_grid.scss */
  h1, .heading__h1, .section-knowledge__header h2 {
    font-size: 3.5714285714rem; }
  /* line 274, assets/stylesheets/newWeb/mobile/_grid.scss */
  .heading--space-bottom {
    margin-bottom: 30px; }
  /* GLOBAL ELEMENT STYLING */
  /* line 281, assets/stylesheets/newWeb/mobile/_grid.scss */
  hr.space-bottom {
    margin-bottom: 0;
    padding-bottom: 40px; } }

@media (max-width: 575px) {
  /* CONTAINER */
  /* line 292, assets/stylesheets/newWeb/mobile/_grid.scss */
  section, header, footer {
    padding-left: 20px;
    padding-right: 20px; }
  /* line 296, assets/stylesheets/newWeb/mobile/_grid.scss */
  section {
    padding-top: 30px;
    padding-bottom: 30px; }
  /* GLOBAL SECTION - MAIN */
  /* line 303, assets/stylesheets/newWeb/mobile/_grid.scss */
  .section-main h2, .section-main .heading__h2 {
    margin-top: 15px;
    margin-bottom: 15px; }
  /* ROW */
  /* line 310, assets/stylesheets/newWeb/mobile/_grid.scss */
  .row {
    /* ROW MODIFICATORS */ }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-1 {
      width: calc(8.3333333333% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-2 {
      width: calc(16.6666666667% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-3 {
      width: calc(25% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-4 {
      width: calc(33.3333333333% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-5 {
      width: calc(41.6666666667% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-6 {
      width: calc(50% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-7 {
      width: calc(58.3333333333% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-8 {
      width: calc(66.6666666667% - 10px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-9 {
      width: calc(75% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-10 {
      width: calc(83.3333333333% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-11 {
      width: calc(91.6666666667% - 20px);
      margin-bottom: 30px; }
    /* line 314, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-less .col-xs-12 {
      width: 100%;
      margin-bottom: 30px; }
    /* line 319, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--no-space-bottom {
      margin-bottom: -30px; }
    /* line 322, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--space-bottom {
      margin-bottom: 30px; }
    /* line 328, assets/stylesheets/newWeb/mobile/_grid.scss */
    .row--image-between > div.col-img:after {
      padding-bottom: 30px; }
  /* COLUMNS */
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-1 {
    width: calc(8.3333333333% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-2 {
    width: calc(16.6666666667% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-3 {
    width: calc(25% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-4 {
    width: calc(33.3333333333% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-5 {
    width: calc(41.6666666667% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-6 {
    width: calc(50% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-7 {
    width: calc(58.3333333333% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-8 {
    width: calc(66.6666666667% - 10px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-9 {
    width: calc(75% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-10 {
    width: calc(83.3333333333% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-11 {
    width: calc(91.6666666667% - 20px);
    margin-bottom: 30px; }
  /* line 338, assets/stylesheets/newWeb/mobile/_grid.scss */
  .col-xs-12 {
    width: 100%;
    margin-bottom: 30px; }
  /* MODIFIERS */
  /* line 344, assets/stylesheets/newWeb/mobile/_grid.scss */
  .space-top {
    margin-top: 30px; }
  /* line 347, assets/stylesheets/newWeb/mobile/_grid.scss */
  .space-bottom {
    margin-bottom: 30px; }
  /* line 350, assets/stylesheets/newWeb/mobile/_grid.scss */
  .hide-xs-down {
    display: none; }
  /* HEADINGS */
  /* line 356, assets/stylesheets/newWeb/mobile/_grid.scss */
  .heading--space-bottom {
    margin-bottom: 20px; }
  /* GLOBAL ELEMENT STYLING */
  /* line 363, assets/stylesheets/newWeb/mobile/_grid.scss */
  hr.space-bottom {
    margin-bottom: 0;
    padding-bottom: 30px; } }

@media (max-width: 1199px) {
  /* line 4, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon--big {
    margin-bottom: 40px; }
  /* line 9, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon-blank {
    margin-bottom: 16px; }
  /* line 13, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon-counter {
    margin-top: 70px; }
    /* line 15, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
    .icon-counter:before {
      height: 70px; } }

@media (max-width: 991px) {
  /* line 25, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon--big {
    width: 80px;
    height: 80px;
    margin-bottom: 30px; }
  /* line 32, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon-blank {
    margin-bottom: 10px; }
  /* line 36, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon-counter {
    margin-top: 55px; }
    /* line 38, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
    .icon-counter:before {
      height: 55px; } }

@media (max-width: 767px) {
  /* line 48, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon--big {
    width: 70px;
    height: 70px; }
  /* line 54, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon-blank {
    -ms-flex-pack: center;
        justify-content: center; }
  /* line 58, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon-counter {
    margin-top: 40px; }
    /* line 60, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
    .icon-counter:before {
      height: 40px; } }

@media (max-width: 575px) {
  /* line 69, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
  .icon-counter {
    margin-top: 30px; }
    /* line 71, assets/stylesheets/newWeb/mobile/fragments/_icon.scss */
    .icon-counter:before {
      height: 30px; } }

@media (max-width: 991px) {
  /* line 7, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
  .header .header__menu ul li {
    margin-right: 20px; } }

@media (max-width: 870px) {
  /* line 18, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
  .header {
    font-size: 13px;
    height: 60px;
    -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
    /* LOGO */
    /* LANG SWITCHER */
    /* MENU */
    /* BURGER MENU */
    /* PDF template */ }
    /* line 22, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
    .header .header__lang {
      position: absolute;
      z-index: 3; }
    /* line 27, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
    .header .pre-logo {
      margin: 0 auto;
      z-index: 3; }
    /* line 33, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
    .header .header__lang {
      display: none; }
    /* line 39, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
    .header .header__menu {
      position: absolute;
      top: 0px;
      left: 0px;
      visibility: hidden;
      opacity: 0;
      width: 100%;
      padding: 60px 0 14px 0;
      background: #fff;
      -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
      -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
      transition: opacity 0.2s ease 0s; }
      /* line 50, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
      .header .header__menu ul {
        text-align: center;
        width: 100%; }
        /* line 53, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
        .header .header__menu ul li {
          width: 100%; }
          /* line 55, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
          .header .header__menu ul li a, .header .header__menu ul li button {
            padding: 10px 0;
            display: block;
            width: 100%; }
      /* line 62, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
      .header .header__menu .btn, .header .header__menu button {
        margin: 0 auto; }
      /* line 65, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
      .header .header__menu.active {
        visibility: visible;
        opacity: 1; }
    /* line 70, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
    .header .header__lang-select {
      display: block; }
    /* line 77, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
    .header .header__burger-container {
      position: absolute;
      top: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 20px;
      width: 40px;
      height: 28px; }
    /* line 87, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
    .header .header__burger-element {
      position: relative;
      height: 4px;
      width: 40px;
      top: 12px;
      display: block;
      background: #444445;
      transition: -webkit-transform .2s 0s, top .2s .2s;
      transition: transform .2s 0s, top .2s .2s;
      border-radius: 4px; }
      /* line 97, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
      .header .header__burger-element:after, .header .header__burger-element:before {
        position: absolute;
        height: 4px;
        width: 40px;
        content: '';
        background: #444445;
        transition: -webkit-transform .2s 0s, top .2s .2s;
        transition: transform .2s 0s, top .2s .2s;
        border-radius: 4px; }
      /* line 107, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
      .header .header__burger-element:before {
        top: -10px; }
      /* line 110, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
      .header .header__burger-element:after {
        top: 10px; }
      /* line 113, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
      .header .header__burger-element.active {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        transition: top .2s 0s, -webkit-transform .2s .2s;
        transition: top .2s 0s, transform .2s .2s; }
        /* line 116, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
        .header .header__burger-element.active:before, .header .header__burger-element.active:after {
          top: 0px;
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg);
          transition: top .2s 0s, -webkit-transform .2s .2s;
          transition: top .2s 0s, transform .2s .2s; }
    /* line 126, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
    .header__pdf-title {
      display: none; }
    /* line 132, assets/stylesheets/newWeb/mobile/fragments/_header.scss */
    .header__reading-pdf nav.active ul li a:not(.btn):not(button) {
      visibility: visible;
      opacity: 1; } }

@media (max-width: 1199px) {
  /* line 3, assets/stylesheets/newWeb/mobile/fragments/_footer.scss */
  footer.footer {
    padding-bottom: 70px; } }

@media (max-width: 991px) {
  /* line 10, assets/stylesheets/newWeb/mobile/fragments/_footer.scss */
  footer.footer {
    padding-bottom: 55px; }
    /* line 12, assets/stylesheets/newWeb/mobile/fragments/_footer.scss */
    footer.footer nav:nth-child(1), footer.footer nav:nth-child(2) {
      margin-bottom: 55px; }
    /* line 15, assets/stylesheets/newWeb/mobile/fragments/_footer.scss */
    footer.footer .footer__logo {
      margin-bottom: 55px; } }

@media (max-width: 767px) {
  /* line 23, assets/stylesheets/newWeb/mobile/fragments/_footer.scss */
  footer.footer {
    padding-bottom: 40px; }
    /* line 26, assets/stylesheets/newWeb/mobile/fragments/_footer.scss */
    footer.footer h3:after {
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    /* line 31, assets/stylesheets/newWeb/mobile/fragments/_footer.scss */
    footer.footer nav {
      text-align: center; } }

@media (max-width: 575px) {
  /* line 39, assets/stylesheets/newWeb/mobile/fragments/_footer.scss */
  footer.footer {
    padding-bottom: 30px; } }

/* HOMEPAGE */
@media (max-width: 1199px) {
  /* line 4, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
  .view-index {
    /* SECTION PROVE */
    /* SECTION ENTERPRISE */ }
    /* line 5, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-homepage {
      padding-top: 70px;
      padding-bottom: 70px; }
    /* line 11, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index div.section-prove .section-homepage__video {
      width: 80%; }
      /* line 13, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
      .view-index div.section-prove .section-homepage__video-bg {
        width: 100%; }
    /* line 20, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-enterprise__list {
      margin-top: 35px; } }

@media (max-width: 991px) {
  /* line 29, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
  .view-index {
    /* SECTION ENTERPRISE */
    /* SECTION TESTIMONIALS */ }
    /* line 30, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-homepage {
      padding-top: 55px;
      padding-bottom: 55px; }
    /* line 36, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-enterprise__list {
      margin-top: 27.5px; }
    /* line 42, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-testimonials__container {
      width: 104%;
      left: -2%; } }

@media (max-width: 767px) {
  /* line 52, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
  .view-index {
    /* ALL VIDEOS */
    /* SECTION UNDERSTAND */
    /* SECTION REACT */
    /* SECTION ENTERPRISE */
    /* SECTION TESTIMONIALS */ }
    /* line 53, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-homepage {
      padding-top: 40px;
      padding-bottom: 40px; }
      /* line 56, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
      .view-index .section-homepage__video {
        width: 70%; }
    /* line 63, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index div.section-listen.section-homepage .section-homepage__video-bg, .view-index div.section-react.section-homepage .section-homepage__video-bg, .view-index div.section-prove.section-homepage .section-homepage__video-bg {
      width: 100%; }
    /* line 72, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index div.section-understand.section-homepage .section-homepage__video-bg {
      width: 92%;
      margin-left: 15px;
      margin-top: 0; }
    /* line 83, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index div.section-react.section-homepage .section-homepage__video {
      padding: 35px 15px; }
      /* line 85, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
      .view-index div.section-react.section-homepage .section-homepage__video-bg {
        width: 90%; }
    /* line 95, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-enterprise__list {
      margin-top: 20px; }
    /* line 101, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-testimonials__container {
      width: 100%;
      left: 0; }
    /* line 105, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-testimonials__img {
      display: none; }
    /* line 108, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-testimonials__txt {
      width: 100%; }
    /* line 113, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-testimonials__companies ul li {
      width: 30%; } }

@media (max-width: 575px) {
  /* line 124, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
  .view-index {
    /* SECTION ENTERPRISE */
    /* SECTION TESTIMONIALS */ }
    /* line 125, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-homepage {
      padding-top: 40px;
      padding-bottom: 40px; }
    /* line 131, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-enterprise__list {
      margin-top: 15px; }
    /* line 139, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-testimonials__companies ul li {
      width: 50%; }
    /* line 145, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
    .view-index .section-testimonials__navigation ul {
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      /* line 147, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
      .view-index .section-testimonials__navigation ul li {
        width: 50%;
        padding: 10px 0;
        text-align: center; }
        /* line 151, assets/stylesheets/newWeb/mobile/homepage/_base.scss */
        .view-index .section-testimonials__navigation ul li:before {
          display: none; } }

/* VIEW ALL FEATURES */
/* LARGE SCREEN */
@media (max-width: 1199px) {
  /* line 4, assets/stylesheets/newWeb/mobile/features/_base.scss */
  .view-allfeatures {
    /* SECTION REACT */ }
    /* line 8, assets/stylesheets/newWeb/mobile/features/_base.scss */
    .view-allfeatures .section-react .col-img img {
      width: 355px; }
    /* line 12, assets/stylesheets/newWeb/mobile/features/_base.scss */
    .view-allfeatures .section-react__video {
      width: 251px;
      top: 210px; } }

/* SMALL SCREEN */
@media (max-width: 767px) {
  /* line 22, assets/stylesheets/newWeb/mobile/features/_base.scss */
  .view-allfeatures {
    /* SECTION MAIN */
    /* SECTION REACT */ }
    /* line 23, assets/stylesheets/newWeb/mobile/features/_base.scss */
    .view-allfeatures [class^="col-"] {
      text-align: center; }
    /* line 29, assets/stylesheets/newWeb/mobile/features/_base.scss */
    .view-allfeatures .section-main__icons li {
      width: 50%;
      margin-bottom: 40px; }
      /* line 32, assets/stylesheets/newWeb/mobile/features/_base.scss */
      .view-allfeatures .section-main__icons li:nth-child(3), .view-allfeatures .section-main__icons li:nth-child(4) {
        margin-bottom: 0px; }
    /* line 41, assets/stylesheets/newWeb/mobile/features/_base.scss */
    .view-allfeatures .section-react .col-img img {
      width: 60%; }
    /* line 45, assets/stylesheets/newWeb/mobile/features/_base.scss */
    .view-allfeatures .section-react__video {
      width: 41%;
      top: 45%; } }

/* EXTRA SMALL SCREEN */
@media (max-width: 575px) {
  /* line 58, assets/stylesheets/newWeb/mobile/features/_base.scss */
  .view-allfeatures .section-main__icons li {
    width: 50%;
    margin-bottom: 25px; }
    /* line 61, assets/stylesheets/newWeb/mobile/features/_base.scss */
    .view-allfeatures .section-main__icons li:nth-child(3), .view-allfeatures .section-main__icons li:nth-child(4) {
      margin-bottom: 0px; }
    /* line 64, assets/stylesheets/newWeb/mobile/features/_base.scss */
    .view-allfeatures .section-main__icons li span {
      margin-top: 20px; } }

/* VIEW JOBS */
/* LARGE SCREEN */
@media (max-width: 1199px) {
  /* line 4, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
  .view-jobs {
    /* SECTION MAIN */
    /* SECTION JOBS */
    /* SECTION LOCATION */ }
    /* line 6, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-main {
      padding-top: 190px; }
    /* line 11, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-jobs__positions {
      margin-bottom: -40px; }
    /* line 14, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-jobs__position {
      padding: 50px;
      margin-bottom: 40px; }
    /* line 21, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-location__container {
      padding-bottom: 0px; } }

/* MEDIUM SCREEN */
@media (max-width: 991px) {
  /* line 30, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
  .view-jobs {
    /* SECTION MAIN */
    /* SECTION JOBS */ }
    /* line 32, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-main {
      padding-top: 170px; }
    /* line 37, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-jobs__positions {
      margin-bottom: -65px; }
    /* line 40, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-jobs__position {
      padding: 35px;
      margin-bottom: 65px; } }

/* SMALL SCREEN */
@media (max-width: 767px) {
  /* line 50, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
  .view-jobs {
    /* SECTION MAIN */
    /* SECTION JOBS */
    /* SECTION LOCATION */ }
    /* line 52, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-main {
      padding-top: 110px; }
    /* line 57, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-jobs__positions {
      margin-bottom: -15px; }
    /* line 60, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-jobs__position {
      padding: 25px;
      margin-bottom: 15px; }
    /* line 67, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-location__container {
      background-image: none; } }

/* EXTRA SMALL SCREEN */
@media (max-width: 575px) {
  /* line 76, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
  .view-jobs {
    /* SECTION MAIN */
    /* SECTION JOBS */ }
    /* line 78, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-main {
      padding-top: 90px; }
    /* line 83, assets/stylesheets/newWeb/mobile/jobs/_base.scss */
    .view-jobs .section-jobs__position {
      padding: 20px; } }

/* VIEW KNOWLEDGE */
/* LARGE SCREEN */
/* MEDIUM SCREEN */
/* SMALL SCREEN */
@media (max-width: 767px) {
  /* line 14, assets/stylesheets/newWeb/mobile/knowledge/_base.scss */
  .knowledge-form {
    margin-top: 40px; } }

/* EXTRA SMALL SCREEN */
@media (max-width: 575px) {
  /* line 21, assets/stylesheets/newWeb/mobile/knowledge/_base.scss */
  .knowledge-form {
    margin-top: 30px; } }

/* VIEW BLOG */
/* LARGE SCREEN */
/* MEDIUM SCREEN */
/* SMALL SCREEN */
@media (max-width: 767px) {
  /* line 15, assets/stylesheets/newWeb/mobile/blog/_base.scss */
  .blog-item__header {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  /* line 19, assets/stylesheets/newWeb/mobile/blog/_base.scss */
  .blog-item__share-buttons {
    margin-right: auto;
    margin-top: 20px; } }

/* EXTRA SMALL SCREEN */
@media (max-width: 575px) {
  /* line 29, assets/stylesheets/newWeb/mobile/blog/_base.scss */
  .blog-item .btn, .blog-item button {
    margin-left: auto;
    margin-right: auto; } }

/* line 1, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
.c-menu-dropdown {
  position: relative;
  padding-right: 15px; }
  @media (max-width: 870px) {
    /* line 1, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
    .c-menu-dropdown {
      padding-right: 0; } }
  /* line 9, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
  .c-menu-dropdown:after {
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    border: 4px solid #55B2FF;
    border-color: #55B2FF transparent transparent transparent; }
    @media (max-width: 870px) {
      /* line 9, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
      .c-menu-dropdown:after {
        display: none; } }
  @media (max-width: 870px) {
    /* line 1, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
    .c-menu-dropdown {
      position: static; } }
  /* line 28, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
  .c-menu-dropdown:hover .c-menu-dropdown__container {
    visibility: visible;
    opacity: 1;
    padding-top: 30px;
    transition-delay: 0s; }
    @media (max-width: 870px) {
      /* line 28, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
      .c-menu-dropdown:hover .c-menu-dropdown__container {
        padding-top: 0; } }
  /* line 40, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
  .c-menu-dropdown__container {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    transition: opacity 0.2s ease 0s, padding-top 0.2s ease 0s, visibility 0s ease 0s; }
    @media (max-width: 870px) {
      /* line 40, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
      .c-menu-dropdown__container {
        visibility: visible;
        opacity: 1;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
                transform: translateX(100%); } }
    /* line 59, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
    .c-menu-dropdown__container ul {
      position: relative;
      z-index: 1;
      min-width: 260px;
      padding: 20px 30px;
      box-sizing: border-box;
      background: #fff;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
      @media (max-width: 870px) {
        /* line 59, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
        .c-menu-dropdown__container ul {
          padding: 0;
          box-shadow: none; } }
      /* line 73, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
      .c-menu-dropdown__container ul li {
        margin: 0; }
      /* line 77, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
      .c-menu-dropdown__container ul:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
                transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        width: 0;
        height: 0;
        border: 1em solid #fff;
        border-color: #fff #fff transparent transparent;
        box-shadow: 3px -3px 5px 0 rgba(0, 0, 0, 0.05); }
        @media (max-width: 870px) {
          /* line 77, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
          .c-menu-dropdown__container ul:after {
            display: none; } }
  /* line 97, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
  .c-menu-dropdown__back {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 20px;
    padding: 10px; }
    @media (max-width: 870px) {
      /* line 97, assets/stylesheets/newWeb/components/_menu-dropdown.scss */
      .c-menu-dropdown__back {
        display: block; } }

/*
* ---
* OLD STYLES:
* ---
*/
/* line 1, assets/stylesheets/newWeb/fragments/_switch.scss */
.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
  vertical-align: middle;
  margin: 0 10px; }

/* Hide default HTML checkbox */
/* line 11, assets/stylesheets/newWeb/fragments/_switch.scss */
.switch input {
  display: none; }

/* The slider */
/* line 16, assets/stylesheets/newWeb/fragments/_switch.scss */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s; }

/* line 28, assets/stylesheets/newWeb/fragments/_switch.scss */
.slider:before {
  position: absolute;
  content: '';
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  transition: .4s; }

/* line 44, assets/stylesheets/newWeb/fragments/_switch.scss */
input:checked + .slider {
  background-color: #4D94FF; }

/* line 48, assets/stylesheets/newWeb/fragments/_switch.scss */
input:focus + .slider {
  box-shadow: 0 0 1px #4D94FF; }

/* line 52, assets/stylesheets/newWeb/fragments/_switch.scss */
input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px); }

/* Rounded sliders */
/* line 59, assets/stylesheets/newWeb/fragments/_switch.scss */
.slider.round {
  border-radius: 33px; }

/* line 63, assets/stylesheets/newWeb/fragments/_switch.scss */
.slider.round:before {
  border-radius: 50%; }

@media screen and (max-width: 900px) {
  /* line 3, assets/stylesheets/newWeb/mobile/_global.scss */
  .main-site-content {
    margin-bottom: 0; } }

@media screen and (min-width: 320px) and (max-width: 500px) {
  /* line 9, assets/stylesheets/newWeb/mobile/_global.scss */
  section.signup-inline .signup {
    width: 100%; }
  /* line 13, assets/stylesheets/newWeb/mobile/_global.scss */
  .modal-content {
    padding: 20px 30px; }
    /* line 15, assets/stylesheets/newWeb/mobile/_global.scss */
    .modal-content .close {
      margin-right: -15px; }
    /* line 19, assets/stylesheets/newWeb/mobile/_global.scss */
    .modal-content .signup-inline .signup-full {
      margin-top: 20px; }
      /* line 21, assets/stylesheets/newWeb/mobile/_global.scss */
      .modal-content .signup-inline .signup-full input[type="password"],
      .modal-content .signup-inline .signup-full input[type="text"],
      .modal-content .signup-inline .signup-full select {
        margin-bottom: 10px; }
      /* line 26, assets/stylesheets/newWeb/mobile/_global.scss */
      .modal-content .signup-inline .signup-full button {
        width: 100%; }
  /* line 33, assets/stylesheets/newWeb/mobile/_global.scss */
  .modal-container {
    margin: 0 auto;
    position: relative;
    top: initial;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -ms-flex-item-align: auto;
        align-self: auto; } }

/* line 2, assets/stylesheets/newWeb/fragments/_error.scss */
.view-error main {
  display: -ms-flexbox;
  display: flex; }

/* line 5, assets/stylesheets/newWeb/fragments/_error.scss */
.view-error .error-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  min-height: calc(100vh - 320px);
  box-sizing: border-box; }
  /* line 11, assets/stylesheets/newWeb/fragments/_error.scss */
  .view-error .error-page .error-inside {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    color: #4D4D4D; }
    /* line 16, assets/stylesheets/newWeb/fragments/_error.scss */
    .view-error .error-page .error-inside img,
    .view-error .error-page .error-inside article {
      margin-bottom: 50px; }

@keyframes spinCounterClockwise {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px); } }

@keyframes ping {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes ping {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0); } }

/* ADD TO ELEMENT BORDERED RADIUS */
/* line 3, assets/stylesheets/newWeb/plans/_imprint.scss */
.imprint-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 100px 50px; }

/* line 9, assets/stylesheets/newWeb/plans/_imprint.scss */
.imprint-items {
  margin-bottom: 30px; }
  /* line 16, assets/stylesheets/newWeb/plans/_imprint.scss */
  .imprint-items dt {
    clear: both;
    float: left;
    font-weight: bold;
    padding: 10px 0 20px; }
  /* line 23, assets/stylesheets/newWeb/plans/_imprint.scss */
  .imprint-items dd {
    display: block;
    border-top: solid 1px #c3c3c3;
    padding: 10px 0 20px 300px; }
    /* line 28, assets/stylesheets/newWeb/plans/_imprint.scss */
    .imprint-items dd:first-of-type {
      border-top: none; }
  @media only screen and (max-width: 768px) {
    /* line 34, assets/stylesheets/newWeb/plans/_imprint.scss */
    .imprint-items dt {
      float: none;
      padding: 10px 0 0;
      border-top: solid 1px #c3c3c3; }
      /* line 38, assets/stylesheets/newWeb/plans/_imprint.scss */
      .imprint-items dt:first-of-type {
        border-top: none; }
    /* line 43, assets/stylesheets/newWeb/plans/_imprint.scss */
    .imprint-items dd {
      padding: 0 0 20px;
      border-top: none; } }

/* line 5, assets/stylesheets/newWeb/plans/_pricing.scss */
.annual-switch {
  padding: 10px;
  border-radius: 60px;
  border: 1px solid #E5E9F0; }
  /* line 10, assets/stylesheets/newWeb/plans/_pricing.scss */
  .annual-switch span {
    color: #969ca8;
    transition: color, .3s;
    max-width: 80px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1; }
    /* line 18, assets/stylesheets/newWeb/plans/_pricing.scss */
    .annual-switch span:first-of-type {
      color: #4D94FF; }
  /* line 25, assets/stylesheets/newWeb/plans/_pricing.scss */
  .annual-switch--annual span:first-of-type {
    color: #969ca8; }
  /* line 28, assets/stylesheets/newWeb/plans/_pricing.scss */
  .annual-switch--annual span:last-of-type {
    color: #4D94FF; }

/* line 35, assets/stylesheets/newWeb/plans/_pricing.scss */
.pricing-header {
  margin: 70px 10px;
  display: inline-block;
  text-align: center;
  width: calc(100% - 720px); }
  /* line 41, assets/stylesheets/newWeb/plans/_pricing.scss */
  .pricing-header__title {
    color: #55B2FF;
    text-align: center;
    margin-bottom: 80px; }
  /* line 47, assets/stylesheets/newWeb/plans/_pricing.scss */
  .pricing-header__switch {
    max-width: 230px;
    margin: 15px auto; }
  /* line 52, assets/stylesheets/newWeb/plans/_pricing.scss */
  .pricing-header__description {
    color: #969ca8; }

/* line 57, assets/stylesheets/newWeb/plans/_pricing.scss */
.features-wrapper {
  position: relative;
  top: -16px;
  border-bottom: 1px solid #E5E9F0; }

/* line 63, assets/stylesheets/newWeb/plans/_pricing.scss */
.features-table {
  width: 100%;
  border: 1px solid #E5E9F0;
  border-bottom: none; }
  /* line 68, assets/stylesheets/newWeb/plans/_pricing.scss */
  .features-table--toggle {
    cursor: pointer; }
  /* line 72, assets/stylesheets/newWeb/plans/_pricing.scss */
  .features-table thead {
    background: #F5F9FC;
    text-transform: uppercase; }
  /* line 77, assets/stylesheets/newWeb/plans/_pricing.scss */
  .features-table td + td {
    border-left: 1px solid #E5E9F0; }
  /* line 81, assets/stylesheets/newWeb/plans/_pricing.scss */
  .features-table tr + tr {
    border-top: 1px solid #E5E9F0; }
  /* line 85, assets/stylesheets/newWeb/plans/_pricing.scss */
  .features-table td {
    padding: 16px 30px;
    box-sizing: border-box; }
    /* line 89, assets/stylesheets/newWeb/plans/_pricing.scss */
    .features-table td.feature {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    /* line 94, assets/stylesheets/newWeb/plans/_pricing.scss */
    .features-table td:not(:first-child) {
      width: 232px;
      font-weight: bold; }
    /* line 99, assets/stylesheets/newWeb/plans/_pricing.scss */
    .features-table td.team {
      background: rgba(85, 178, 255, 0.03); }
  /* line 104, assets/stylesheets/newWeb/plans/_pricing.scss */
  .features-table th {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 45px;
    padding: 0 30px;
    color: #55B2FF;
    font-weight: 600;
    text-align: left; }
  /* line 114, assets/stylesheets/newWeb/plans/_pricing.scss */
  .features-table .tick {
    display: block;
    margin: 0 auto; }
  /* line 121, assets/stylesheets/newWeb/plans/_pricing.scss */
  .features-table--content.collapse {
    display: none; }
  /* line 126, assets/stylesheets/newWeb/plans/_pricing.scss */
  .features-table .features-toggle {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
    background: #55B2FF;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 50%; }
    /* line 138, assets/stylesheets/newWeb/plans/_pricing.scss */
    .features-table .features-toggle:before, .features-table .features-toggle:after {
      content: '';
      position: absolute;
      width: 8px;
      height: 2px;
      background: #fff; }
    /* line 146, assets/stylesheets/newWeb/plans/_pricing.scss */
    .features-table .features-toggle:after {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
      transition: all 0.2s ease 0s; }
    /* line 153, assets/stylesheets/newWeb/plans/_pricing.scss */
    .features-table .features-toggle.active:after {
      width: 2px; }

/* line 160, assets/stylesheets/newWeb/plans/_pricing.scss */
.pricing {
  padding-top: 130px; }
  /* line 163, assets/stylesheets/newWeb/plans/_pricing.scss */
  .pricing__content-wrapper {
    max-width: 1020px;
    margin: 0 auto;
    opacity: .99; }
    /* line 325, assets/stylesheets/commons/_mixins.scss */
    .pricing__content-wrapper:after {
      content: "";
      display: block;
      clear: both; }

/* line 173, assets/stylesheets/newWeb/plans/_pricing.scss */
.faq h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px; }

/* line 180, assets/stylesheets/newWeb/plans/_pricing.scss */
.pricing__plans {
  float: right;
  display: -ms-flexbox;
  display: flex; }
  /* line 184, assets/stylesheets/newWeb/plans/_pricing.scss */
  .pricing__plans--to-front {
    position: relative;
    z-index: 1; }
  /* line 189, assets/stylesheets/newWeb/plans/_pricing.scss */
  .pricing__plans .plan-item {
    margin: 0 6px;
    vertical-align: top; }

/* line 195, assets/stylesheets/newWeb/plans/_pricing.scss */
.plan-item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  width: 220px;
  padding: 28px 26px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08), 0 4px 10px 0 rgba(0, 0, 0, 0.06);
  font-size: 10px;
  text-align: center; }
  /* line 211, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__wrapper {
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  /* line 217, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item--preferred {
    border: 2px solid #4D94FF; }
    /* line 220, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item--preferred .plan-item__name {
      font-weight: 500; }
  /* line 225, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item button {
    margin-top: auto; }
  /* line 229, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__buy {
    display: block;
    margin-top: 10px; }
    /* line 233, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__buy a {
      color: #4D94FF;
      font-weight: 600; }
  /* line 239, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__name {
    font-size: 24px;
    font-weight: 300;
    color: #4D94FF;
    margin-bottom: 12px; }
  /* line 246, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__desc, .plan-item__pertime {
    color: #BECCD8;
    line-height: 13px; }
  /* line 252, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__desc {
    font-weight: 600;
    width: 100%;
    margin: 0 auto; }
  /* line 258, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__pertime {
    font-size: 12px; }
  /* line 262, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__details {
    color: #8f9ca8;
    font-weight: 600;
    line-height: 15px; }
  /* line 268, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__core-features {
    display: none;
    margin: 25px auto;
    text-transform: lowercase;
    color: #969ca8;
    width: 120px;
    position: relative;
    left: 20px; }
    /* line 278, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__core-features li {
      text-align: left;
      margin: 5px 0; }
  /* line 284, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item--short {
    padding: 20px 26px; }
    /* line 287, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item--short .plan-item__details,
    .plan-item--short .plan-item__price {
      margin-top: 0; }
    /* line 293, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item--short .plan-item__price--annual .plan-item__price-month {
      display: none; }
  /* line 299, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__details, .plan-item__price {
    margin: 14px 0; }
  /* line 304, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__price {
    position: relative; }
    /* line 307, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__price > * {
      transition: all 0.4s ease; }
    /* line 311, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__price__value {
      font-size: 36px;
      margin-right: 5px; }
    /* line 316, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__price__currency {
      font-size: 18px; }
    /* line 320, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__price__value, .plan-item__price__currency {
      color: #4D94FF;
      font-weight: 300; }
    /* line 325, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__price-month {
      position: absolute;
      width: 100%; }
      /* line 329, assets/stylesheets/newWeb/plans/_pricing.scss */
      .plan-item__price-month:before {
        content: "";
        width: 0;
        height: 1px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
                transform: translate(-50%);
        position: absolute;
        background-color: #9E9E9E;
        visibility: hidden;
        transition: width 0.2s ease-in-out 0s;
        transition-delay: 0.2s; }
    /* line 344, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__price-year {
      opacity: 0;
      visibility: hidden; }
  /* line 352, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__price--annual .plan-item__price-month {
    -webkit-transform: scale(0.4) translateY(-30px);
        -ms-transform: scale(0.4) translateY(-30px);
            transform: scale(0.4) translateY(-30px);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top; }
    /* line 357, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__price--annual .plan-item__price-month .plan__item-pertime {
      display: none; }
    /* line 361, assets/stylesheets/newWeb/plans/_pricing.scss */
    .plan-item__price--annual .plan-item__price-month:before {
      width: 100px;
      visibility: visible; }
  /* line 367, assets/stylesheets/newWeb/plans/_pricing.scss */
  .plan-item__price--annual .plan-item__price-year {
    opacity: 1;
    visibility: visible; }

/* line 374, assets/stylesheets/newWeb/plans/_pricing.scss */
.hint {
  background: url("https://cdn.sentione.com/newWeb/global/info.svg") no-repeat;
  -ms-flex: 0 0 18px;
      flex: 0 0 18px;
  width: 18px;
  height: 18px;
  float: right;
  margin-left: 6px; }

/* line 383, assets/stylesheets/newWeb/plans/_pricing.scss */
.signup-inline.plans {
  padding-left: 20px;
  padding-right: 20px; }

/* line 1, assets/stylesheets/newWeb/plans/_terms.scss */
.terms-container {
  max-width: 1080px;
  margin: 0 auto;
  padding: 100px 50px; }
  /* line 6, assets/stylesheets/newWeb/plans/_terms.scss */
  .terms-container h4 {
    text-align: center; }
  /* line 10, assets/stylesheets/newWeb/plans/_terms.scss */
  .terms-container #terms-box {
    padding-top: 100px; }
    /* line 12, assets/stylesheets/newWeb/plans/_terms.scss */
    .terms-container #terms-box ol {
      list-style: decimal; }
      /* line 15, assets/stylesheets/newWeb/plans/_terms.scss */
      .terms-container #terms-box ol ol {
        list-style-type: lower-alpha;
        padding: 10px 30px; }
        /* line 19, assets/stylesheets/newWeb/plans/_terms.scss */
        .terms-container #terms-box ol ol ol {
          list-style-type: lower-roman; }
    /* line 25, assets/stylesheets/newWeb/plans/_terms.scss */
    .terms-container #terms-box li {
      padding: 5px 0;
      line-height: 20px;
      font-size: 14px; }

@media screen and (max-width: 1000px) {
  /* line 4, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing-header {
    width: calc(100% - 600px); }
  /* line 7, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .plan-item {
    width: 180px; }
  /* line 10, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .features-table td:not(:first-child) {
    width: 192px; } }

@media screen and (max-width: 900px) {
  /* line 17, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing__additional--content {
    width: 80%; }
  /* line 23, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .faq__question {
    display: block;
    width: 100%;
    margin-bottom: 30px; } }

@media screen and (max-width: 670px) {
  /* line 33, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing__additional--content {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
  /* line 37, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing__additional--text, .pricing__additional--image {
    width: 100%; }
  /* line 41, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing__additional--image {
    margin-bottom: 25px; }
    /* line 43, assets/stylesheets/newWeb/mobile/plans/_base.scss */
    .pricing__additional--image img {
      width: 60%; }
  /* line 48, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing__additional--text {
    text-align: center; } }

@media screen and (max-width: 875px) {
  /* line 55, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing-header {
    width: 300px;
    display: block;
    margin: 20px auto; }
  /* line 61, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing {
    padding-top: 100px; } }

@media screen and (max-width: 768px) {
  /* line 67, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing-header__title {
    margin-bottom: 40px; }
  /* line 71, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing__plans {
    float: none;
    display: block; }
    /* line 75, assets/stylesheets/newWeb/mobile/plans/_base.scss */
    .pricing__plans .plan-item {
      margin: 25px auto; }
  /* line 80, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .pricing__plans--summary,
  .features-wrapper {
    display: none; }
  /* line 85, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .plan-item {
    display: block;
    width: 250px;
    height: auto; }
    /* line 90, assets/stylesheets/newWeb/mobile/plans/_base.scss */
    .plan-item__core-features {
      display: block; }
  /* line 95, assets/stylesheets/newWeb/mobile/plans/_base.scss */
  .tick {
    margin-right: 6px;
    width: 8px; } }

@keyframes spinCounterClockwise {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px); } }

@keyframes ping {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes ping {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0); } }

/* ADD TO ELEMENT BORDERED RADIUS */
/* MIXIN FOR CONTAINER */
/* MAKE FLEX CONTAINER CENTER */
/* ADD BOX SHADOW ON ELEMENT */
/* MAKE WIDTH MORE RESPONSIVE */
/* GENERATE COLUMN FOR GRID */
/* DETECT SCREEN IS RETINA */
/* CALCULATE REM SIZE */
/* GENERATE FONT SIZE */
/* ANIMATE ELEMENTS */
/* GENERATE BREAKPOINT */
/* CREATE INPUT STYLE */
/* STYLE FOR SELECT INPUT */
/* line 4, assets/stylesheets/promo/malicious/_style.scss */
body[class*="view-maliciousbehaviour"] .section-main {
  padding-top: 120px;
  padding-bottom: 50px;
  background: url("https://cdn.sentione.com/promo/malicious/bg.png") #fff;
  background-repeat: repeat; }
  /* line 9, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-main img {
    position: relative;
    z-index: 2;
    display: block;
    -webkit-transform: translateX(-10%);
        -ms-transform: translateX(-10%);
            transform: translateX(-10%);
    max-width: 611px;
    width: 100%; }
    @media (max-width: 991px) {
      /* line 9, assets/stylesheets/promo/malicious/_style.scss */
      body[class*="view-maliciousbehaviour"] .section-main img {
        width: 60%;
        min-width: 150px;
        margin-bottom: 30px; } }
  /* line 22, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-main__img {
    position: relative; }
    /* line 24, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-main__img:before {
      content: '';
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      -ms-box-shadow: 0px 0px 120px 0px rgba(255, 255, 255, 0.5);
      -o-box-shadow: 0px 0px 120px 0px rgba(255, 255, 255, 0.5);
      box-shadow: 0px 0px 120px 0px rgba(255, 255, 255, 0.5);
      border-radius: 50%; }
    @media (max-width: 575px) {
      /* line 22, assets/stylesheets/promo/malicious/_style.scss */
      body[class*="view-maliciousbehaviour"] .section-main__img {
        display: none; } }
  @media (max-width: 1199px) {
    /* line 41, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-main .btn, body[class*="view-maliciousbehaviour"] .section-main button {
      margin-left: auto;
      margin-right: auto; } }
  @media (max-width: 1199px) {
    /* line 4, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-main {
      text-align: center; } }
  @media (max-width: 991px) {
    /* line 4, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-main {
      text-align: center;
      padding-bottom: 55px; }
      /* line 55, assets/stylesheets/promo/malicious/_style.scss */
      body[class*="view-maliciousbehaviour"] .section-main .btn, body[class*="view-maliciousbehaviour"] .section-main button {
        margin-left: auto;
        margin-right: auto; } }
  @media (max-width: 767px) {
    /* line 4, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-main {
      text-align: center;
      padding-top: 90px;
      padding-bottom: 40px; } }
  @media (max-width: 575px) {
    /* line 4, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-main {
      padding-bottom: 30px; } }

/* line 73, assets/stylesheets/promo/malicious/_style.scss */
body[class*="view-maliciousbehaviour"] .section-form {
  background-color: #282828;
  padding-top: 50px;
  padding-bottom: 50px; }
  /* line 77, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-form form {
    margin-bottom: 22px;
    display: -ms-flexbox;
    display: flex; }
  /* line 81, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-form .input__text {
    width: calc( 50% - 24px - 170px/2);
    margin-right: 24px; }
    @media (max-width: 767px) {
      /* line 81, assets/stylesheets/promo/malicious/_style.scss */
      body[class*="view-maliciousbehaviour"] .section-form .input__text {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
  /* line 92, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-form button {
    padding: 14px 0;
    width: 170px; }
  /* line 96, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-form span.copy {
    font-size: 12px;
    color: #BECCD8; }
  @media (max-width: 991px) {
    /* line 101, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-form .form {
      margin-top: 30px; } }
  @media (max-width: 767px) {
    /* line 101, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-form .form {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (max-width: 767px) {
    /* line 111, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-form .btn, body[class*="view-maliciousbehaviour"] .section-form button {
      width: 100%;
      max-width: 100%; } }

/* line 121, assets/stylesheets/promo/malicious/_style.scss */
body[class*="view-maliciousbehaviour"] .section-desc ul {
  margin-left: 20px;
  list-style: disc; }

/* line 125, assets/stylesheets/promo/malicious/_style.scss */
body[class*="view-maliciousbehaviour"] .section-desc h1 {
  font-size: 36px;
  color: #BECCD8; }
  @media (max-width: 767px) {
    /* line 125, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-desc h1 {
      text-align: center; } }

/* line 133, assets/stylesheets/promo/malicious/_style.scss */
body[class*="view-maliciousbehaviour"] .section-desc h2 {
  color: #9B9B9B; }

/* line 137, assets/stylesheets/promo/malicious/_style.scss */
body[class*="view-maliciousbehaviour"] .section-desc .col-img img {
  display: block;
  width: 400px;
  height: auto; }
  @media (max-width: 1199px) {
    /* line 137, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-desc .col-img img {
      width: 90%; } }
  @media (max-width: 991px) {
    /* line 137, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-desc .col-img img {
      width: 400px;
      height: auto;
      margin-bottom: 55px; } }
  @media (max-width: 767px) {
    /* line 137, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-desc .col-img img {
      max-width: 350px;
      width: 90%; } }

/* line 156, assets/stylesheets/promo/malicious/_style.scss */
body[class*="view-maliciousbehaviour"] .section-desc .col-img:after {
  display: none; }

@media (max-width: 767px) {
  /* line 163, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-desc .row > div:nth-child(1) {
    -ms-flex-order: 3;
        order: 3; }
  /* line 166, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-desc .row .col-img {
    -ms-flex-order: 2;
        order: 2; }
  /* line 169, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-desc .row > div:nth-child(3) {
    -ms-flex-order: 1;
        order: 1; } }

/* line 177, assets/stylesheets/promo/malicious/_style.scss */
body[class*="view-maliciousbehaviour"] .section-thank-you {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 180px; }
  /* line 181, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-thank-you__img {
    max-width: 511px;
    width: 100%; }
  /* line 184, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-thank-you .btn, body[class*="view-maliciousbehaviour"] .section-thank-you button {
    background: #5583E6;
    width: 170px;
    margin-top: 40px; }
  /* line 189, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-thank-you h1 {
    font-size: 36px;
    color: #BECCD8;
    margin-bottom: 0; }
  /* line 194, assets/stylesheets/promo/malicious/_style.scss */
  body[class*="view-maliciousbehaviour"] .section-thank-you h2 {
    color: #9B9B9B; }
  @media (max-width: 1199px) {
    /* line 177, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-thank-you {
      padding-top: 140px; } }
  @media (max-width: 991px) {
    /* line 177, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-thank-you {
      padding-top: 100px;
      text-align: center; }
      /* line 204, assets/stylesheets/promo/malicious/_style.scss */
      body[class*="view-maliciousbehaviour"] .section-thank-you div[class*="col"] {
        margin-bottom: 0px; }
      /* line 207, assets/stylesheets/promo/malicious/_style.scss */
      body[class*="view-maliciousbehaviour"] .section-thank-you .btn, body[class*="view-maliciousbehaviour"] .section-thank-you button {
        margin-left: auto;
        margin-right: auto; } }
  @media (max-width: 767px) {
    /* line 177, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-thank-you {
      padding-top: 90px; } }
  @media (max-width: 575px) {
    /* line 177, assets/stylesheets/promo/malicious/_style.scss */
    body[class*="view-maliciousbehaviour"] .section-thank-you {
      padding-top: 80px; } }